Ik ben bezig aan een nieuw design voor mijn website en ik zou graag een paginabrede lijn onder mijn headings willen plaatsen. Op zich niet moeilijk, maar ik loop tegen het probleem aan, dat als er in afbeelding in de pagina staat, de lijn op de huidige manier door blijft lopen. Vb, zie : www.limusic.nl.
De afbeelding aan de linkerkant is zoals ik het wil hebben. Bij de afbeeldingen aan de rechterkant is te zien dat de horizontale lijnen doorlopen tot aan de afbeelding.
Ter info, even een stukje van de relevante code :
Het probleem is eigenlijk dat ik een border moet gebruiken om te zorgen dat de tekst niet te dicht op de afbeelding komt te staan, en omdat ik de achtergrond zichtbaar wil hebben, deze border transparent moet maken. Bij een Solid border, word de rode lijn op tijd afgeknipt, maar is helaas ook de achtergrond niet meer zichtbaar.
Heeft iemand een idee hoe dit netjes op te lossen is?
De afbeelding aan de linkerkant is zoals ik het wil hebben. Bij de afbeeldingen aan de rechterkant is te zien dat de horizontale lijnen doorlopen tot aan de afbeelding.
Ter info, even een stukje van de relevante code :
HTML:
1
2
3
| <a href ="www.link.nl"><img class="imgright" align="right" src="picture.jpg" alt="..." /></a> <h5>Waar U ons voor kunt boeken</h5> <p>Lost in Music voorziet voornamelijk c......</p> |
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| h3, h4, h5, h6 { color:#870000; border-bottom:1px solid #870000; padding-bottom:4px; margin:10px 0px 9px 5px; } .imgright { margin: 7px 0px 5px 3px; border-left: 15px solid transparent; border-right: 3px solid rgb(195,195,195); border-top: 0px solid rgb(195,195,195); border-bottom: 0px solid rgb(195,195,195); } p { text-align: justify; margin:0px 3px 0px 5px; } |
Het probleem is eigenlijk dat ik een border moet gebruiken om te zorgen dat de tekst niet te dicht op de afbeelding komt te staan, en omdat ik de achtergrond zichtbaar wil hebben, deze border transparent moet maken. Bij een Solid border, word de rode lijn op tijd afgeknipt, maar is helaas ook de achtergrond niet meer zichtbaar.
Heeft iemand een idee hoe dit netjes op te lossen is?