Autor Zpráva
lumpy
Profil
#1 · Zasláno: 16. 7. 2006, 15:13:49
Odpovědět Citovat
Mám problém s umiestnením tabulky - na pravej strane stránky potrebujem tabulku v ktorej budu fotky a na pravej strane ma byt obsah stranky....v IE sa to vykresli OK, ale v mozile je tabulka s obrazkami pod textom.

Neviete co sa s tym da spravit aby to bolo v jednej rovine?

tu je kod:

<table align="left">
tu ma byt obsah stranky

</table>

<table style="float:right">
<tr>
<td><img src="" width="200" height="300"></td>
</tr>
<tr>
<td><img src="" width="200" height="300"></td>
</tr>
<tr>
<td><img src="" width="200" height="300"></td>
</tr>
<tr>
<td><img src="" width="200" height="300"></td>
</tr>
</table>
krteczek
Profil
#2 · Zasláno: 16. 7. 2006, 15:26:54
Odpovědět Citovat
lumpy musíš nastavit té tabulce šířku, jinak bude brát jako 100% a nefloatne ti to
lumpy
Profil
#3 · Zasláno: 16. 7. 2006, 15:29:32
Odpovědět Citovat
krteczek
Nastavil som na 200 a nepomohlo
Jay Jay
Profil
#4 · Zasláno: 16. 7. 2006, 15:33:26
Odpovědět Citovat
lumpy¨
na pravej strane stránky potrebujem tabulku v ktorej budu fotky a na pravej strane ma byt obsah stranky
- nechtěl si říct že na levý má být obsah stránky ? :)

mně se to i v mozille vykreslí tak jak je tu napsáno, ale být tebou, tak i té první tabulce přiřadím vlastnost float
<table style="float:left"> to má být obsah stránky </table>
lumpy
Profil
#5 · Zasláno: 16. 7. 2006, 15:39:12
Odpovědět Citovat
Jay Jay
krteczek

Uz som to nejako vyrovnal..sice neviem ako ale je to vsetko na svojom mieste :)

diik za pomoc
krteczek
Profil
#6 · Zasláno: 16. 7. 2006, 15:57:18
Odpovědět Citovat
lumpy: ještě dodám že tohle tvé snažení vede do pekel tr-td-td-td-td-td-tr...
lepší bude toto (index.html): 

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

<html >

	<head>

		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">

		<title>Dvousloupcovy layout podle krteczka</title>

		<link rel="stylesheet" type="text/css" href="styl.css">

	</head>

	<body>

		<div id="vsechno">

			<div id="hlavicka">

				<h1>Dvousloupcovy layout podle krteczka</h1>

			</div>

			<div id="siroky">

					<p>tohle je siroky div</p>

			</div><!-- konec siroky -->

			<div id="uzky">

				<!-- uzky sloupek s menu -->

				<p>tady je menu v uzkem sloupci</p>

				<menu>

					<li><a href="/">index</a></li>

					<li><a href="/">neco</a></li>

					<li><a href="/">jineho</a></li>

					<li><a href="/">jinde</a></li>

				</menu>

			</div><!--konec uzky sloupek s menu -->

			<div id="paticka">

				<p>tady je paticka</p>

			</div>

		</div><!-- ukonceni vsechno-->

	</body>

</html>

a tady je základní css (uložit do souboru styl.css a dát do stejneho adresare jako index.html) 

/* CSS */

body

	{

		text-align:center; /* centrovani stranky v ie */

	}

#vsechno

	{

		margin:0 auto; /* centrovani v ostatnich prohlizecch */

		width:770px; /* sirka */

		border:1px solid black; /* vykresleni ramecku divu */

	}

#hlavicka

	{

		width:770px; /* sirka */

		height:100px; /* vyska */

		border-bottom:1px solid black; /* vykresleni spodniho ramecku divu */

	}

#siroky

	{

		width:550px	; /* sirka */

		float:right; /*pokud zde napisete left a u stejne vlastnosti #uzky napisete right prehodite #siroky doleva a #uzky doprava */

		border-left:1px solid black; /* vykresleni ramecku divu */

	}

#uzky

	{

		width:210px	; /* sirka */

		float:left;	/* pokud zde napisete right a u stejne vlastnosti #siroky napisete left, prehodite #uzky doprava s #siroky doleva  */

	}

#paticka

	{

		clear:both; /* tohle donuti dalsi prvky zacit az pod floatnutymi */

		width:770px; /* sirka */

		border-top:1px solid black; /* vykresleni ramecku divu */

	}

krteczek
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0