Autor Zpráva
Gwidion
Profil
Ahoj,
chtěl bych se zeptat, jak řešíte problém, kdy máte část stránky (např. jeden div) a na jeho začátek i konec chcete dát obrázek (např. zaoblené rohy) a chcete, aby měl orámování (border). Chcete oddělit design od informací na stránce, proto všechno děláte v CSS (nevkládáte obrázky do html). Jak to děláte, abyste zbytečně neprasili kód?
Railbot
Profil
Gwidion
Řešení by se našlo víc, ale asi nejvíce spolehlivé je vršek uděat jako jeden prvek, další prostředek a další spodek. Pak máš bez problému natahující se box s oblými rohy a může mít i levý a pravý border (prostředek). Jen to HTML se trochu rozroste.
Gwidion
Profil
Railbot
A když je uvnitř pouze text, coo mám přidat do toho HTML, abych to neprasil?
amon
Profil
Na tvorbu zaoblenych rohov pouzivam prazdne <span>y, display:block, width, height a uz len background :o)
Gwidion
Profil
Proč dávat span a display:block a ne div?
panther
Profil
Gwidion
Proč dávat span a display:block a ne div?
protože je to jedno..

span s display: block je totéž, co div..
Gwidion
Profil
panther
no právě, tak proč dávat span a display:block?
Railbot
Profil
Gwidion
Nedávat. Span je prvek řádkový, takže pro blokový prvek s pozadím je "lepší" div.
panther
Profil
Gwidion
někdo hodnotí kód podle počtu divů - prázdných nesémantických značek, ale nikdo už nepočítá spany nesoucí téže informační a sémantiskou hodnotu.

Kód není dobrý nebo špatný podle toho, kolik je v něm divů, ale podle sémantické stavby. Kulatý roh žádnou hodnotu nenese, proto pro něj není z hlediska sémantiky žádná vhodná značka. Musí se proto použít nějaká neutrální nebo rohy připlácnout k nějakému jinému, již použitému elementu.
panther
Profil
Railbot
Nedávat. Span je prvek řádkový, takže pro blokový prvek s pozadím je "lepší" div.
lepší skutečně jen v uvozovkách, neboť když z řádkového spanu uděláš pomocí display blokový, je to totéž, jako div.

Opravdu nelze říci, co je lepší, ale div se narozdíl od spanu nemusí znásilňovat k jiné hodnotě display než je defaultní.
Railbot
Profil
Kulatý roh žádnou hodnotu nenese, proto pro něj není z hlediska sémantiky žádná vhodná značka. Musí se proto použít nějaká neutrální
Div a span jsou sémanticky neutrální, sami nenesou žádný význam.

nebo rohy připlácnout k nějakému jinému, již použitému elementu
Což v případě stavby natahovacího boxu s kulatými rohy dost dobře nejde pokud tam nebude nějaký dílčí konzitentní obsah jako třeba nadpis apod.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: