Forum PHP.pl > [HTML][CSS]Formularz zgodny ze standardami

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS]Formularz zgodny ze standardami

Wolfie

1.04.2009, 17:54:03

Witam

robie formularz i chcialbym zeby byl zgodny ze standardami.
Problem polega na tym ze nie wiem jak odsunac od siebie label i input w jednym div-ie na taka sama odleglosc jak w div-ie ponizej.

Przedstawiam moj kodzik :

[PHP] pobierz, plaintext 
<?php
<html>
<head>
<title>Dodawanie i wyszukiwanie wpisów</title>
<style type="text/css">
td {color:#353535; font-family:verdana;}
th {color:#FFFFFF; font-family:verdana; background-color:#336699;}
label {margin-right:100;}
</style>
</head>
<body>
<form action="formprocess3.php" method="post">
    <fieldset>
        <legend>Dodawanie i wyszukiwanie wpisów</legend>
            <div>
                <label>Name</label>
                <input class="text" type="text" name="Name">
            </div>
            <div>
                <label>Gatunek filmu</label>
                <select name="MovieType">
                    <option value="" selected>Wubierz gatunek filmu...</option>
                    <option value="Akcja">Akcja</option>
                    <option value="Dramat">Dramat</option>
                    <option value="Komedia">Komedia</option>
                    <option value="Science-fiction">Science-fiction</option>
                    <option value="Wojenny">Wojenny</option>
                    <option value="Inny">Inny...</option>
                </select>
            </div>
    </fieldset>
</form>
</body>
</html>
?>
[PHP] pobierz, plaintext

Jak mam zmodyfikowac style zeby bylo dobrze dla kazdego nowo dodanego diva ?

trike

1.04.2009, 18:01:07

nie wiem czy o to ci chodzi, ale dodaj sobie w css dla label (wtedy label jest ladnie oddalone w tej samej odleglosci od pol)

Kod

display:block;
float:left;
width: 150px; //szerokosc na label
padding-right: 10px; //to mi odsuwa od prawej krawedzi o 10px
text-align: right;

a dla divov daje

Kod

clear: left;
text-align: left;

Wolfie

1.04.2009, 18:04:19

Dokladnie o to chodzilo tylko jak dodaje to dla div-a i tak nic sie nie dzieje......ale dla label bardzo pomocne i o to mi wlasnie chodzilo.

InosU31

1.04.2009, 18:27:02

hmmm

to zrob tak jak moj poprzednik napisal ale w <div> nadrzednym rob cos takiego :

<div name="nazwa">

a w css :

nazwa{tutaj jakies polecenia tylu text-align: left;}

a jak nie pojdzie to daj przed "nazwa" albo kropke albo # ;-)

wtedy powinienes miec diva ustawionego tak jak bedziesz chcial ;-)

trike

1.04.2009, 19:13:40

jesli style masz w osbonym pliku lub na poczatku pliku to w div musisz dac <div class=....>

InosU31

1.04.2009, 19:42:41

Cytat(trike @ 1.04.2009, 20:13:40 )

jesli style masz w osbonym pliku lub na poczatku pliku to w div musisz dac <div class=....>

oj przepraszam mialo byc tak jak trike napisal;-) sory za pomylke - za duzo siedze przy tych formularzach;/

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.