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:
HTML:Code:.topContent img {padding:5px;background-color:#105e0f;}
Wat ik dus wil in de css is dat er twee strepen bij komen, 1 onder en 1 boven het plaatje.Code:<img src="images/vollenhoven.jpg" width="395" height="275" />
Als jullie hier een oplossing hoor hebben hoor ik het graag. Hardop denken mag altijd :)
groet,
Michiel
- extra border om plaatje
-
25-11-2009, 15:32 #1
- Berichten
- 162
- Lid sinds
- 17 Jaar
extra border om plaatje
-
In de schijnwerper
-
25-11-2009, 15:40 #2
- Berichten
- 517
- Lid sinds
- 17 Jaar
border-top, border-bottom
-
25-11-2009, 15:42 #3
- Berichten
- 1.355
- Lid sinds
- 18 Jaar
.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...
-
25-11-2009, 15:43 #4
- Berichten
- 137
- Lid sinds
- 16 Jaar
Zet het plaatje in een div, die je dan die top en bottom border meegeeft
-
25-11-2009, 15:51 #5
- Berichten
- 162
- Lid sinds
- 17 Jaar
.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...
groet,
Michiel
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic