2011-12-07, 23:22
#37
Vinnaren i pepparkakshustävlingen!
Ja, jag har i alla fall aldrig behövt använda det till någonting annat.
Titta gärna på #midbox, memberinfo och midboxcontainer. Var svårt att veta i vilken av taggarna de olika paddingarna, text-align och marginalerna skulle vara i.
Vad är det som ser konstigt ut?
Ser inget problem med #midBox, .memberinfo eller #midBoxContainer.
Stöd Flashback
Svara
- Ämnesverktyg
- Hitta inlägg efter datum
2011-12-07, 23:26
#38
Citat:
Ursprungligen postat av jjjjacke
Okej så padding är igentligen bara för själv rutans css så att innehållet inte kommer för nära kanten?
Ja, jag har i alla fall aldrig behövt använda det till någonting annat.
__________________
Senast redigerad av Spret 2011-12-07 kl. 23:57.
Senast redigerad av Spret 2011-12-07 kl. 23:57.
2011-12-07, 23:36
#39
Citat:
Härligt! Återkommer säkert imorgon med mer frågor!
Ursprungligen postat av Spret
Ja, jag har aldrig i alla fall aldrig behövt använda det till någonting annat.
2011-12-08, 11:03
#40
Tänk på att padding kommer göra din div större
2011-12-08, 17:42
#41
Citat:
Bra att veta, tack!
Ursprungligen postat av jaeskoen
Tänk på att padding kommer göra din div större
2011-12-08, 17:45
#42
Citat:
Det funkade inte att lägga in margin-left för att få marginal mellan texten och bilden.
Ursprungligen postat av Spret
Ja, jag har i alla fall aldrig behövt använda det till någonting annat.
2011-12-08, 18:41
#43
Citat:
Här kommer resultatet av members-kategorin.
Ursprungligen postat av Spret
Ja, jag har i alla fall aldrig behövt använda det till någonting annat.
Titta gärna på #midbox, memberinfo och midboxcontainer. Var svårt att veta i vilken av taggarna de olika paddingarna, text-align och marginalerna skulle vara i.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #CCC;
}
ul
{
padding-left: 0px;
padding-top: 0px;
margin-left: 0px;
margin-top: 0px;
display:block;
height: 30px;
overflow: hidden;
}
li
{
display:inline;
color: #FFF;
}
#container {
padding: 0px;
height: auto;
margin-right: auto;
margin-left: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #CCC;
}
#holder {
padding: 0px;
height: auto;
width: 980px;
margin-right: auto;
margin-left: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #FFF;
margin-top: 10px;
}
#banner {
padding: 0px;
height: 200px;
width: 980px;
margin-right: auto;
margin-left: auto;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #666;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
}
#navBar {
padding: 0px;
height: 30px;
width: 980px;
margin-right: auto;
margin-left: auto;
font-weight: bold;
text-align: center;
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
background-color: #333;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
border-top-width: 0px;
border-bottom-width: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
#content {
width: 980px;
margin-right: auto;
margin-left: auto;
padding: 0px;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
}
#wrapper {
background-image: url(Untitled-1.jpg);
width: 1020px;
margin-right: auto;
margin-left: auto;
}
#footer {
padding: 0px;
height: 30px;
width: 980px;
margin-right: auto;
margin-left: auto;
background-color: #333;
font-weight: bolder;
text-align: center;
padding-top: 6px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #000;
}
a:link {
color: #000;
text-decoration: none;
padding-bottom: 0px;
padding: 10px;
}
a:visited {
color: #000;
text-decoration: none;
}
a:hover {
text-decoration: none;
padding-bottom: 0px;
color:#FFF;
}
a:active {
color: #AD1A1A;
text-decoration: none;
}
h1{
text-align: center;
}
#leftBoxContainer{
float: left;
width: 210px;
margin-top: 15px;
margin-left: 15px;
}
.leftBox{
width: 200px;
padding: 5 5 5 0 px;
border: 1px solid black;
margin-bottom: 20px;
background-color: #E5E5E5;
}
#midBoxContainer{
width:480px;
margin-right: 30px;
margin-left: 30px;
float: left;
}
#midBox{
border: 1px solid black;
background-color: #E5E5E5;
float: left;
margin-top: 15px;
margin-bottom: 20px;
width: 475px;
}
.member1 {
padding: 5px;
width: 470px;
border: 1px solid #000;
float: left;
font-size: 14px;
padding-left: 0px;
padding-bottom: 20px;
background-color: #E5E5E5;
margin-bottom: 20px;
}
#rightBox{
width: 175px;
float: left;
border: 1px solid black;
background-color: #e5e5e5;
padding-bottom: 15px;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 0;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
margin-left: 0px;
}
.avatarImage{
padding-left:15px;
float:left;
padding-right:0px;
border: 0;
}
p.avatarHeading{
font-weight:bold;
text-align:left;
padding-left: 15px;
}
p.avatarContent{
padding-left:170px;
}
.memberinfo{
text-align:center;
padding:5px;
}
h1.memberheading{
text-align:center;
font-weight:bold;
font-size:25px;
}
</style>
</head>
<body>
<div id="container">
<div id="wrapper">
<div id="holder">
<div id="header"> </div>
<div id="banner"><img src="Teh_PirAt3s.png" width="980" height="200" align="absmiddle" /></div>
<div id="navBar"><ul>
<li><a href="home.html">HOME</a></li>
<li>MEMBERS</li>
<li><a href="videos.html">VIDEOS</a></li>
<li><a href="about us.html">ABOUT US</a></li>
<li><a href="contacts.html">CONTACTS</a></li></ul>
</div>
<div id="content">
<div id="leftBoxContainer">
<div class="leftBox">
<p></p><br /><br /><br /><br />
</div>
<div class="leftBox">
<p><img src="Reklam.jpg" alt="reklam" width="200" height="490" /></p>
</div>
</div>
<div id="midBoxContainer">
<div id="midBox">
<h1 class="memberheading">Members</h1>
<p class="memberinfo">At the moment we only got 2 members but we're planning to reqruit more soldiers on short notice. If you're interested in joining the platoon please send us an application.</p></div>
<div class="member1">
<p class="avatarHeading">Kapten-alkis, Founder</p>
<img src="773288_160_153.jpg" class="avatarImage" alt="avatarimage" width="140" height="153" border="0" align="right "/>
<p class="avatarContent">Joel aka <strong>"kapten_alkis</strong>" is a 17 year old Battlfield-veteran. He started to play Battlfield at the age of 12. Joel lives in Luleå and spends most of his time awake by playing Battlefield. </p>
</div>
<div class="member1">
<p class="avatarHeading">J-Nodbrant, Leader</p>
<img src="773288_160_153.jpg" class="avatarImage" alt="avatarimage" width="140" height="153" border="0" align="right" />
<p class="avatarContent">Jacob aka <strong>"J-t"</strong> is a 17 years old Battlefield 3 player. Jacob started his battlefield-carrer when dice launched Battlefield 3. He has been playing fps games his whole life and will probably be a vetaran sooner or further. Jacob lives in g and spends the days in school and the evening in front of the computer playing Battlefield.</p>
</div>
</div>
<div id="rightBox">
<p><img src="frostosv.jpg" alt="reklam1" width="179" height="400" />
</p>
</div>
<div style="clear: both;"></div>
</div>
</div>
<div id="footer"><em>Designed by: Jacob</em></div>
</div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #CCC;
}
ul
{
padding-left: 0px;
padding-top: 0px;
margin-left: 0px;
margin-top: 0px;
display:block;
height: 30px;
overflow: hidden;
}
li
{
display:inline;
color: #FFF;
}
#container {
padding: 0px;
height: auto;
margin-right: auto;
margin-left: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #CCC;
}
#holder {
padding: 0px;
height: auto;
width: 980px;
margin-right: auto;
margin-left: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #FFF;
margin-top: 10px;
}
#banner {
padding: 0px;
height: 200px;
width: 980px;
margin-right: auto;
margin-left: auto;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #666;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
}
#navBar {
padding: 0px;
height: 30px;
width: 980px;
margin-right: auto;
margin-left: auto;
font-weight: bold;
text-align: center;
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
background-color: #333;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
border-top-width: 0px;
border-bottom-width: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
#content {
width: 980px;
margin-right: auto;
margin-left: auto;
padding: 0px;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
}
#wrapper {
background-image: url(Untitled-1.jpg);
width: 1020px;
margin-right: auto;
margin-left: auto;
}
#footer {
padding: 0px;
height: 30px;
width: 980px;
margin-right: auto;
margin-left: auto;
background-color: #333;
font-weight: bolder;
text-align: center;
padding-top: 6px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #000;
}
a:link {
color: #000;
text-decoration: none;
padding-bottom: 0px;
padding: 10px;
}
a:visited {
color: #000;
text-decoration: none;
}
a:hover {
text-decoration: none;
padding-bottom: 0px;
color:#FFF;
}
a:active {
color: #AD1A1A;
text-decoration: none;
}
h1{
text-align: center;
}
#leftBoxContainer{
float: left;
width: 210px;
margin-top: 15px;
margin-left: 15px;
}
.leftBox{
width: 200px;
padding: 5 5 5 0 px;
border: 1px solid black;
margin-bottom: 20px;
background-color: #E5E5E5;
}
#midBoxContainer{
width:480px;
margin-right: 30px;
margin-left: 30px;
float: left;
}
#midBox{
border: 1px solid black;
background-color: #E5E5E5;
float: left;
margin-top: 15px;
margin-bottom: 20px;
width: 475px;
}
.member1 {
padding: 5px;
width: 470px;
border: 1px solid #000;
float: left;
font-size: 14px;
padding-left: 0px;
padding-bottom: 20px;
background-color: #E5E5E5;
margin-bottom: 20px;
}
#rightBox{
width: 175px;
float: left;
border: 1px solid black;
background-color: #e5e5e5;
padding-bottom: 15px;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 0;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
margin-left: 0px;
}
.avatarImage{
padding-left:15px;
float:left;
padding-right:0px;
border: 0;
}
p.avatarHeading{
font-weight:bold;
text-align:left;
padding-left: 15px;
}
p.avatarContent{
padding-left:170px;
}
.memberinfo{
text-align:center;
padding:5px;
}
h1.memberheading{
text-align:center;
font-weight:bold;
font-size:25px;
}
</style>
</head>
<body>
<div id="container">
<div id="wrapper">
<div id="holder">
<div id="header"> </div>
<div id="banner"><img src="Teh_PirAt3s.png" width="980" height="200" align="absmiddle" /></div>
<div id="navBar"><ul>
<li><a href="home.html">HOME</a></li>
<li>MEMBERS</li>
<li><a href="videos.html">VIDEOS</a></li>
<li><a href="about us.html">ABOUT US</a></li>
<li><a href="contacts.html">CONTACTS</a></li></ul>
</div>
<div id="content">
<div id="leftBoxContainer">
<div class="leftBox">
<p></p><br /><br /><br /><br />
</div>
<div class="leftBox">
<p><img src="Reklam.jpg" alt="reklam" width="200" height="490" /></p>
</div>
</div>
<div id="midBoxContainer">
<div id="midBox">
<h1 class="memberheading">Members</h1>
<p class="memberinfo">At the moment we only got 2 members but we're planning to reqruit more soldiers on short notice. If you're interested in joining the platoon please send us an application.</p></div>
<div class="member1">
<p class="avatarHeading">Kapten-alkis, Founder</p>
<img src="773288_160_153.jpg" class="avatarImage" alt="avatarimage" width="140" height="153" border="0" align="right "/>
<p class="avatarContent">Joel aka <strong>"kapten_alkis</strong>" is a 17 year old Battlfield-veteran. He started to play Battlfield at the age of 12. Joel lives in Luleå and spends most of his time awake by playing Battlefield. </p>
</div>
<div class="member1">
<p class="avatarHeading">J-Nodbrant, Leader</p>
<img src="773288_160_153.jpg" class="avatarImage" alt="avatarimage" width="140" height="153" border="0" align="right" />
<p class="avatarContent">Jacob aka <strong>"J-t"</strong> is a 17 years old Battlefield 3 player. Jacob started his battlefield-carrer when dice launched Battlefield 3. He has been playing fps games his whole life and will probably be a vetaran sooner or further. Jacob lives in g and spends the days in school and the evening in front of the computer playing Battlefield.</p>
</div>
</div>
<div id="rightBox">
<p><img src="frostosv.jpg" alt="reklam1" width="179" height="400" />
</p>
</div>
<div style="clear: both;"></div>
</div>
</div>
<div id="footer"><em>Designed by: Jacob</em></div>
</div>
</div>
</body>
</html>
2011-12-08, 18:57
#44
Citat:
Ursprungligen postat av jjjjacke
Här kommer resultatet av members-kategorin.
Titta gärna på #midbox, memberinfo och midboxcontainer. Var svårt att veta i vilken av taggarna de olika paddingarna, text-align och marginalerna skulle vara i.
Titta gärna på #midbox, memberinfo och midboxcontainer. Var svårt att veta i vilken av taggarna de olika paddingarna, text-align och marginalerna skulle vara i.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #CCC;
}
ul
{
padding-left: 0px;
padding-top: 0px;
margin-left: 0px;
margin-top: 0px;
display:block;
height: 30px;
overflow: hidden;
}
li
{
display:inline;
color: #FFF;
}
#container {
padding: 0px;
height: auto;
margin-right: auto;
margin-left: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #CCC;
}
#holder {
padding: 0px;
height: auto;
width: 980px;
margin-right: auto;
margin-left: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #FFF;
margin-top: 10px;
}
#banner {
padding: 0px;
height: 200px;
width: 980px;
margin-right: auto;
margin-left: auto;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #666;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
}
#navBar {
padding: 0px;
height: 30px;
width: 980px;
margin-right: auto;
margin-left: auto;
font-weight: bold;
text-align: center;
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
background-color: #333;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
border-top-width: 0px;
border-bottom-width: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
#content {
width: 980px;
margin-right: auto;
margin-left: auto;
padding: 0px;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
}
#wrapper {
background-image: url(Untitled-1.jpg);
width: 1020px;
margin-right: auto;
margin-left: auto;
}
#footer {
padding: 0px;
height: 30px;
width: 980px;
margin-right: auto;
margin-left: auto;
background-color: #333;
font-weight: bolder;
text-align: center;
padding-top: 6px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #000;
}
a:link {
color: #000;
text-decoration: none;
padding-bottom: 0px;
padding: 10px;
}
a:visited {
color: #000;
text-decoration: none;
}
a:hover {
text-decoration: none;
padding-bottom: 0px;
color:#FFF;
}
a:active {
color: #AD1A1A;
text-decoration: none;
}
h1{
text-align: center;
}
#leftBoxContainer{
float: left;
width: 210px;
margin-top: 15px;
margin-left: 15px;
}
.leftBox{
width: 200px;
padding: 5 5 5 0 px;
border: 1px solid black;
margin-bottom: 20px;
background-color: #E5E5E5;
}
#midBoxContainer{
width:480px;
margin-right: 30px;
margin-left: 30px;
float: left;
}
#midBox{
border: 1px solid black;
background-color: #E5E5E5;
float: left;
margin-top: 15px;
margin-bottom: 20px;
width: 475px;
}
.member1 {
padding: 5px;
width: 470px;
border: 1px solid #000;
float: left;
font-size: 14px;
padding-left: 0px;
padding-bottom: 20px;
background-color: #E5E5E5;
margin-bottom: 20px;
}
#rightBox{
width: 175px;
float: left;
border: 1px solid black;
background-color: #e5e5e5;
padding-bottom: 15px;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 0;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
margin-left: 0px;
}
.avatarImage{
padding-left:15px;
float:left;
padding-right:0px;
border: 0;
}
p.avatarHeading{
font-weight:bold;
text-align:left;
padding-left: 15px;
}
p.avatarContent{
padding-left:170px;
}
.memberinfo{
text-align:center;
padding:5px;
}
h1.memberheading{
text-align:center;
font-weight:bold;
font-size:25px;
}
</style>
</head>
<body>
<div id="container">
<div id="wrapper">
<div id="holder">
<div id="header"> </div>
<div id="banner"><img src="Teh_PirAt3s.png" width="980" height="200" align="absmiddle" /></div>
<div id="navBar"><ul>
<li><a href="home.html">HOME</a></li>
<li>MEMBERS</li>
<li><a href="videos.html">VIDEOS</a></li>
<li><a href="about us.html">ABOUT US</a></li>
<li><a href="contacts.html">CONTACTS</a></li></ul>
</div>
<div id="content">
<div id="leftBoxContainer">
<div class="leftBox">
<p></p><br /><br /><br /><br />
</div>
<div class="leftBox">
<p><img src="Reklam.jpg" alt="reklam" width="200" height="490" /></p>
</div>
</div>
<div id="midBoxContainer">
<div id="midBox">
<h1 class="memberheading">Members</h1>
<p class="memberinfo">At the moment we only got 2 members but we're planning to reqruit more soldiers on short notice. If you're interested in joining the platoon please send us an application.</p></div>
<div class="member1">
<p class="avatarHeading">Kapten-alkis, Founder</p>
<img src="773288_160_153.jpg" class="avatarImage" alt="avatarimage" width="140" height="153" border="0" align="right "/>
<p class="avatarContent">Joel aka <strong>"kapten_alkis</strong>" is a 17 year old Battlfield-veteran. He started to play Battlfield at the age of 12. Joel lives in Luleå and spends most of his time awake by playing Battlefield. </p>
</div>
<div class="member1">
<p class="avatarHeading">J-Nodbrant, Leader</p>
<img src="773288_160_153.jpg" class="avatarImage" alt="avatarimage" width="140" height="153" border="0" align="right" />
<p class="avatarContent">Jacob aka <strong>"J-t"</strong> is a 17 years old Battlefield 3 player. Jacob started his battlefield-carrer when dice launched Battlefield 3. He has been playing fps games his whole life and will probably be a vetaran sooner or further. Jacob lives in g and spends the days in school and the evening in front of the computer playing Battlefield.</p>
</div>
</div>
<div id="rightBox">
<p><img src="frostosv.jpg" alt="reklam1" width="179" height="400" />
</p>
</div>
<div style="clear: both;"></div>
</div>
</div>
<div id="footer"><em>Designed by: Jacob</em></div>
</div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #CCC;
}
ul
{
padding-left: 0px;
padding-top: 0px;
margin-left: 0px;
margin-top: 0px;
display:block;
height: 30px;
overflow: hidden;
}
li
{
display:inline;
color: #FFF;
}
#container {
padding: 0px;
height: auto;
margin-right: auto;
margin-left: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #CCC;
}
#holder {
padding: 0px;
height: auto;
width: 980px;
margin-right: auto;
margin-left: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #FFF;
margin-top: 10px;
}
#banner {
padding: 0px;
height: 200px;
width: 980px;
margin-right: auto;
margin-left: auto;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #666;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
}
#navBar {
padding: 0px;
height: 30px;
width: 980px;
margin-right: auto;
margin-left: auto;
font-weight: bold;
text-align: center;
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
background-color: #333;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
border-top-width: 0px;
border-bottom-width: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
#content {
width: 980px;
margin-right: auto;
margin-left: auto;
padding: 0px;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
}
#wrapper {
background-image: url(Untitled-1.jpg);
width: 1020px;
margin-right: auto;
margin-left: auto;
}
#footer {
padding: 0px;
height: 30px;
width: 980px;
margin-right: auto;
margin-left: auto;
background-color: #333;
font-weight: bolder;
text-align: center;
padding-top: 6px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #000;
}
a:link {
color: #000;
text-decoration: none;
padding-bottom: 0px;
padding: 10px;
}
a:visited {
color: #000;
text-decoration: none;
}
a:hover {
text-decoration: none;
padding-bottom: 0px;
color:#FFF;
}
a:active {
color: #AD1A1A;
text-decoration: none;
}
h1{
text-align: center;
}
#leftBoxContainer{
float: left;
width: 210px;
margin-top: 15px;
margin-left: 15px;
}
.leftBox{
width: 200px;
padding: 5 5 5 0 px;
border: 1px solid black;
margin-bottom: 20px;
background-color: #E5E5E5;
}
#midBoxContainer{
width:480px;
margin-right: 30px;
margin-left: 30px;
float: left;
}
#midBox{
border: 1px solid black;
background-color: #E5E5E5;
float: left;
margin-top: 15px;
margin-bottom: 20px;
width: 475px;
}
.member1 {
padding: 5px;
width: 470px;
border: 1px solid #000;
float: left;
font-size: 14px;
padding-left: 0px;
padding-bottom: 20px;
background-color: #E5E5E5;
margin-bottom: 20px;
}
#rightBox{
width: 175px;
float: left;
border: 1px solid black;
background-color: #e5e5e5;
padding-bottom: 15px;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 0;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
margin-left: 0px;
}
.avatarImage{
padding-left:15px;
float:left;
padding-right:0px;
border: 0;
}
p.avatarHeading{
font-weight:bold;
text-align:left;
padding-left: 15px;
}
p.avatarContent{
padding-left:170px;
}
.memberinfo{
text-align:center;
padding:5px;
}
h1.memberheading{
text-align:center;
font-weight:bold;
font-size:25px;
}
</style>
</head>
<body>
<div id="container">
<div id="wrapper">
<div id="holder">
<div id="header"> </div>
<div id="banner"><img src="Teh_PirAt3s.png" width="980" height="200" align="absmiddle" /></div>
<div id="navBar"><ul>
<li><a href="home.html">HOME</a></li>
<li>MEMBERS</li>
<li><a href="videos.html">VIDEOS</a></li>
<li><a href="about us.html">ABOUT US</a></li>
<li><a href="contacts.html">CONTACTS</a></li></ul>
</div>
<div id="content">
<div id="leftBoxContainer">
<div class="leftBox">
<p></p><br /><br /><br /><br />
</div>
<div class="leftBox">
<p><img src="Reklam.jpg" alt="reklam" width="200" height="490" /></p>
</div>
</div>
<div id="midBoxContainer">
<div id="midBox">
<h1 class="memberheading">Members</h1>
<p class="memberinfo">At the moment we only got 2 members but we're planning to reqruit more soldiers on short notice. If you're interested in joining the platoon please send us an application.</p></div>
<div class="member1">
<p class="avatarHeading">Kapten-alkis, Founder</p>
<img src="773288_160_153.jpg" class="avatarImage" alt="avatarimage" width="140" height="153" border="0" align="right "/>
<p class="avatarContent">Joel aka <strong>"kapten_alkis</strong>" is a 17 year old Battlfield-veteran. He started to play Battlfield at the age of 12. Joel lives in Luleå and spends most of his time awake by playing Battlefield. </p>
</div>
<div class="member1">
<p class="avatarHeading">J-Nodbrant, Leader</p>
<img src="773288_160_153.jpg" class="avatarImage" alt="avatarimage" width="140" height="153" border="0" align="right" />
<p class="avatarContent">Jacob aka <strong>"J-t"</strong> is a 17 years old Battlefield 3 player. Jacob started his battlefield-carrer when dice launched Battlefield 3. He has been playing fps games his whole life and will probably be a vetaran sooner or further. Jacob lives in g and spends the days in school and the evening in front of the computer playing Battlefield.</p>
</div>
</div>
<div id="rightBox">
<p><img src="frostosv.jpg" alt="reklam1" width="179" height="400" />
</p>
</div>
<div style="clear: both;"></div>
</div>
</div>
<div id="footer"><em>Designed by: Jacob</em></div>
</div>
</div>
</body>
</html>
Vad är det som ser konstigt ut?
2011-12-08, 19:41
#45
Citat:
Ingenting på designen, tänkte mer på koden.
Ursprungligen postat av Spret
Vad är det som ser konstigt ut?
2011-12-08, 20:32
#46
Citat:
Ursprungligen postat av jjjjacke
Ingenting på designen, tänkte mer på koden.
Ser inget problem med #midBox, .memberinfo eller #midBoxContainer.
Stöd Flashback
Flashback finansieras genom donationer från våra medlemmar och besökare. Det är med hjälp av dig vi kan fortsätta erbjuda en fri samhällsdebatt. Tack för ditt stöd!
Swish: 123 536 99 96 Bankgiro: 211-4106
