Beste SD'ers,

Ik ben bezig met een website waar ik via wordpress plaatjes op pagina's wil tonen. Ik weet van tevoren niet wat het formaat is van het plaatje dus kan dit niet in de css zetten. Ik zou graag het eindproduct eruit willen laten zien zoals in de bijlage.

Op het moment heb ik de volgende CSS gegeven:

Code:

.topContent img {padding:5px;background-color:#105e0f;}

HTML:

Code:

<img src="images/vollenhoven.jpg" width="395" height="275" />

Wat ik dus wil in de css is dat er twee strepen bij komen, 1 onder en 1 boven het plaatje.

Als jullie hier een oplossing hoor hebben hoor ik het graag. Hardop denken mag altijd :)

groet,
Michiel

border-top, border-bottom

.topContent img {
padding:1px;
background:#000; /* kleur van de binnenste 'border' */
border-top:solid 5px #f00; /* de buitenste border (boven) */
border-bottom:solid 5px #f00; /* de buitenste border (beneden) */
}

Waarschijnlijk werkt dit ;)

edit: nou ik de bijlage uitvergroot zie ik dat de bedoeling iets anders is,
ik zal straks nog eens kijken...

Zet het plaatje in een div, die je dan die top en bottom border meegeeft

Origineel gepost door gast2960

.topContent img {
padding:1px;
background:#000; /* kleur van de binnenste 'border' */
border-top:solid 5px #f00; /* de buitenste border (boven) */
border-bottom:solid 5px #f00; /* de buitenste border (beneden) */
}

Waarschijnlijk werkt dit ;)

edit: nou ik de bijlage uitvergroot zie ik dat de bedoeling iets anders is,
ik zal straks nog eens kijken...

Ik ben bang dat dit niet werkt. Er moet een border om het plaatje zitten van 5 px, helemaal rond om. Daarna moet er op 2 px afstand van de border nog een tweede border komen van 1 px hoog. Deze border moet aan de bovenkant en onderkant komen.

Origineel gepost door geart van dam

Zet het plaatje in een div, die je dan die top en bottom border meegeeft

Als er een manier is om met wordpress de div die om het plaatje zit erbij te doen is dit in inderdaad de oplossing maar volgens mij kan dit niet? Ik ben niet met wordpress dus als het wel kan hoor ik het graag.

groet,
Michiel