Div szélesség minimalizálás
Sziasztok!
A következő problémába ütköztem:
Van egy div-em, aminek fix szélessége van, ebben van egy szöveg amit szeretnék bekeretezni. Létrehoztam hát egy belső div-et, de mindenáron teljes szélességet kap, örökli - asszem így nevezik. Én meg azt szeretném ha a benne lévő szöveg határozná meg a szélességét.
Ez a keretezés dolog kicsit le van egyszerűsítve, igazából képet szeretnék ismételtetni keretként, de csak olyan hosszan mint a szöveg.
Tudja valaki hogyan lehet ezt elérni?
span-nal is próbáltam, de azzal sem jött össze.
<div class="container">
<div>szöveg</div>
</div>
(tudok írni konkrétabb példát, de szerintem ez is személteti a problémát)
köszi!
R.
■ A következő problémába ütköztem:
Van egy div-em, aminek fix szélessége van, ebben van egy szöveg amit szeretnék bekeretezni. Létrehoztam hát egy belső div-et, de mindenáron teljes szélességet kap, örökli - asszem így nevezik. Én meg azt szeretném ha a benne lévő szöveg határozná meg a szélességét.
Ez a keretezés dolog kicsit le van egyszerűsítve, igazából képet szeretnék ismételtetni keretként, de csak olyan hosszan mint a szöveg.
Tudja valaki hogyan lehet ezt elérni?
span-nal is próbáltam, de azzal sem jött össze.
<div class="container">
<div>szöveg</div>
</div>
(tudok írni konkrétabb példát, de szerintem ez is személteti a problémát)
köszi!
R.
például így...
<div style='border: solid 1px red; float: left;'>szöveg</div>
</div>
float: left a lényeg!
nekem nem teljesen tiszta a kérdés
Ha csak a szövegre akarsz keretet, nem feltétlenül szükséges egy div hozzá, elég ha a p tag-re teszel bordert és paddingot.
Ha mindenképpen kell a div, fontos hogy inline elemmé váljon, alapesetben block, tehát felveszi a teljes rendelkezésére álló teret. Ezt vagy úgy éred el hogy megadsz neki fix szélességet, és a display:inline tulajdonságot, vagy egyszerűen floatolod amivel automatikusan inline elemmé válik(+ megadsz neki szélességet), ahogy mahoo is írta.
fontos viszont megjegyezni hogy ha valamit floatoltatsz azzal kikerül az alap struktúrából, a szülő div nem fogja tartalomként kezelni ha ő maga block elem(mint nálad). Ha ezt esetleg nem sikerül megoldani szólj és akkor beszélgetünk a clear-ről is.
Köszi a kiegészítést,
Reméljük sikerül neki...
float egycsapásra
A clear-t ismerem, használtam már, meg a float-ot is, csak nem volt tiszta hogy itt is az kell.
Teljesen nem vagyok kezdő, már elbodogultam az absolute és reatív poziciókkal is, de van még mit megérteni. Van erről valahol egy átfogó írás? (netán magyarul?)
köszi!
R.
hááát... én még nem találtam