Header3 felosztása
Üdv Mindenkinek,
olyan kérdésem lenne, egy keveset túrtam a neten, de megoldást nem találtam a következő problémámra:
Van egy header3 (H3) elememe és szerettem volna egy szöveget két részre osztani benne, a két rész egyik fele bal oldalra lenne rendezve a másik része pedig jobbra.
Szerintetek ezt hogyan lehetne megoldani? vagy használjak inkább két div-et és abba tegyem mindkét szöveget h3-ba, bár ez nem tükrözi az oldal felépítését!
a válaszokat előre is köszönöm
Üdv
Sanyi
UI.: próbálkoztam H3-on belül div-vel és span-nal is de nem jött össze még
■ olyan kérdésem lenne, egy keveset túrtam a neten, de megoldást nem találtam a következő problémámra:
Van egy header3 (H3) elememe és szerettem volna egy szöveget két részre osztani benne, a két rész egyik fele bal oldalra lenne rendezve a másik része pedig jobbra.
Szerintetek ezt hogyan lehetne megoldani? vagy használjak inkább két div-et és abba tegyem mindkét szöveget h3-ba, bár ez nem tükrözi az oldal felépítését!
a válaszokat előre is köszönöm
Üdv
Sanyi
UI.: próbálkoztam H3-on belül div-vel és span-nal is de nem jött össze még
Float
nem működik
kösz
Sanyi
Szélesség
Internet
http://www.activita.net/GCHECK/gcheck.php
Üdv
Sanyi
2 float
Ha fixen 50% a szétosztás, akkor mindkettőt floatold balra és tedd a szélességüket 49%-ra.
sikerült
Köszönöm a konstrukív hozzászólásokat
Üdv
Sanyi
Logikai sorrend
A helyes sorrendezést pl. a position:relative/absolute; és left:; használatával tudod elérni.
Játssz egy kicsit vele.
aaa
Egyszerűen a Firebuggal megnéztem azt, hogy milyen display tulajdonsággal bír ilyenkor az egyes div és span tagek. Akármennyire is próbáltam display:inline -t megadni, hogy ne ugorjon a másik sorba az elem, nem volt hajlandó egyik böngészőben sem működni.
minta:
<h3>
<div style="float: left;">Balra zárt szöveg</div>
<div style="float: right;">Jobbra zárt szöveg</div>
</h3>
ez egyszerűen nem működött, feltételezem a h3-ba zártság miatt, egyszerűen az első elem a teljes sort elfoglalta, mindenféle egyéb width beállítás ellenére is.
Kb. 3,5-4 órát módosítgattam a Web-Develeoper Edit CSS funkciójával, de nem jött össze, nem tudom mi volt a baj.
A div helyett próbáltam span -t is használni, illetve vegyesen, de nem sikerült dülőre jutnom, egészen addig, míg a jobbra zárandó elemeket nem tettem előre. Nem tudom miért jó ez így, de nem igazán értem még a W3.org ajánlása alapján sem.
Üdv
Sanyi
DIV