Podstrony
- telcocafe
- [CSS] wielkosc tabelki 1 zalezna od wielkosci tabelki 2
- [CSS] Odstęp miedzy obrazkami w tle Jak usun±ć odstęp miedzy obrazkami w tle ?
- [html Css] Obramowanie Czcionki jak obramowac czcionke??
- CSS 2.1 + PHP5 Nie odczytuje grafiki!!!!
- [cSs] jasnoszary border 'jotpegów' Pomocy !! :)
- Kod stylu kod stylu CSS
- css+jquery problem z accordion z jquery
- Stałe w CSS Jak zdefiniować stałe globalne w CSS?
- [css]Pasek przewijania tylko w IE poziomy pasek
- HTML][CSS]Autodopasowywanie iframe ale z pewnymi, dodatkowymi warunkami(!!), jest ladowana podstrona, ktora ma odnosnik do innego pliku do...
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- mizuyashi.htw.pl
telcocafe
Otóż zacz±łem dzisiaj się w divy zagłębiać, gdyz chce skonczyc z tabelami... wiem ze jestem troche spozniony ale co tam:)No wiec mam taki problem. Nie wiedzialem jak zrobic tak, żeby divy były w jednej linii. W koncu sie domyslilem i uzylem "display: inline". Ale nie dziala to w firefoxie(wpisalem do 3 div'ow ktorem maja byc w jednej linii po jedynce zebyscie widzieli, ze nie jest jak powinno byc:P) tak samo jak grafika w backgroundzie. Na ie wszystko smiga... zobaczcie sami:
www.pb.icx.pl/workshop/index1.php
a oto kod:
html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="strona"> <div id="duza"> <div id="1"></div> <div id="2">1</div> <div id="3">1</div> <div id="4">1</div> <div id="5"></div> </div> </div> </body> </html>
css:
div#strona{ padding-left: 10%; padding-right: 10%; } div#duza { padding : 0px; width : 928px; margin: auto; } div#1 { height: 130px; padding : 0px; width : 1px; display: inline; background: url(b_top.jpg); } div#2 { height: 130px; padding : 0px; width : 74px; display: inline; background: url(bg_top.jpg); } div#3 { height: 130px; padding : 0px; width : 749px; display: inline; background: url(top.jpg); } div#4 { height: 130px; padding : 0px; width : 102px; display: inline; background: url(bg_top.jpg); } div#5 { height: 130px; padding : 0px; width : 1px; display: inline; background: url(b_top.jpg); }
Co zle robie?
Pozdrawiam
Użytkownik sauron edytował ten post 06 styczeń 2008, 20:05
Powód edycji: poprawa bbcode.
Nieużywaj display tylko float, z opcjami left lub right. pokombinuj sam :]
A dodatkowo poczytaj to: http://www.dynamicdr...ts/category/C9/
i to : http://www.puma.pomorze.pl/porady.php
Najpierw probowalem z floatem, ale wszystko układało się tak jak chcę tylko jak dla wszystkich 5ciu divov dalem "left"(i działało to tylko na IE). Jak niby samym left i right mam ustawic kolo siebie 5 divov? Probowalem tez tak:
div#strona{ padding-left: 10%; padding-right: 10%; } div#duza { padding : 0px; width : 928px; margin: auto; } div#1 { height: 130px; padding : 0px; width : 1px; float: left; background: url(b_top.jpg); } div#2 { height: 130px; padding : 0px; width : 74px; display: inline; background: url(bg_top.jpg); } div#3 { height: 130px; padding : 0px; width : 749px; display: inline; background: url(top.jpg); } div#4 { height: 130px; padding : 0px; width : 102px; display: inline; background: url(bg_top.jpg); } div#5 { height: 130px; padding : 0px; width : 1px; float: right; background: url(b_top.jpg); }
jakbyscie mogli po prostu wytknac mi co tu mam zle :P
Kocuch jakbym nie kombinowal przez dluzszy czas przed napisaniem posta to bym go nie napisal...:)
I dlaczego w firefoxie nie dziala "background: url(bg_top.jpg);"? co powinno być zamiast tego?
Użytkownik sauron edytował ten post 06 styczeń 2008, 20:04
Powód edycji: poprawa bbcode.
Z tego co pamiętam nazwy klas i identyfikatorów nie mog± zaczynać się od cyfry. Popraw to.
dzieki, juz dziala :)
mam kolejny problem. Chce pod jednym divem, wewnatrz ktorego jest 5 innych, postawic div, ktory mialby gorny margines rowny 14px. W praktyce wygladaloby to tak ze ten gorny div bylby oddzielony paskiem o grubosci 14px od dolnego. chce zeby wygladalo to tak:
-Div1 -Div2(margines) -Div2
i moj kod dziala na IE prawidłowo, ale na firefoxie margines tego diva drugiego idzie mi nad div1(zupelnie nei rozumiem czemu) a pomiedzy div1 a div2 nie ma zadnej przerwy. Czyli tak:
-Div2(margines) -Div1 -Div2
Sprawdzcie kod i powiedzcie co znowu robie zle jak mozecie :P
CSS:
div#strona{ padding-left: 10%; padding-right: 10%; } div#duza { padding : 0px; width : 927px; } div#duzab { margin-top: 14px; padding : 0px; width : 927px; background: Blue; } div#a1 { height: 130px; padding : 0px; width : 1px; float: left; background: url(b_top.jpg); } div#a2 { height: 130px; padding : 0px; width : 74px; float: left; background: url(bg_top.jpg); } div#a3 { height: 130px; padding : 0px; width : 749px; background: url(top.jpg); float: left; } div#a4 { height: 130px; padding : 0px; width : 102px; background: url(bg_top.jpg); float: left; } div#a5 { height: 130px; padding : 0px; width : 1px; float: right; background: url(b_top.jpg); }
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="duza"> <div id="a1"></div> <div id="a2"></div> <div id="a3"></div> <div id="a4"></div> <div id="a5"></div> </div> <div id="duzab"></div> </body> </html>
tu jest jeszcze link zebyscie mogli zobaczyc w praktyce o co mi chodzi
link
W ogole jak sie wgrywa strona w firefoxie to tlo diva "duzab" jest tak umieszczone jakby ten div byl umieszczony pod spodem divu "duza", a nie w nowej lini pod divem "duza" tak jak chce... wie ktos dlaczego tak sie dzieje?