ustawienia form i body

0

witam. mam cos takiego

<body> <form> jakas tam tresc </form> </body>

po odpaleniu strony na gorze jest biale puste miejsce tzn widać body. Chce aby Form zaczynał sie na samej gorze strony 0px odstępu, moze ktos wie jak to zrobic ? obrazek w zalaczniku .

0

Może jakieś podstawy css na początek? Najprostszy i dobry (chociaż nie najlepszy) przykład kodu

* {
margin: 0;
padding: 0;
}
0

to może przy okazji powiesz mi jeszcze jak można ustawić dwie tabele obok siebie w jednym divie ?

0

Ten odstęp pojawia się dlatego, że przeglądarki ustawiają własności CSS różnych elementów (np. marginesy) na pewne domyślne wartości. Jeśli na stronie nie będziesz miał żadnego arkusza CSS, a wstawisz tam powiedzmy nagłówek

i parę paragrafów

, to nagłówek będzie napisany dużą czcionką i pogrubiony, a pod każdym paragrafem będzie odstęp (margines). Bo przeglądarki dają tym elementom mniej więcej takie domyślne style. Możesz je bez problemu nadpisać we własnym arkuszu stylów.

Tak się składa, że przeglądarki nadają całej stronie pewne domyślne marginesy. Sęk w tym, że akurat tę rzecz różne przeglądarki robią różnie. Niektóre ustawiają marginesy (margin) elementu <body>. Inne, dopełnienia (padding) elementu <html>, albo dopełnienia <body>. Jeśli chcesz to wszystko wyzerować, to musisz dodać do strony następujące style:

html, body {
  margin: 0;
  padding: 0;
}

Tutaj zarówno dla <body>, jak i dla <html> ustawiamy marginesy (margin) i dopełnienia (padding) na zero i już nie będzie odstępów po bokach strony.

Kod, który dał @zacznij_od_poczatku zeruje marginesy i dopełnienia WSZYSTKICH elementów na stronie (wszystkich, bo jest tam gwiazdka). Czyli ani za paragrafem, ani za nagłówkiem nie będziesz miał odstępu. Chyba że zdefiniujesz sobie te odstępy ręcznie, w dalszej części arkusza stylów.

Generalnie to @zacznij_od_poczatku dobrze mówi: złap się za jakiś kurs. Jeśli np. nie wiesz jak dodać do strony style CSS, to... musisz się dowiedzieć. To są podstawy i bez sensu żeby tutaj ktoś Ci to pisał, tak samo jak bez sensu żeby ktoś Ci tłumaczył każdą jedną drobnostkę po kolei. Programiści muszą być w stanie uczyć się samodzielnie, a tylko w awaryjnej sytuacji zawracać komuś głowę. Łap tutaj link do polecanego przez wielu kursu: http://www.kurshtml.boo.pl/ . Chyba niezłe miejsce na początek (ja sam go nie czytałem, bo gdy zaczynałem naukę, to go nie było).

edit:
Tabelom daj float: left.

Jeśli chcesz mieć coś za tym divem, to daj temu elementowi za divem clear: both. Alternatywnie, możesz dać divowi overflow: hidden, a jeśli ma to działać w IE6, to jeszcze width: 100%.

0

bswierczynski - to jest fachowa odpowiedź,znam trochę CSS,ale teraz mnie jakoś przyćmiło, w nocy prawie nie spałem, nie wiem jakoś tak wyszło. BTW dzięki bardzo !!!

1 użytkowników online, w tym zalogowanych: 0, gości: 1