Hallo Cpérs,
Dit is mijn 1e topic hier op de nieuwe CP. (Wel een beetje te laat maar dat maakt niet uit :P)
Ik heb een probleem met m'n css. Namelijk hier http://www.nosin.nl kan je zien dat de Members area niet naast de News blokje staat. Ik heb geprobeerd het te floaten maar dat werkte niet en ik heb ook niet veel verstand van CSS dus wou ik vragen of iemand me hier even kan helpen. De Members area blokje bestond nog niet dus die heb ik er zelf in gebouwd alleen kan ik 'm dus niet naast elkaar krijgen.
Alvast Bedankt,
NosiN
Dit is de CSS:
PHP
*
{
margin: 0;
padding: 0;
border: 0;
}
body
{
background: #0b0b0b url('./images/background.jpg') top center repeat-y;
margin: 0;
text-align: center;
font: 11px tahoma, verdana, arial, helvetica, sans-serif;
color: #ffffff;
}
/**
* Default Hyperlink Colours
*/
a,a:visited
{
color: #bd5578;
text-decoration: none;
}
a img
{
border: 0;
}
/**
* Page Structure
*/
#wrapper
{
width: 788px;
text-align: left;
margin: 0 auto 0 auto;
}
/**
* Messages/Search Header
*/
#messages
{
background: url('./images/messages_bg.jpg') repeat-x;
height: 16px;
clear: both;
padding: 10px;
}
#search
{
width: 168px;
height: 27px;
overflow: hidden;
float: right;
margin: -7px;
}
#search .text
{
background: url('./images/search_text.jpg') no-repeat;
height: 15px;
width: 120px;
border: 0;
float: left;
color: #82828c;
padding: 6px;
font-size: 11px;
overflow: hidden;
}
#search .button
{
background: url('./images/search_button.jpg') no-repeat;
height: 27px;
width: 36px;
border: 0;
float: left;
overflow: hidden;
}
#search p
{
margin: 0;
}
/**
* Header
*/
h1
{
clear: both;
height: 195px;
}
/**
* Navigation bar
*/
#navigation
{
list-style: none;
margin: 0;
padding: 0;
clear: both;
background: url('./images/nav_bg.jpg') repeat-x;
height: 35px;
padding: 0 0 0 42px;
}
#navigation li
{
float: left;
width: 88px;
height: 35px;
overflow: hidden;
background: url('./images/nav_item.jpg') no-repeat;
}
#navigation li a
{
color: #ffffff;
font-weight: bold;
text-align: center;
display: block;
height: 35px;
padding: 9px 0 0 0;
text-decoration: none;
}
#navigation li a:hover
{
background: url('./images/nav_hover.jpg');
padding: 11px 0 0 0;
}
/*
* Right Sponsors/Policy Links Column
*/
#sponsors
{
width: 218px;
float: right;
list-style: none;
}
#sponsors .links, #sponsors .links a
{
color: #4c4c4c;
text-decoration: none;
text-align: center;
}
/**
* News item styles
*/
h2
{
background: url('./images/news_header.jpg');
height: 14px;
width: 529px;
overflow: hidden;
padding: 15px 20px 15px 20px;
font: normal 13px arial, tahoma, verdana, helvetica, sans-serif;
}
.newsbody
{
width: 523px;
background: url('./images/news_bg.jpg') repeat-y;
padding: 0 23px 0 23px;
}
.newsbody p
{
padding: 10px 0 10px 0;
}
.newsbody .etc
{
padding: 0;
}
.newsbody ul
{
margin: 0 0 0 10px;
}
.etc a
{
color: #bd5578;
font-weight: bold;
}
.etc span
{
float: right;
}
.readmore
{
background: url('./images/news_footer.jpg');
height: 38px;
width: 569px;
overflow: hidden;
padding: 3px 0 0 0;
}
.readmore a
{
background: url('./images/news_more.jpg');
height: 37px;
width: 80px;
display: block;
color: #ffffff;
text-align: center;
text-decoration: none;
padding: 17px 0 0 0;
margin: 0 0 0 450px;
overflow: hidden;
}
.newsimg
{
margin: 10px 10px 10px 0;
}
/**
* Footer
*/
#footer
{
clear: both;
height: 24px;
background: url('./images/footer_bg.jpg') repeat-x;
padding: 12px 0 0 20px;
}
#footer a
{
color: #999999;
text-decoration: none;
}
.ctcopy
{
background: url('./images/footer_right.jpg') no-repeat;
width: 218px;
height: 36px;
float: right;
overflow: hidden;
text-align: center;
margin: -12px 0 0 0;
}
.ctcopy a
{
display: block;
height: 36px;
padding: 12px 0 0 0;
color: #ffffff !important;
text-decoration: none;
}
#credits
{
height: 36px;
background: url('./images/footer_bg.jpg') repeat-x;
position: relative;
bottom: 50px;
width: 370px;
overflow: hidden;
}
#credits span
{
height: 36px;
padding: 12px 0 0 10px;
display: block;
background: url('./images/footer_right.jpg') no-repeat;
}
/**
* Default Floating and Clearing Classes
*/
.clear
{
clear: both;
}
.left
{
float: left;
}
.right
{
float: right;
}
/**
* Members area
*/
h3
{
background: url('./images/members_header.jpg') no-repeat;
float: right;
height: 14px;
width: 529px;
overflow: hidden;
padding: 15px 20px 15px 20px;
font: normal 13px arial, tahoma, verdana, helvetica, sans-serif;
}
{
width: 218px;
float: right;
list-style: none;
}
#sponsors .links, #sponsors .links a
{
color: #4c4c4c;
text-decoration: none;
text-align: center;
}
.memberstop
{
float: right;
width: 523px;
background: url('./images/members_bg.jpg') repeat-y;
padding: 0 23px 0 23px;
}
.newsbody p
{
padding: 10px 0 10px 0;
}
.memberstop .etc
{
padding: 0;
}
.memberstop ul
{
margin: 0 0 0 10px;
}
.etc a
{
color: #bd5578;
font-weight: bold;
}
.etc span
{
float: right;
}
.membersbottom
{
float: right;
background: url('./images/members_footer.png') no-repeat;
height: 38px;
width: 569px;
overflow: hidden;
padding: 3px 0 0 0;
}
.membersbottom a
{
float: right;
height: 37px;
width: 80px;
display: block;
color: #ffffff;
text-align: center;
text-decoration: none;
padding: 17px 0 0 0;
margin: 0 0 0 450px;
overflow: hidden;
}
.membersbottomimg
{
margin: 10px 10px 10px 0;
}
