HTML si CSS

1: h-urile au o importanta foarte mare pentru motoarele de cautare. In principiu un h (de la 1 la 6) semnalizeaza o fraza sau un titlu foarte important pentru pagina respectiva. Reomandabil sa ai text acolo nu imagine.
2: #wrapper ca si #container sunt onventii. Pentru cei mai avansati reprezinta un holder, descendent direct al body-ului, care tine intreg layout-ul. Probabil ca te intrebi de ce sa nu folosim body daca tot il avem si de ce sa mai folosim un holder: pt ca body este singurul element "magic" cu niste proprietati speciale... si pt ca este foarte util asa cum e el definit initial.
3: a pus #header h1 pentru a mari "greutatea" selectorului. Daca mai jos o sa ai o regula care o sa contina doar h1, aceasta de mai inainte va suprascrie proprietatile comune. E o practica foarte intalnita si pe care eu o denumesc probabil impropriu specificitatea selectorilor. Cu toat astea, la un document atat de simplu nu este neaparat necesara [as zice chiar deloc].

ps: chestia cu -9999px este inacceptabila. Sincer urasc sa vad asa ceva. dar asta e alta discutie.
Mai am cateva observatii, dar mi-e lene sa le scriu.

Am imagine in h pentru ca e logo-ul.De fapt e un cuvant scris cu un font mai "smecheresc" si sub el e sloganul cu un alt font si un size mai mic.Pentru inceput o sa las asa si pe viitor o sa pun text si link sa descarce fontul automat pentru ca nu e un font din cele recunoscute de toate browserele (parca 8 sunt la numar).
Sincer, nici mie nu mi se pare "curat" sa scrii -9999px.O sa caut o alternativa dar sa ajung la linia respectiva.
Numa' bine!

sincer.... h1 nu ar trebui sa fie logo.... acum pe bune ... this is a big bullshit, pe care toti mi-l canta din timp in timp si eu le zic sa se plimbe. H1 este un text reprezentativ, nu logo. dar fiecare dupa cum stie...

xnoise, on Jun 6 2008, 21:35, said:

Ok, dar unde sa-l pun si pe el? Mai toate site-urile il au acolo,chiar si Softpedia.
Imi poti da un site in care H1 e un text reprezentativ?...sa nu-mi imaginez ceva gresit.

te inseli. SP nu are logo-ul intr-un h1. http://www.symfony-project.org/ e doar unul dintre ele...

xnoise, on Jun 7 2008, 00:01, said:

Corect! SP nu are logo-ul intr-un h1.
Eu am crezut ca intr-un layout H-ul trebuie sa fie primul element dar vad in site-ul dat de tine ca H-ul este pus intr-un table la sfarsit,adica mai e ceva inaintea lui.Deci pot pune logo-ul linistit o poza folosind un div si in H sa pun text.

@geo86:
Am plecat de la ce tu incepusei deja, d-aia arata asa. Evident ca div class="linie" este fix degeaba acolo, in conditiile in care e gol. La restul intrebarilor ti-a raspuns xnoise, pentru care ii multumesc!

@xnoise:
Stiu ce spui tu acolo, si in general sint de acord cu asta. Dar... Ca h1 trebuie sau nu sa fie logo e o chestie relativa. h1 este cel mai greu heading, si trebuie sa contina ceva semnificativ, corect.
Asta inseamna ca poate contine ori numele site-ului ancorat de homepage, ori daca ai un titlu destul de "greu" pentru pagina ta, acest titlu - cum ar fi "coltul vesel". In acest caz evident ca nu are sens sa il faci pe h1 sub forma de logo, pentru ca titlul paginii se schimba. Daca contine numele site-ului, de cele mai multe ori asta este stilizat sub forma de logo grafic, si atunci aplici una din metodele cunoscute de image replacement - dintre care cea cu -9999px este  cea mai comoda (stiu ca google ar putea sa te penalizeze, insa te-ar putea penaliza la fel pentru oricare din metodele cunoscute de IR).
Dpdv al usability-ului (habar n-am cum as putea face sa sune cuvintul asta bine in romana)  sa ai un logo care sa fie legat de homepage este necesar, insa daca acest logo este un tag <img>, care nu are nici un alt rol decat de a servi ca legatura catre home, prezenta lui este stupida. Poti sa il faci parte integranta din navigatia principala, ca background la linkul respectiv, evident, si atunci totul este ok. Multumit?

Referitor la dotted si dashed: ca cei de la microsoft stiu mai bine hindi, romana sau rusa decit engleza nu mai e nici un secret! Altfel nu vad cum ar putea sa confunde un punct (dot) cu o liniuta (dash). Iar definitia punctului este un corp simetric radial, adica cerc. Cum dealtfel si stie IE6 sa faca borderul dotted, daca are cel putin 2px. Bug-ul asta se intilneste numai la 1px.

Edited by Jumping Jack, 07 June 2008 - 20:55.

@jumping: conteaza mai putin care e definitia punctului cu care atat tu cat si eu si restul sunt de acord. Daca specificatia nu mentioneaza foarte strict ce e acela un dot dpdv al browserului (cum ar trebui sa fie interpretat de catre UA), atunci e gaura de securitate. Evident chestiile astea mai scapa pentru ca sunt foarte multe chestii care trebuiesc standardizate. Dar W3C a lasat o gaura de interpretare, deci cel putin teoretic fiecare UA are dreptul sa afiseze cum doreste acel dotted. Faptul ca dotted de 1 px este diferit de dotted de 2 px indica intr-adevar un bug in IE 6. Sincer nu m facut niciodata un dotted de 2 px, fiind prima oara cand citesc ca merge la 2 px. Dar din nou: dot-ul trebuia standardizat.

Daca te referi la spatiu intre butone s-ar putea rezolva asa

.button	{	  background:url(over_button.png) no-repeat left top; } sau left bottom

MihaiD_, on Jun 14 2008, 02:55, said:

Si la ce te referi tu aici mai exact?   Sau mai corect spus : ce-are s$%@ cu prefectura?