ugrás a tartalomhoz

a "height:0" egy érdekes hatása

Blackfriar · 2013. Nov. 9. (Szo), 21.24
Valszeg csak nekem újdonság, de a hatása érdekes.
A katyvasz szöveg megjelenésekor a "katt" felirat nem csúszik lejjebb.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>próba</title>
</head>
<body>
<div id="cont" style="display:none;height:0;text-align:center">
sdfgdagr<br>
stysdfthbsdfthb<br>
rturzthjr<br>
sdrtthjsrt<br>
</div>
<a onclick="document.getElementById('cont').style.display = 'block'">katt ide</a>
</body>
</html>
 
1

Mitől érdekes?

Poetro · 2013. Nov. 9. (Szo), 22.28
Ez a hatás miért is érdekes? Van egy elemed, aminek magassága 0, akkor miért is tolná lejjebb azt, ami utána van?
2

értem én

Blackfriar · 2013. Nov. 9. (Szo), 23.27
Értem én, csak valahogy akkor is "szokatlan", hogy megjelenik egy "korábbi" tartalom anélkül, hogy hatással lenne egy "későbbi" tartalomra.
3

overflow

Pepita · 2013. Nov. 10. (V), 01.45
Nézz utána az overflow tulajdonságnak is, ha hidden lenne, "nem jelenne meg" a katyvasz 0 magassággal. Egyébként a magasságállítás nem egy reszponzív szemléletű megoldás, ha nem muszáj, ne tedd.

Off: ma már <br />, és nemigen használatos.
4

Offhoz

csla · 2013. Nov. 10. (V), 02.11
A <br> teljesen jó, csak az XML/XHTML-nél indokolt a <br />. Azt hogy érted, hogy nem használatos?
5

Felesleges

Pepita · 2013. Nov. 10. (V), 02.41
Teljesen jó?
A br element using the self-closing tag syntax.
<p>The quick brown fox<br/>
jumps over the lazy dog.</p>
Ez található a HTML5 referenciában, én hiányolom a szóközt, az lehet, hogy tényleg csak XHTML-ben van. Próbáld ki validátoron, a <br /> mindegyiken átmegy. Akkor egyszerűbb azt használni, mint vitatkozni rajta.

Nem használatos:
nem javasolt a használata, legalábbis szöveges tartalomnál nem. Ha pl. űrlapelemeket akarsz új sorba kényszeríteni, akkor mondjuk, rendben van (bár azt is teheted blokkszintű elembe), de szöveget ma már nem érdemes ezzel "tördelni", mert az igen eltérő kijelző- és betűméretek miatt nagyon eltérő és csúnya eredményeket hozhat. Ami egy bekezdés, az legyen egy bekezdés, egy cikk pedig sok bekezdésből áll, nem egyből, tele <br />-ekkel. Azért, mert a bekezdés blokkszintű elem, a tartalma igazodik a kijelzőhöz, míg a kikényszerített sortöréssel pont ezt a jó tulajdonságát is eltöröd. Inkább használj több bekezdést, megfelelő css-el.
6

W3

Blackfriar · 2013. Nov. 10. (V), 06.53
A W3 ezt írja:
Differences Between HTML and XHTML
In HTML, the <br> tag has no end tag.
In XHTML, the <br> tag must be properly closed, like this: <br />.
7

Igen, ahol

Pepita · 2013. Nov. 10. (V), 07.37
a HTML4 -> XHTML -ről ír. Én is az ottani, HTML5 referenciából idéztem. :) Döntsd akkor el, hogy melyik szabvány szerinti a kódod, mert én HTML5-nek néztem, ezért abban a referenciában kerestem a br taget, csodálkoztam is a szóköz hiányán. Nem tudom mit kell ezen lovagolni, az előző válaszom elolvashatnád jobban, ott az igazság benne.

Szerk.: magamat idézem:
Ez található a HTML5 referenciában, én hiányolom a szóközt...

Szerintem inkább ping-pongozzunk egyet, több értelme van. :)