błąd w kodzie?

[Kartofelek]

Z ciekawości spojrzałem na ten twój kod. Dopiero po chwili skapowałem się (patrząc na screena), że menu jest po lewej stronie. Czemu więc div ten nie nazywa się np "menu" a "1". Inna sprawa o której pisali powyżej. Zupa tagowa. Czemu np menu jest w h1? Używasz tesz center, a przecież to html4, więc to także błąd.

Dużo zmian trzeba by zamienić - właściwie trzeba by od początku pociąć.
Strukturę dokumentu pokazywałem w którymś z ostatnich postów

Kod:

<div class="container">
    <h1 class="header"></h1>
    <div class="main">
        <div class="menu"></div>
        <div class="content"></div>
        <div class="right_bar"></div>
    </div>
</div>

Spokojnie możesz ją tutaj zastosować. Osobiście pewnie bym pociął tak, że cała góra była by jedną H1, potem był miał niższy div w którym było by menu, obok content i z prawej strony te obrazki, które mógł bym wyżej wynieść za pomocą ujemnego margnesu lub absolutnej pozycji.

[mikim160]

Czemu więc div ten nie nazywa się np "menu" a "1"

a co to za roznica ?

Używasz tesz center, a przecież to html4, więc to także błąd.

Ok pozmieniam

Czemu np menu jest w h1?

Nie wiem o co tutaj chodzi , co ma nagłóek do diva

<div class="main">

zuważyłem że ludzie stosuja tą formę deklaracji divów jest to oczywiście to samo co:

<div id="4">

?

Osobiście pewnie bym pociął tak, że cała góra była by jedną H1, potem był miał niższy div w którym było by menu, obok content i z prawej strony te obrazki, które mógł bym wyżej wynieść za pomocą ujemnego margnesu lub absolutnej pozycji.

Z tego wnioskuje, że każdy element innego typu( tekst , obrazek) wrzucać do innego diva?
align="rodzaj"> tak jak w przypadku tabel?


I ostatnie pytanko - dlaczego dreamweaver pokazuje że kod jest poprawnie zbudowany?


CZego mam użyć zamiast center?

[Kartofelek]

Twoje pytania pokazują jasno, że nie wiesz zupełnie co to jest semantyka kodu.

Jeszcze raz przytoczę ci mój kawałek kodu:

Kod:

<div class="container">
    <h1 class="header"></h1>
    <div class="main">
        <div class="menu"></div>
        <div class="content"></div>
        <div class="right_bar"></div>
    </div>
</div>

A teraz w twoim zapisie:

Kod:

<center>
<div class="2"></div>
<div class="3">
<div class="4"></div>
<div class="5"></div>
<div class="6"></div>
</div>
</center>

Widać różnicę?
To teraz szybko wstaw menu w odpowiedniego diva. Którego? No tego, w którym ma być menu I zaczynają się schodki.

Sementyka to gramatyka pisania. Jeżeli h1 oznacza "tytuł, nagłówek", to wsadzanie w nią tylko menu strony jest błędem semantycznym. Powinien znaleźć się tam nagłówek strony lub jej tytuł w formie jak najbardziej dostępnej - czyli tekstowej. Oczywiście potem zmieniasz go tak, by wyglądał tak jak ty chcesz, ale od tego jest CSS.

Czyli zamiast

Kod:

<h1>
<div>
<a>....</a>
<a>....</a>
</div>
</h1>

lepiej zrobić tak:

Kod:

<h1>Tytuł strony</h1>
<ul class="menu">
<li><a>.....</a></li>
<li><a>.....</a></li>
</ul>

A czemu ul zamiast div? Bo menu to zazwyczaj lista linków. Lista = ul/ol. Czyli pasuje jak ulał. Ale to też kolejna regułka z gramatyki html ;]

Jeżeli np <br> oznacza złamanie linii, to wykorzystywanie <br><br> do robienia odsępu jest błędem. Teoretycznie przy mocno statycznej stronie nie będzie to miało super wielkiego znaczenia. W końcu <br><br> wyglada tak samo jak np margin-top:20px; ale wystarczy drobna zmiana na całej stronie, być zaczął wyrywać sobie włosy z głowy.

Kilka lat temu tak samo się dziwiłem czemu niektóre znaczniki nie pasują w niektóre miejsca. Teraz nie wyobrażam sobie takiego utrudniania życia przez "gotowanie" tagowej zupy.
Ciężko polecić mi coś konktrenego - jakiegoś tutka. W polskim necie jest śmiech na sali. Mało która wypozycjonowana strona coś dobrze tłumaczy.

[mikim160]

czyli nie wrzucać listy do diva?

[Pedro84]

czyli nie wrzucać listy do diva?

A po co?

[Kartofelek]

Lista tak samo jak div jest elementem blokowym czyli ma wszystkie jego właściwości. Nie ma takiej potrzeby, chyba że w szczególnych przypadkach.