[CSS] Div'y div'y div'y... Opcje

[Kuziu]

Elo,

Tak na wstępie, macie może jakiś kurs CSS ale taki który by tłumaczył na przykładach a nie opisane display:inline - to i to argument - to i to

Co mi po tym jak nie wiem w praktyce np. Jak postawić 2 Div'y obok siebie

Robie:

[HTML] pobierz, plaintext 
#logoLeft{
      display:inline;
      background-color:#f00fff;
}
#logoRight{
      display:inline;
      background-color:#ff000f;
}
[HTML] pobierz, plaintext 

i

[HTML] pobierz, plaintext 
<div id="logoLeft">
    <p>lewe</p>
</div>
<div id="logoRight">
     <p>prawe</p>
</div>
[HTML] pobierz, plaintext 

To pojawiają się 2 napisy pod sobą, Divy nie mają tła itp. Do czasu aż nie dodam

[HTML] pobierz, plaintext 
p{display:inline;}
[HTML] pobierz, plaintext 

No ale przecież TAG p, nie powinien mieć argumetu display:inline bo przecież to jest akapit i powinien łamać linie !

Nic już nie czaje, chce złożyć cały layout a tu z takimi podstawami są problemy.
To wszystko przestaje mieć sens. Jest z tymi stylami/div'ami tylko kłopot, a tak miały pomagać.

-------
inny przykład: zrobię 2 divy w 1 wiekszym i nadam temu duzemu backgroun-color a tym 2 float:left float:right to one go nie wyciągają dlaczego !? niewiadomo bezsens

Ten post edytował Kuziu 4.04.2006, 13:01:37

[krzyszbi]

witam
ja jak się niedawno przestawialem na DIV`y to korzystalem z tego kur
kurs xHTML CSS
caly czas z niego kożystam i tylko kilka przypadków mialem że nie znalazlem na nim czegoś co mi bylo potrzebne
a co dla mnie ważne jest on zgodny ze standartami W3C

[ens0re]

Dodajesz float do 1 problemu. A co do 2 problemu to dajesz diva na sam dół z regułką 'clear: both' i rozciagnie sie. Poprzegladaj layouty na divach, w necie pełno jest.

http://htmlhelp.shl.pl/index.php - Polecam!
http://www.alistapart.com/articles/fauxcolumns - Tu masz ten problem z rozciaganiem

Ten post edytował ens0re 4.04.2006, 13:09:53

[revyag]

Nic już nie czaje, chce złożyć cały layout a tu z takimi podstawami są problemy.
To wszystko przestaje mieć sens. Jest z tymi stylami/div'ami tylko kłopot, a tak miały pomagać.

-------
inny przykład: zrobię 2 divy w 1 wiekszym i nadam temu duzemu backgroun-color a tym 2 float:left float:right to one go nie wyciągają dlaczego !? niewiadomo bezsens

Z podejściem w stylu "nic mi sie nie udaje", "po co mi to" itp. napewno będziesz miał ciągle kłopoty. Zamiast żalić się jakie te divy wstrętne i w ogóle,poczytaj trochę, bo widzę że po prostu brak Ci podstawowej wiedzy z zakresu CSS
Kurs css ? A wpisałeś w google "kurs css" ?

[Kuziu]

A wpisałeś w google "kurs css" ?

Tak tak wpisałem, mam tabele z wlasciwosciami i wartosciami... próbuję i wychodzą jakieś haczyki w stylu. Nie dasz float:left to tła nie ma. Dasz margin:2px; pojawia się 4px; itp...

Chciałbym coś praktycznego jak złożyć layout krok po kroku.

A wkurzam sie bo juz sporo nad tym siedze i narazie same problemy

[revyag]

Możesz popatrzeć na kilka generatorów layoutów.
csscreator
pagemaker
layoutomatic

[ens0re]

Nie dasz float:left to tła nie ma. Dasz margin:2px; pojawia się 4px; itp...

Dlatego dobrze by było, gdybyś poczytał troszke...Wiedza teoretyczna do tworzenia stron tez jest potrzeba, a nie ze wpiszesz sobie kilka regułek i chcesz zeby działało dobrze. Trzeba poznać troszke standardy, css itd. zeby wiedziec jak stworzyc strone, ktora bedzie działała zawsze poprawnie. A żeby znaleźć odpowiednie materiały do nauki tej wiedzy teoretycznej, to trzeba samemu chciec i sie tym zainteresować. A jeżeli już bedziesz ogarniał ten "sport" to bardzo Ci polecam ksiazke: http://helion.pl/ksiazki/pswsta.htm Jest w niej praktycznie wszystko, co jest potrzebne do projektowania stron zgodnie ze standardami.