css padding/margin neemt niet [opgelost]

Gestart doorJvdw0 reacties41 weergaven

1 berichten · pagina 1 van 1

Jvdw

Lid · Topicstarter

Berichten
4.321
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
hoi,
ik heb zn nieuwsding dat hij het laatste nieuws toont, alleen plakken die nu zegmaar aan elkaar. Als ik margin/padding gebruik dan slaat de margin/padding pas toe bij het 3de nieuwsbericht. Raar vind ik, iemand die zou kunnen helpen? ikzou graag een marge van 5pixels willen bloos
<style type="text/css">
#nieuwsheaderkader {
width: 616px; 
height: 100px; }
#nieuwstopstory {
float: left;
background-image:url(http://habboemotion.com/resources/images/topstory/ts_ikuturso_searching.gif); 
height: 100px; 
width: 200px;
background-position: right bottom;
}
#nieuwsrand {
float: left;
background-image:url(afbeeldingen/nieuwsheader.png);
height: 100px; 
width: 200px;}
#nieuwsheadermidden { 
float: left; 
width: 416px;
height: 100px; 
background-image:url(afbeeldingen/nieuwsheadermidden.png); }
.teksttitel {
margin-left: 2px;
float: left; }
#nieuwsheaderlinks {
float: left;
margin-top: 5px;
margin-left: 5px;
background-image:url(afbeeldingen/nieuwsheaderlinks.png);
width: 2px; 
height: 22px;
 }
 #nieuwsheadermid {
 margin-top: 5px;
 float: left;
 background-image:url(afbeeldingen/nieuwsheadermid.png);
 width: 257px;
 height: 22px; 
 color: white; }
  #nieuwsheadermid2 {
 margin-top: 5px;
 float: left;
 background-image:url(afbeeldingen/nieuwsheadermid.png);
 width: 21px;
 height: 22px;
 color: white; }
   #nieuwsheadermid3 {
 margin-top: 5px;
 float: left;
 background-image:url(afbeeldingen/nieuwsheadermid.png);
 width: 114px;
 height: 22px; 
 color: white; }
 #nieuwsheaderrechts {
 margin-top: 5px;
 float: left;
 background-image:url(afbeeldingen/nieuwsheaderrechts.png);
 width: 2px; 
 height: 22px; }
 .datum {
 background-image:url(afbeeldingen/datum.png); 
 width: 21px; 
 height: 18px; 
 margin-top: 2px;
 float: left;
 }
</style>
<div id="nieuwsheaderkader">
<div id="nieuwstopstory">
<div id="nieuwsrand"></div>
</div>
<div id="nieuwsheadermidden">

<div id="nieuwsheaderlinks"></div>
<div id="nieuwsheadermid"><div class="teksttitel">Lorem Ipsum Dolor Sit Amet</div></div>
<div id="nieuwsheaderrechts"></div>
<div id="nieuwsheaderlinks"></div>
<div id="nieuwsheadermid2"><div class="datum"></div></div>
<div id="nieuwsheadermid3"><div class="teksttitel">12/03/2012 20:18</div></div>
<div id="nieuwsheaderrechts"></div>

</div>
</div>

<div id="nieuwskader">
<div id="nieuwstopstory">
<div id="nieuwsrand"></div>
</div>
<div id="nieuwsheadermidden">

<div id="nieuwsheaderlinks"></div>
<div id="nieuwsheadermid"><div class="teksttitel">Lorem Ipsum Dolor Sit Amet</div></div>
<div id="nieuwsheaderrechts"></div>
<div id="nieuwsheaderlinks"></div>
<div id="nieuwsheadermid2"><div class="datum"></div></div>
<div id="nieuwsheadermid3"><div class="teksttitel">12/03/2012 20:18</div></div>
<div id="nieuwsheaderrechts"></div>

</div>
</div>


alvast bedanktthumbsup Opgelost!biggrin
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren