[css] Image border

Door Nicoow Unknown op 25-06-2009 18:01

2.620 views

Hallo allen,

Ik heb net een website gesliced, en nu wou ik hem in elkaar gaan zetten.
Nu moet er een cms in de site worden verwerk en die maakt gebruik van TINYMCE.
Nu wil ik die in de div id content, alle images een border hebben, en die eigenlijk ook weer een border.
Nu lukt het mij niet om op google iets te vinden over image borders in css, dus dat is al mijn eerste probleem, en daarna nog het probleem om daar weer een border omheen te zetten.
Kan iemand mij hiermee opweg helpen?
(het gaat trouwens om een border van 1px, om een border van 4px, en dat dus om de image)

toch niet :S

Onbekende gebruiker

25-06-2009 19:20

Of je maakt je plaatjes in eerste instantie al met een border van 1px?!

Nicoow Unknown

25-06-2009 19:44

euh,,
NEE.
het is voor een CMS, die door iemand anders als mij gebruikt gaat worden.
dus ik kan niet zeggen van,,:
Jah =,, euh,, dan moet je altijd ff zo en zo doen.

Wouter De Schuyter

25-06-2009 20:43

Alle afbeeldingen border

img { border: 1px solid #000; }

Afbeeldingen in bepaalde div met class abc

div.abc img { border: 1px solid #000;

Onbekende gebruiker

25-06-2009 21:18

Je kan niet twee borders via CSS aan een plaatje meegeven. Einde topic :]

Yannick

25-06-2009 21:47

Dit is zeker wel mogelijk! Je moet gewoon een padding erbij gebruiken om bijvoorbeeld een afbeelding met eerst een witte en dan een zwarte border te krijgen:

img
{
background: #FFF;
border: 1px solid #000;
padding: 4px;
}

Onbekende gebruiker

25-06-2009 23:35

Of heeeeeel omslachtig:

<div style="border:solid 2px purple; width:134px; text-align:center; margin-left:auto; margin-right:auto; ">
    <div style="border:solid 2px blue;">
        <div style="border:solid 2px cyan;">
            <div style="border:solid 2px lime;">
                <div style="border:solid 2px yellow;">
                    <div style="border:solid 2px orange;">
                        <div style="border:solid 2px red; padding:5px;">
                            <b>I have rainbow borders!</b>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Reageren

Inloggen om te reageren