Div background image

**Yoeri Boven** · 22-02-2011, 13:11

Ik had net ook al een vraag gesteld, maar ben op andere ideeën gekomen en wil dus iets anders.
Ik wil graag een division met een verloop van twee kleuren als achtergrond. Deze moet links- en rechtsonder een ronde hoek krijgen.

Nu heb ik een simpele header gemaakt in Photoshop met twee ronde hoeken en een verloop van twee kleuren.
Ten eerste krijg ik hem niet in mijn div en ten tweede ben ik bang dat hij dan niet wijd genoeg is.

Iemand enig idee hoe ik dit moet doen?

**Ramon Leenders** · 22-02-2011, 13:40

Voorbeeld via een plaatje? Beetje onduidelijk zonder iets "tastbaars".

**HansH** · 22-02-2011, 13:43

Nu heb ik een simpele header gemaakt in Photoshop met twee ronde hoeken en een verloop van twee kleuren.
Ten eerste krijg ik hem niet in mijn div en ten tweede ben ik bang dat hij dan niet wijd genoeg is.

Als hij niet wijd genoeg is moet je de div wijder maken of plaatje kleiner:p niet heel erg onlogisch dacht ik zo

**Yoeri Boven** · 22-02-2011, 13:44

Excuus, ik heb het toegevoegd.

**Robin L** · 22-02-2011, 13:46

PHP Code:


#header_image {
    width:999px;
    height:79px;
    background:url(images/header.png) no-repeat center;
}

**Yoeri Boven** · 22-02-2011, 14:29

Ja, hier was ik al bang voor. Hij is te kort. Ik probeer wel wat anders. ;)

**Marcel van Vrouwerf** · 22-02-2011, 14:38

Er zijn vele fixes.

- je zou bijv. een gradient van 1px breed repeat-x erin kunnen gooien en dan links (align:left) en rechts (align:right) rounded images kunnen gebruiken;

- CSS3 gebruiken met eventueel CSS3PIE erbij voor onze vrienden van IE...

Div background image