[CSS] borderprobleem

[tweaden]

Het probleem zit rechtsonder aan het plaatje.
Daar loopt de zwarte lijn niet door.
De img heeft twee borders left en bottom.
En de paragraph rechts heeft een left border.
Probleem is echter dat de ene keer het plaatje langer is dan de tekst en de andere keer omgekeerd.

[BalusC]

Gebruik een negatieve margin voor de img of de p.

[Thomasje]

BalusC schreef op dinsdag 04 juli 2006 @ 20:34:
Gebruik een negatieve margin voor de img of de p.

Dan hou je toch nog steeds het zelfde probleem. Ik zou de image een right border geven en de p alleen onder.

[Verwijderd]

img { border: solid black; border-width: 0 1px 1px 1px; margin-right: -1px;}

[crisp]

Wat BalusC bedoelt is denk ik dat je de image ook een border rechts geeft en zorgt dat 'ie overlapt met de linkerborder van de paragraph; dat overlappen kan je doen mbv een negatieve margin zoals Treador hierboven illustreerd

[BalusC]

Inderdaad En daarnaast:

Probleem is echter dat de ene keer het plaatje langer is dan de tekst en de andere keer omgekeerd.

dus alleen maar onderste borders voor de p's heeft geen zin.

[Technicality]

Als je ook nog een omvattende div gebruikt zou je natuurlijk bottom-border daarvan kunnen gebruiken...

[tweaden]

Ik ben er nog niet helemaal uit, maar een testversie met bovenstaande erin verwerkt lijkt het goed te doen.
Moet alleen wat css-code aanpassen nu.
Tevens heb ik nog een andere niet zo nette methode bedacht.
Ik heb de omringende div een background gegegeven met witte achtergrond en verticale lijn overlappend met de rechterborder van het plaatje.
Dat werkt ook.

[Verwijderd]

Geef je afbeelding nou ook gewoon een rechter border. En vervolgens trek je de rechter vakjes 1px terug dmv negatieve margin; de code zoals ik deze hierboven aangaf.

[tweaden]

Verwijderd schreef op woensdag 05 juli 2006 @ 12:33:
Geef je afbeelding nou ook gewoon een rechter border. En vervolgens trek je de rechter vakjes 1px terug dmv negatieve margin; de code zoals ik deze hierboven aangaf.

Heb ik nu precies zo gedaan inderdaad.
Dat met die achtergrond is natuurlijk geen mooie oplossing.
Even getest in IE, Opera en Mozilla en het werkt in alledrie dus allen bedankt voor de snelle oplossing.