Három DIV változó szélességgel tölrténő megadása
Sziasztok!
Az alábbi megjelenési problémával van gondom:
Van egy DIV-em (ami a keret) és ebben kellene nekem 3 db DIV-et egymás mellé tennem úgy, hogy a következő feltételeket teljesítse az alábbi szerkezet mellett:-a három DIV szélességének (baloldal+kozepen+jobboldal) ki kellene töltenie a keret DIV szélességét;
-mind a három DIV-ben előre nem ismert, egy soros tartalom található (de az biztos, hogy a három tartalom szélessége nem lesz hosszabb, mint a keret div szélessége.
A CSS területén valami ehhez hasonlóig jutottam el:Abban kérném a segítséget, hogy a szélességek megadásával kapcsolatban mit kellene megadni. Már vagy 3 napot próbálkoztam, de nem jött össze (úgy néz ki, hogy ehhez nagyon láma vagyok, bocsássátok meg nekem!). A szélességek megadásával kapcsolatban direkt nem adtam meg semmit, mert nem szeretném a tisztelt közösséget a butaságaimmal befolyásolni.
Felvetődhet a kérdés, hogy hova kellhet nekem egy ilyen? Egy cikkeket tartalmazó dobozt kellene összeállítanom úgy, hogy a középső DIV-nek egy vonal a kitöltése középen (háttér nélkül, mivel más átmeneti színekre rálóghat). Az baloldal DIV tartalmazná a cikk címét (aminek a hossza ismeretlen), a kozepen DIV tartalmazza a kitöltő vonalat vizszintesen a DIV közepén (aminek a szélessége szintén ismeretlen) és a jobb oldal DIV meg egy linket (aminek mondjuk a szélessége lehet fix).
Tudom, hogy a probléma megoldható táblázattal, de szerintem az nem erre való.
Előre is közönöm a segítséget és várom az ötleteket.
Üdv.
fERI
■ Az alábbi megjelenési problémával van gondom:
Van egy DIV-em (ami a keret) és ebben kellene nekem 3 db DIV-et egymás mellé tennem úgy, hogy a következő feltételeket teljesítse az alábbi szerkezet mellett:
<div id="keret">
<div id="baloldal">változó tartalom baloldalon</div>
<div id="kozepen">változó tartalom középen</div>
<div id="jobboldal">változó tartalom jobboldalon</div>
</div>-mind a három DIV-ben előre nem ismert, egy soros tartalom található (de az biztos, hogy a három tartalom szélessége nem lesz hosszabb, mint a keret div szélessége.
A CSS területén valami ehhez hasonlóig jutottam el:
div#keret{
position: relative;
width: 500px;
border: 1px solid #000000;
}
div#baloldal{
position: relative;
float: left;
background-color:#CCCCCC;
}
div#kozepen{
position:relative;
float: left;
background: #99FFFF;
}
div#jobboldal{
position: relative;
float: left;
background-color:#FFCCFF;
}Felvetődhet a kérdés, hogy hova kellhet nekem egy ilyen? Egy cikkeket tartalmazó dobozt kellene összeállítanom úgy, hogy a középső DIV-nek egy vonal a kitöltése középen (háttér nélkül, mivel más átmeneti színekre rálóghat). Az baloldal DIV tartalmazná a cikk címét (aminek a hossza ismeretlen), a kozepen DIV tartalmazza a kitöltő vonalat vizszintesen a DIV közepén (aminek a szélessége szintén ismeretlen) és a jobb oldal DIV meg egy linket (aminek mondjuk a szélessége lehet fix).
Tudom, hogy a probléma megoldható táblázattal, de szerintem az nem erre való.
Előre is közönöm a segítséget és várom az ötleteket.
Üdv.
fERI
listával esetleg
ha jól értem akkor bal oldalt a cikk címe, jobb oldalt a (rá mutató) link van,
középen pedig egy vonal fut végig, és ezekből több lehet egymás alatt.
Én listát használnék erre, vagy definition list-et: itt egy példa:
CSS Styled Restaurant Menu
Remélem jól értettem mit is szeretnél.
Re lista
Sajnos a link, amit adtál, egyenlőre nem nyitható meg. Valószínű, hogy a kiszolgáló szerverrel van valami gond.
A listával kapcsolatban szerintem ugyan úgy, ez az automatikus szélesség megadás problémát jelenthet. Kb. jól gondoltad, amit írtam. Annak érdekében, hogy jobban át lehessen látni a dolgokat, beteszek ide egy képet (remélem, működni fog).
Valami ilyent kellene megvalósítani, és a problémám a "fejléc" résszel van (azaz ahol a cím van), mivel abban cím az változó hosszúságú.
A linket amit küldtél megnézem, köszönöm.
Valakinek esetleg még valami ötlete?
Üdv.
fERI
Sok trükk nélkül...
egy konténer DIV, amiben van a div-ekben a cím, dátum, szöveg (kép), forrás, tovább link ilyen sorrendben.
A konténer DIV-nek adsz keretet, a címet és dátumot meg hozzáigazítod - megadsz háttérszínt és akkor takarja a keretet is (position: relative a div-nek és utána a benne lévő elemeket ahhoz tudod igazítani top, left párossal)
Ha nem jutsz vele semmerre, jelezd, mert akkor megpróbálok egy példát alkotni. (bár CSS-ben nem vagyok egy guru, de ez nekem egyszerűnek tűnik)
A legegyszerűbb megoldás.
Még egyszerübb..
Ez is jó, csak...
Itt van csak nélkül....
Na igen!
Bocsika, de eddig nem voltam úgy net közelben, hogy tudjak ide beírni. Köszönöm a megoldásokat, de sajnos nem jók, mivel a kerten megjelenítendő szövegek mögött nem lehetnek háttér színek, mivel az alatta lévő grafika kinézete nem egyszínű, hanem átmenetes. Viszont ha a szövegek háttere nem kerül kitöltésre, akkor ugya valamelyik alatt megjelenik a keret. Ezek többségét én is végig próbálgattam, és nem boldogultam, azért írtam be ide nektek. Képzeljétek el, hogy az a szerketet, melyet a 2. hozzászólásban bemutattam, a fehér háttér helyett valami színátmenetes dolog, vagy egyetleg egy kép van.
Még én is küzdők vele, de egyre jobban hajlok abba az irányba, hogy az egészet táblázatban fogom megjeleníteni. Tudom, elég tér, de egyszerűen nem tudom összehozni....
Ha valakinek esetleg van még ötlete, akkor azt szívesen várom.
További kellemes, szép napot kívánok.
Üdv.
fERI
Negativ margó...