Autor Zpráva
Luboš M.
Profil *
Hned ze začátku bych se chtěl omluvit za asi stupidní dotaz, jsem začátečník.
Mám rozdělaný jednoduchý web. Mám takový layout:
body {
	background-color: #000033;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#obal {
	text-align: left;
	width: 760px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#obsah {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 12px;
}
#sloupec_pravy {
	float: left;
	width: 413px;
	padding-top: 0px;
	margin-top: 0px;
}
#sloupec_levy {
	float: right;
	width: 333px;
}
#paticka {
	margin-top: 12px;
	margin-bottom: 12px;
	clear: both;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003399;
	background-image: url(obrazky/BD_bez_napisu_modry.png);
	background-repeat: no-repeat;
	background-position: center;}


Chtěl bych dát po stranách obrázky jako odkazy na jiné weby, poradil by mi prosím někdo nebo mě nějak nakopl co a jak. Díky Luboš.
fajzen
Profil
No, ak to chceš dať do #sloupec_levy alebo #sloupec_pravy, tak do týchto (pravdepodobne divov), vlož niečo ako
<a href="http://www.nejaka_url" target="_blank">
<img src="obrazok.jpg" />
</a>


ak to chceš dať ešte naľavo od #sloupec_levy (alebo napravo od #sloupec_pravy), tak tam vytvor ešte jeden div s float: right (float: left) a tam vlož tie odkazy, ako sú hore
Luboš M.
Profil *
Ono mi to dělá problém že jsou jakokdyby dva floaty vedle sebe takže mi to ten druhý div hodí nahoru nad to a celý obsah podto dolů.
fajzen
Profil
aha, už som si to pozrel poriadne...

predpokladám, že html vyzerá nejak takto:
<div id="obal">
  <div id="sloupec_pravy">pravy</div>
  <div id="sloupec_levy">lavy</div>
  <div id="obsah">obsah</div>
  <div id="paticka">pata</div>
</div>


problém je v tomto:
obal má šírku 760px, pravý stĺpec 413px, ľavý 333px
na obsah teda zostáva 760-(413+333) = 14px
tak sa nediv, že sa chudák obsah tlačí dole pod ne ;)
Luboš M.
Profil *
fajzen
Díky, až budu u počítače tak to skusím. Ozvu se.
Europsky_Dzigolo
Profil
???
}
#sloupec_pravy {
	float: left;
	width: 413px;
	padding-top: 0px;
	margin-top: 0px;
}
#sloupec_levy {
	float: right;
	width: 333px;
}

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0