Nieuw lid |
|
Beste CSS'ers .
Ik ben nieuw hier en ik heb even een vraagje. Ik ben momenteel bezig met racenieuws.net, maar iets lukt me de hele tijd niet. Als je naar www.racenieuws.net/2.0 gaat zie je drie nieuwsberichten en daaronder zie je "headlines f1" staan.
Het hoofdbericht met foto is één CSS hokje en de twee daarnaast staan ook apart in een css hokje. Headlines f1 natuurlijk ook.
Mijn probleem is nu, dat ik het niet voor elkaar krijg om het hokje #headlinetitel (dat is headlines f1) helemaal links uit te lijnen zoals het hoofdbericht.
#headline = hoofdbericht
#headline2 = twee berichten naast hoofdbericht
#headlinetitel = headlines f1
index.php:
<div id="top">
<img src="afbeeldingen/up.jpg">
<?
include "menu.php";
?>
</div>
<div id="site">
<div id="headline">
<?
include "nieuws.php";
?>
<div id="headline2">
<?
include "nieuws2.php";
?>
<br><BR><BR><BR>
<div id="headline">
<?
include "headlines.php";
?>
</div>
</div>
</div>
style.css:
BODY { font-family: verdana, helvetica, arial, sans-serif; FONT-SIZE: 10px;
color: #000000; background-color: #FFFFFF; }
H4 { color: #ffffff; background-color: #000000; width: 200px ; }
H2 { color: #000000; width: 200px ; }
H5 { color: #000000; width: 200px ; }
#text {
margin: 0px;
padding: 0px;
}
#site{
width: 758px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
border-top: 1px solid #fff;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
min-height: 500px
}
#top{
width: 758px;
border-right: 1px solid #000;
border-left: 1px solid #000;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
}
#headline{
width: 270px;
border-right: 1px solid #000;
margin-top: 30px;
position: relative;
left: 0px
top:0;
}
#headline2{
width: 285px;
margin-top: -285px;
position: relative;
left: 290px;
top:0;
}
#headlinetitel{
width: 270px;
border-right: 1px solid #000;
margin-top: 0px;
left: 0px
top:0;
}
|