pomoc s CSS alebo html

TGiJack

chcel by som sa spítať či sa dá spraviť také niečo ako je na obrázku. už som skusal asi všetko a aj hladal a neviem si vôbec dáť stým rady chcel by som aby ten obrázok čo je pod formulárom (horný obrázok) bol navrchu (dolný obrázok)dakujem

zaggi

nastuduj css, poziciovanie, z-index ... mozno to pojde ... ked tak pastni zdrojak a do prilohy ten obrazok ... musi to byt ak sa nemylim gif s transparentnym pozadim ...

TGiJack

vyskušal som všetko ale nechce mi to frčať ak by si bol dobry a skusil mi stým pomôcť

zaggi

design sa dosiahnut da, ale browser ti nedovoli kliknut cez to priesvitne na tie inputy ...

Kód: Vybrať všetko

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <style type="text/css">
        html, body
        {
            font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
            background-color: white;
            height: 100%;
            margin: 0;
            padding: 0;
        }
        #div1
        {
            position: relative;
            top: -38px;
            z-index: 1;
            width: 899px;
            height: 217px;
            background-image: url(images/template_01.png);
        }
        #hlavicka
        {
        	position: relative;
            width: 899px;
            text-align: left;
            z-index: 0;
            top: 190px;
        }
        div.centered
        {
            margin-left: auto;
            margin-right: auto;
        }
    </style>
</head>
<body>
    
    <div id="hlavicka" class="centered">
        <form action="login.php" method="post">
        <input type="text" name="login" value="Nick" maxlength="32" onfocus="if(this.value=='Nick') this.value='';">
        <input type="password" name="passwd" value="Heslo" maxlength="32" onfocus="if(this.value=='Heslo') this.value='';">
        <input type="submit" name="send" value="Prihlas">
        </form>
    </div>
    <div id="div1" class="centered"></div>
</body>
</html>