Ik zoek een nieuwe div, en die hem ook in me layout zet.
Hij moet Rechts naast het layout komen te staan!
http://www.101barztv.tk
Intresse? stuur me een PB de eerste die het heeft gemaakt krijgt 0.3 punten!
(Daar krijg je me Index code in HTML!)
Ik wil een google ADS, zetten rechts in me layout daarom!
Dit is me CSS code ;
Quote:
body {
margin: 0px;
background-color: #262626;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
}
#container {
width: 870px;
position:relative; left: 50%;
margin: 0 0 0 -435px;
background-color: #c6d5da;
background-image: url();
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 10px;
}
#header {
width: 110%;
height: 100px;
background-image: url(web_images/101barz.png);
background-repeat: no-repeat;
padding-top: 15px;
}
.adv_header {
width: 234px;
height: 60px;
background-image: url();
background-repeat: no-repeat;
margin-left: 533px;
border: solid 1px #b2bfc4;
cursor: pointer;
}
#menu {
width: 864px;
height: 39px;
margin-left: 3px;
margin-right: 3px;
padding-left: 10px;
padding-top: 5px;
background-image: url();
background-repeat: no-repeat;
}
.topmenu {
margin: 0;
padding: 0;
float: left;
height: 30px;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
overflow: hidden;
background-color: #ff570c;
}
.topmenu li {
display: inline;
}
.topmenu li a, .topmenu li a:visited {
float: left;
color: #FFFFFF;
padding-top: 8px;
margin-left: 20px;
text-decoration: none;
}
.topmenu li a:hover {
color: #FFFFFF;
font-weight: bolder;
border-bottom: solid 2px #47c2e3;
}
#leftmenu {
float: left;
width: 210px;
margin-right: 1px;
background-color: #c6d5da;
}
.left_contentBox {
width: 202px;
min-height: 100px;
margin-left: 3px;
margin-bottom: 0px;
background-color: #666666;
background-image: url(layout.gif);
background-position: top;
background-repeat: no-repeat;
padding: 3px;
}
.left_contentBox_bottom {
width: 208px;
height: 6px;
margin-top: 0px;
margin-bottom: 5px;
margin-left: 3px;
background-image: url();
background-repeat: no-repeat;
}
.left_content {
width: 208px;
}
.left_content h2 {
width: 202px;
height: 42px;
background-image: url();
background-repeat: no-repeat;
padding-left: 12px;
padding-top: 12px;
margin-top: 0px;
margin-bottom: -10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
.left_content h3 {
width: 202px;
height: 42px;
background-image: url();
background-repeat: no-repeat;
padding-left: 12px;
padding-top: 12px;
margin-top: 0px;
margin-bottom: -10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
#right {
float: right;
width: 654px;
margin-left: 4px;
background-color: #c6d5da;
}
.right_contentBox {
width: 643px;
min-height: 60px;
background-color: #FFFFFF;
background-image: url();
background-position: top;
background-repeat: no-repeat;
margin-bottom: 0px;
padding: 4px;
}
.right_contentBox_bottom {
width: 651px;
height: 6px;
margin-top: 0px;
margin-bottom: 5px;
background-image: url();
background-repeat: no-repeat;
}
.right_content {
width: 643px;
line-height: 25px;
}
.right_content h1 {
width: 643px;
height: 42px;
background-image: url();
background-repeat: no-repeat;
padding-left: 12px;
padding-top: 8px;
margin-top: 0px;
margin-bottom: -5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000;
}
.leftmenu {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
overflow: hidden;
margin: 0px;
padding: 0px;
width: 200px
}
.leftmenu li {
text-decoration: none;
list-style-type:none;
line-height: 12px;
display: block;
width: 200px;
}
.leftmenu li a, .leftmenu li a:visited {
color: #242424;
padding-top: 8px;
margin-left: 12px;
text-decoration: none;
margin-bottom: 3px;
display: block;
width: 200px;
}
.leftmenu li .first {
color: #242424;
padding-top: 0px;
margin-left: 12px;
text-decoration: none;
margin-bottom: 3px;
display: block;
width: 200px;
}
.leftmenu li a:hover {
color: #242424;
font-weight: bold;
margin-bottom: 3px;
display: block;
width: 200px;
}
#footer {
width: 870px;
position:relative; left: 50%;
margin: 0 0 0 -435px;
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #57c5e4;
}
#footer a, #footer a:hover, #footer a:active, #footer a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #57c5e4;
text-decoration: none;
}
Hij moet Rechts naast het layout komen te staan!
http://www.101barztv.tk
Intresse? stuur me een PB de eerste die het heeft gemaakt krijgt 0.3 punten!
(Daar krijg je me Index code in HTML!)
Ik wil een google ADS, zetten rechts in me layout daarom!
Dit is me CSS code ;
Quote:
body {
margin: 0px;
background-color: #262626;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
}
#container {
width: 870px;
position:relative; left: 50%;
margin: 0 0 0 -435px;
background-color: #c6d5da;
background-image: url();
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 10px;
}
#header {
width: 110%;
height: 100px;
background-image: url(web_images/101barz.png);
background-repeat: no-repeat;
padding-top: 15px;
}
.adv_header {
width: 234px;
height: 60px;
background-image: url();
background-repeat: no-repeat;
margin-left: 533px;
border: solid 1px #b2bfc4;
cursor: pointer;
}
#menu {
width: 864px;
height: 39px;
margin-left: 3px;
margin-right: 3px;
padding-left: 10px;
padding-top: 5px;
background-image: url();
background-repeat: no-repeat;
}
.topmenu {
margin: 0;
padding: 0;
float: left;
height: 30px;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
overflow: hidden;
background-color: #ff570c;
}
.topmenu li {
display: inline;
}
.topmenu li a, .topmenu li a:visited {
float: left;
color: #FFFFFF;
padding-top: 8px;
margin-left: 20px;
text-decoration: none;
}
.topmenu li a:hover {
color: #FFFFFF;
font-weight: bolder;
border-bottom: solid 2px #47c2e3;
}
#leftmenu {
float: left;
width: 210px;
margin-right: 1px;
background-color: #c6d5da;
}
.left_contentBox {
width: 202px;
min-height: 100px;
margin-left: 3px;
margin-bottom: 0px;
background-color: #666666;
background-image: url(layout.gif);
background-position: top;
background-repeat: no-repeat;
padding: 3px;
}
.left_contentBox_bottom {
width: 208px;
height: 6px;
margin-top: 0px;
margin-bottom: 5px;
margin-left: 3px;
background-image: url();
background-repeat: no-repeat;
}
.left_content {
width: 208px;
}
.left_content h2 {
width: 202px;
height: 42px;
background-image: url();
background-repeat: no-repeat;
padding-left: 12px;
padding-top: 12px;
margin-top: 0px;
margin-bottom: -10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
.left_content h3 {
width: 202px;
height: 42px;
background-image: url();
background-repeat: no-repeat;
padding-left: 12px;
padding-top: 12px;
margin-top: 0px;
margin-bottom: -10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
#right {
float: right;
width: 654px;
margin-left: 4px;
background-color: #c6d5da;
}
.right_contentBox {
width: 643px;
min-height: 60px;
background-color: #FFFFFF;
background-image: url();
background-position: top;
background-repeat: no-repeat;
margin-bottom: 0px;
padding: 4px;
}
.right_contentBox_bottom {
width: 651px;
height: 6px;
margin-top: 0px;
margin-bottom: 5px;
background-image: url();
background-repeat: no-repeat;
}
.right_content {
width: 643px;
line-height: 25px;
}
.right_content h1 {
width: 643px;
height: 42px;
background-image: url();
background-repeat: no-repeat;
padding-left: 12px;
padding-top: 8px;
margin-top: 0px;
margin-bottom: -5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000;
}
.leftmenu {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
overflow: hidden;
margin: 0px;
padding: 0px;
width: 200px
}
.leftmenu li {
text-decoration: none;
list-style-type:none;
line-height: 12px;
display: block;
width: 200px;
}
.leftmenu li a, .leftmenu li a:visited {
color: #242424;
padding-top: 8px;
margin-left: 12px;
text-decoration: none;
margin-bottom: 3px;
display: block;
width: 200px;
}
.leftmenu li .first {
color: #242424;
padding-top: 0px;
margin-left: 12px;
text-decoration: none;
margin-bottom: 3px;
display: block;
width: 200px;
}
.leftmenu li a:hover {
color: #242424;
font-weight: bold;
margin-bottom: 3px;
display: block;
width: 200px;
}
#footer {
width: 870px;
position:relative; left: 50%;
margin: 0 0 0 -435px;
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #57c5e4;
}
#footer a, #footer a:hover, #footer a:active, #footer a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #57c5e4;
text-decoration: none;
}