Autor Zpráva
BG
Profil *
Tak tohle myslim je pekny orisek. Zkousel jsem snad vsechno co znam, ale nedostal jsem se k vysledku. Nuze, co je za problem:

Mam DIV a v nem text. V tom DIVu vsak chci mit jeste jeden <a style="display: block">, ktery bude zarovnan v pravem dolnim rohu DIVu a obtekan textem, ktery je v nem obsazen. Neco takoveho:

<div style="width: 200px; height: 200px;">
Jakykoliv text, ktery kohokoli napadne, ze by sem na toto misto chtel napsat. Rozsirte dale dle sve libosti a pile.
<a style="display: block; border: 1px solid black; ">ODKAZ</a>
</div>

Vizualne by to melo vypadat nejak takto:

-----------------------------
| Jakykoli text, ktery |
| kohokoli napadne, |
| ze by sem na toto |
| misto chtel napsat. |
| Rozsirte dale dle |
| sve libosti -----------|
| a pile. | ODKAZ |
----------------------------

Rekne mi nekdo, co mam doplnit do toho nastineneho zdrojaku, aby to udelalo to co chci? Fakt uz si nevim rady. A jeste poznamka, musi to chodit jak v IE, tak v mozille (Firefoxu), Opere, Netscapu, a Konqueroru. Poradi nekdo?
Plaváček
Profil
Obávám se, že to nepůjde a já osobně moc nechápu smysl takovéto hříčky.
peta
Profil *
float:right, zle to asi nebude delat presne vse, co bys rad

<div style="position:relative;width:3em;height:6em;overflow:auto">
text
<div style="position:absolute;right:0;bottom:0">
<img...>
</div>
</div>

(mozna ten img primo pozicovat, nebo u tebe odkaz)
A pokud mas pozicovany i ten hlavni blok, pak
<div style="position:absolute;left...;width:3em;height:6em">

<div style="position:relative;width:3em;height:6em;overflow:auto">
text
<a style="position:absolute;right:0;bottom:0">
</div>

</div>
BG
Profil *

Obávám se, že to nepůjde a já osobně moc nechápu smysl takovéto hříčky.


Není to hříčka, ale jak tak pronikam do nejhlubsich taju CSS, tak postupne premyslim, kde udelali soudruzi z NDR chybu. :) Taky to neni dokonaly nastroj a na spoustu veci co se tyce designu zapomneli. Osobne nemam rad designy preplacane a zbytecne obohacene obrazky, kdyz se to da udelat pomoci CSS, ale uz jsem narazil na nemalo pripadu, ze CSS bylo kratke. Predstav si to, ze mas redakcni system uvnitr firmy. Tam ti kazdy pise nejake pripominky v prumeru o delce jedne vety. Ja to vyrizuju a tak si na to chci udelat nejaky vicevypisovy system, kde to bud jen odbouchnu na preposlani, nebo na odpoved a zaroven chci aby to vypadalo pekne v tomto duchu.
BG
Profil *
float:right, zle to asi nebude delat presne vse, co bys rad

<div style="position:relative;width:3em;height:6em;overflow:auto">
text
<div style="position:absolute;right:0;bottom:0">
<img...>
</div>
</div>

(mozna ten img primo pozicovat, nebo u tebe odkaz)
A pokud mas pozicovany i ten hlavni blok, pak
<div style="position:absolute;left...;width:3em;height:6em">

<div style="position:relative;width:3em;height:6em;overflow:auto">
text
<a style="position:absolute;right:0;bottom:0">
</div>

</div>


Peto, diky za nazor, ale tohle opravdu nedela, to co to delat ma - tedy text se nezalamuje kolem toho odkazu, nybrz do nej presahuje. To je dano tim absolutnim pozicovanim.
Toto téma je uzamčeno. Odpověď nelze zaslat.