Helaas werken de plaatjes niet als iemand anders deze code zelf plakt in zijn editor. Maar als die witte randjes altijd op de zelfde plaats staan zou ik het op een andere manier oplossen.
Maak een afbeelding van laten we zeggen 600 pixels hoog en 1 pixel breedt. Zet op de plaats waar een witte lijn moet komen een witte pixel, en de rest een andere kleur. Of, maak de rest transparant, dan kun je later eenvoudig de achtewrgrond-kleur aanpassen.
Zet daarna in de CSS van je pagina de volgende code, en klaar.
code:
1
2
3
4
5
| body {
background-image: url('achtergrond.gif');
background-repeat: repeat-x;
background-color: #900;
} |
Wil je dat het onderste lijntje mee verplaatst met de hoeveelheid tekst/inhoud, dan zou je het zelfde als bovenstaande kunnen doen, maar dan de onderste lijn niet in het achtergrond plaatje zetten, maar als border onderaan de DIV (of wat dan ook), waar je tekst in staat;
code:
1
2
3
| div#tekst {
border-bottom: 1px solid white;
} |
“The best way to get the right answer on the Internet is not to ask a question, it's to post the wrong answer.”
QA Engineer walks into a bar. Orders a beer. Orders 0 beers. Orders 999999999 beers. Orders a lizard. Orders -1 beers.