[html+css] Dubbele gradient bij achtergrond website - Softwareontwikkeling

maandag 21 november 2005 16:21

Acties:

Topicstarter

Ik ben bezig met het omzetten naar html en css van het design van de volgende site http://img279.imageshack....age=headernavpixel7kn.jpg en ben daar tot zover in geslaagd: http://www.c-designing.com/test. Nu stuit ik echter op het probleem hoe ik die linker en rechter bovenhoek moet maken. Die gradients lopen namelijk zowel in x-richting als in y-richting. Ik zit er al een tijdje mee te prutsen, maar ik kom er niet echt uit.

Code:

Html:

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>

<head>
    <title>Xystarches - cyberathletics team</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
<div id="main">

    <div id="header"></div>
    <div id="menu"></div>

</div>
</body>

</html>

Css:

code:

body,html
{
    background: url('background.png') #fff fixed center top;
    color: #000;
    margin: 0;
    padding: 0;
}

#main
{
    background: #fff;
    margin: auto;
    width: 942px;           
}

#header
{
    background: url('header.png');
    height: 159px;
    width: 942px;
}

#menu
{
    background: url('menu.png');
    height: 20px;
    width: 942px;
}

[ Voor 26% gewijzigd door Quadro! op 21-11-2005 16:22 ]

maandag 21 november 2005 16:29

Acties:

MBV

Waar kom je niet uit? Hoe ziet het er nu bijv uit? Ik ken het probleem denk ik wel, maar ik weet niet hoe ver jij bent met het oplossen ervan.
Je weet trouwens wel dat IE niet van PNG's houdt?

maandag 21 november 2005 16:30

Acties:

Quadro!

Topicstarter

Eh, IE heeft toch geen problemen met png's zolang je niet met transparency werkt? Verder kom ik er niet uit hoe ik kan maken dat die gradients goed verlopen.

maandag 21 november 2005 16:37

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

Quadropluxor schreef op maandag 21 november 2005 @ 16:30:
Eh, IE heeft toch geen problemen met png's zolang je niet met transparency werkt? Verder kom ik er niet uit hoe ik kan maken dat die gradients goed verlopen.

msie heeft een probleem met 24 bits PNG, oftewel, PONG welke ook een alpha-transparantielaag heeft...

jouw probeem an twee verlopen over elkaar, is eigenmlijk enkel op te lossen ofwel met een 'derde' image op de plek waar de twee verlopen over elkaar vallen, of met een PNG-24 (waarbij explorer lastig kan gaan doen, maar daarvoor zijn hacks)

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

maandag 21 november 2005 16:54

Acties: