Autor Zpráva
Kajalik
Profil *
Jsem lama, a nevím si rady s následující tabulkou.
Potřebuji v řádku tabulky blokově zarovnat obrázek zcela vpravo dolů. V tomto řádku poté potřebuji aby text byl zarovnaný vpravo k obrázku a byl přesto na středu řádku.
( viz: Obrázek )
Rámeček mám stylovaný pomocí CSS a potřebuji aby mezi tím obrázkem a rámečky nebyly žádné "mezery" !!!

P.S. Obrázkové pozadí použít nechci …

Díky předem za radu.
roberta
Profil
smiem sa opýtať, kde má byť umiestnený ten text "text vpravo na středu řádky"?
pretože na obrázku nie je v strede riadku a vpravo už vôbec
Manq
Profil
Kajalik
Jestli jsem to správně pochopil.
Trochu krkolomné řešení.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>
<style>
table {border:1px solid #c60;width:320px;position:relative;}
td {text-align:center;}
td span{position:absolute;left:50%;margin-left:-60px;width:120px;}
img {float:right}
</style>
</head>
<body>
<table><tr><td><img src="obrazek" alt="obrázeeeek"><span>text text text text</span></td></tr></table>
</body>
</html>



Bohužel funguje pouze v Tridentu a Prestu. (IE a OP).
Kajalik
Profil *
TO roberta: Dost blbě jsme to popsal, teď nato koukám...
Celá tabulka bude mít "plovoucí šířku". A potřeboval bych se ten text zarovnával doprava k tomu obrázku.

TO Manq: Dík za snahu, téměř si to trefil :- ) Už jenom jak se zbavit těch mezer kolem toho obrázku. Potřebuju aby obrázek zcela vyplnil prostor až k těm stylovaným rámečkům...
Kajalik
Profil *
Poradí někdo co stím...
Ani "display:block" to neřeší ! Dá se to vůbec nějak rozlousknout ????
habendorf
Profil
Místo obrázku vidím 404, takže asi neporadím.
Bubák
Profil
habendorf
Freehosting volny.cz dneska zlobí.

Kajalik
Co tohle:
<style>
table {background: #f7f3ef; border-collapse: collapse;}
.patka {text-align: right;}
.patka img { vertical-align: middle; margin-left: 1.5em; }
td {border: 1px solid #000; padding: 0; }
</style>

<table>
<tr><td>111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111
<tr><td>222 222 222 222 222 222 222 222 222 222 222 222 222 222 222 222 222 222
<tr><td class="patka">text text text text text text<img src="obr.png">
</table>
Kajalik
Profil *
Bubák

Konečně!!!... malinko jsem si to odladil a to je přesně ono.

DÍKY MOC ! [b][/b]

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: