ugrás a tartalomhoz

Doctype-pal másképp jelenik meg az oldal

ensomhet · 2006. Jan. 20. (P), 04.34
Hello!

Nézzétek meg FF-ben, Operában és IE-ben ezt:
http://trulmalder.uw.hu/1.html

Kérdésem: FF-ben és Operában miért van a logo alatt a sárga csík?
XHTML doctype-al ugyanez van. Ha kiszedem a doctype megnevezést, akkor eltűnik a vonal. Próbáltam magasságokat állítani, de hiába.
(Nyilván nem táblázatosra akaroma lapot, de számomra így egyszerűbb és gyorsabb a kinézet kialakítása.)
(ezekben néztem: FF 1.5, Opera 8.51, IE6)
 
1

<Nincs cím>

suexID · 2006. Jan. 20. (P), 09.10
<body bgcolor=black>
A bgcolor tulajdonság XHTML Strictben nincs, ezért hiába is váltassz át rá. Ha tartani akarod a kódot, amit most alkalmazol, akkor bizony maradnod kell a jelenleg használt HTML 4.01-nél. Bár a hiba forrását konkrétan nem találom (megvallom őszintén én kb. másfél éve nem dolgozok táblázatokkal, ha designról van szó), de javasolni tudnám, hogy a következő helyen eszközölj változtatásokat:
<img src=logo720x120.png>
Szerintem ha megadsz neki egy szélességet, magasságot és okosan adsz neki alt-ot is, akkor lehet megoldódik a probléma.
2

talán így

cajal · 2006. Jan. 20. (P), 09.35
Ez lehet, hogy nem túl szép, de ha beteszed ezt
style="margin: 0 0 -3px 0"
a table-ba akkor megoldódik. Mondjuk ezt spec tuti div-vel csinálnám (itt még könnyű, nincsenek durván egymásbaágyazott táblák).
3

Tanuld meg a CSS-t

Török Gábor · 2006. Jan. 20. (P), 09.38
Háttérképként állítsd be a logót.
<td style="width:720px;height:120px;background:url(logo720x120.png)"></td>
Egyébként pedig csak azért gyorsabb a kinézet kialakítása, mert a táblázatokat ismered. De mindemellett kétszer akkora kódod lesz, és akadálymentessé válik a lapod. De még ha ragaszkodsz is a táblázatokhoz, használd csak akkor, amikor muszáj. Például a logót semmi értelme egy egycellás táblázatba beleraknod. A DOCTYPE okozta különbség vélhetően a Quirks és Strict mód közötti eltérésből fakad.
4

Elgépelés

suexID · 2006. Jan. 20. (P), 11.30
akadálymentessé válik a lapod.

Gondolom ez elgépelés volt.
7

Akadályokkal telibb

Török Gábor · 2006. Jan. 20. (P), 13.21
Igen, bocsánat.
5

Ez lesz a problémád

Jano · 2006. Jan. 20. (P), 11.38
8

<Nincs cím>

ensomhet · 2006. Jan. 20. (P), 16.57
Igen, ez az :) Ha a logo IMG-je kap egy display: block stílust, akkor eltűnik a nemkívánt rész.

DIV-el lesz kialakítva az egész. Azért van egyelőre táblázattal, mert a kezdeti kialakítás számomra könnyebb azzal, mivel teljesen div-es lapot nem csináltam még. A betűméreten nem nagyon szándékozok változtatni, valahogy ez a méret tűnik a legjobbnak. Padding lesz, meg minden ilyesmi.

XHTML 1.0 strict módban HTML Tidy-val nézve nem adott hibát a body bgcolor tulajdonságára (bár nyilván majd az is CSS-ben lesz beállítva).

Asszem lesz majd még kérdésem, míg beletanulok ebbe a CSS témába...
6

Design tipp

Jano · 2006. Jan. 20. (P), 11.41
A szövegek elég nehezen olvashatók. Ezen lehetne segíteni ha megoldanád, hogy ne tapadjanak rá a vonalakra (pl padding) és picit nagyobb betűméret (font-size), vonal magasság (line-height) lenne megadva.
9

Nem kötekedés...

Dualon · 2006. Jan. 23. (H), 16.47
...és off ugyan, de a line-heightra magyarban szvsz jobb a sormagasság, bár nem vagyok typo szakértő.

http://e-arc.hu/