kleine vraag,door jullie rap opgelost!

[DeGeestJ]

Dit is mijn css in de pagina, en zoals je ziet staat er onder mijn h2 een dotted border...
Nu zou ik die border meer naar beneden willen en ook in lengte inkorten...
M.a.w. dat deze niet vast hangt aan mijn h2 zodat ik met de margin kan spelen.
Maar hoe zet ik hem in een aparte css?
Het is misschien een domme vraag,maar dit is pas m'n 3de les css...

body {
background-color:#fffcaf;
background-image:url(bg.gif);
background-repeat:repeat-y;
margin-left:80px;
}
h1 { background-image:url(h1bg.gif);
background-repeat:repeat-x;
font-family: arial, helvetica, sans-serif;
font-size: 24px;
padding:25px;
text-transform:capitalize;
background-color:#500000;
text-align:center;
color:#FFFFFF;
}

ul {margin-left:100px;}

ol {margin-left:100px;}

h2 {
margin-left:150px;
border-bottom:dotted;
border-bottom-color:#990000;}
</style>

 

[dicabrio]

geeft je h2 een padding: 0 0 10px 0;

en check het effect... en om de breedte te bepalen... tja dat kan op meerdere manieren
geef hem een breedte je h2 of een float: left; of een position:absolute;

Speel ermee zou ik zeggen.


h2 is een block level element. Dit heeft als standaard eigenschap uit te vullen tot de breedte van zijn parent object/node/element.

float breekt die eigenschap en maakt hem even breed als de content die erinstaat, maar haalt hem weer uit de pageflow.. dit zorgt voor rare overlappingen voor andere objecten/nodes/elementen.

 

[DeGeestJ]

Hey het is ondertussen opgelost geraakt..bedankt voor je uitleg :thumb: