Autor Zpráva
tomas123
Profil *
chtel sem se zeptat, jak pres css zarovam pozadi na uplny konec stranky... mam v pozadi pruh, opakuju to pomoci "background-repeat:repeat-x;" a kdyz sem zkusil "background-position:bottom;" tak mi to pozadi pouze otocilo zrcadolove (podle horizontu)... jak jej zarovnam na spod stranky? :(
tomas123
Profil *
tak:
background-position:bottom;
funguje pouze v IE, opere a FF bohuzel ne :( da se to nejak vyresit?? :(
tomas123
Profil *
uz vim v cem je problem... pro zjednoduseni mam jakoby 3divy pod sebou.. logo menu a text... to pozadi se nezarovnava naspod stranky ale pouze naspod divu kde je menu... kdyz napisu do divu kde mam text, nejaky text tak to ignoruje a neposune se to dolu... takze chyba je v tom, ze to bere konec stranky jakoby pod divem s menu.. a ne pod divem s textem jak by melo... :( tak ted uz vubec nvm jak dal =o/
Dranel
Profil
tomas123
Zkus si dál povídat sám s sebou, třeba na něco přijdete ;-)

Pokud chceš ale poradit od nás, hoď sem zdrojové kódy
tomas123
Profil *
zdrojove kody jsou zde bud css a html zabalene v zipu a nebo vlozene sem:
http://bagruj.cz/gdicutzwkvxs/web.zip.html
CSS:
@charset "utf-8";
body { 
	background-color: #f0eaac; 
	background-image:url(../images/spodni_cast.gif);
	background-attachment:scroll;
	background-repeat:repeat-x;
	background-position:bottom;
	font-family:Tahoma, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#474532;
	margin:0px 0px 0px 0px;
	height:100%;
}

#pruh_horni{
	height:317px;
	background-image:url(../images/okraj_horni.gif);
	background-repeat:repeat-x;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#hlavni_okraj{
	width:900px;
	padding:0px 0px 20px 0px;
	margin:0px auto 0px auto;
	position:relative;
}

#logo{
	width:auto;
	height:188px;
	margin:0px 0px 0px 0px;
}

#menu{
	width:auto;
	height:117px;
	margin:0px 0px 0px 0px;
}

#menu .menu1{
	width:auto;
	height:117px;
	float:left;
}

#obsah{
	width:auto;
	height:auto;
	padding:20px 20px 20px 20px;
	background:url(../images/box.gif);
	background-repeat:repeat-y;
}

/* ZACATEK nadpisy nad hlavnim textem */
#obsah .cara{
	width:596px;
	height:50px;
	padding:0px 0px 0px 0px;
	background:url(../images/nadpisy/cara.gif);
	background-repeat:repeat-x;
	float:left;

}

#obsah .cz_o_spolecnosti{
	width:199px;
	height:50px;
	padding:0px 0px 0px 0px;
	background:url(../images/nadpisy/cz_o_spolecnosti.gif);
	background-repeat:repeat-x;
	float:left;

}

#obsah .o_spolecnosti{
	width:65px;
	height:50px;
	padding:0px 0px 0px 0px;
	background:url(../images/nadpisy/o_spolecnosti.gif);
	background-repeat:no-repeat;
	float:right;

}

#obsah .cz_produkty{
	width:199px;
	height:50px;
	padding:0px 0px 0px 0px;
	background:url(../images/nadpisy/cz_produkty.gif);
	background-repeat:repeat-x;
	float:left;

}

#obsah .produkty{
	width:65px;
	height:50px;
	padding:0px 0px 0px 0px;
	background:url(../images/nadpisy/produkty.gif);
	background-repeat:no-repeat;
	float:right;

}

#obsah .cz_sluzby{
	width:199px;
	height:50px;
	padding:0px 0px 0px 0px;
	background:url(../images/nadpisy/cz_sluzby.gif);
	background-repeat:repeat-x;
	float:left;

}

#obsah .sluzby{
	width:65px;
	height:50px;
	padding:0px 0px 0px 0px;
	background:url(../images/nadpisy/sluzby.gif);
	background-repeat:no-repeat;
	float:right;

}

#obsah .cz_reference{
	width:199px;
	height:50px;
	padding:0px 0px 0px 0px;
	background:url(../images/nadpisy/cz_reference.gif);
	background-repeat:repeat-x;
	float:left;

}

#obsah .reference{
	width:65px;
	height:50px;
	padding:0px 0px 0px 0px;
	background:url(../images/nadpisy/reference.gif);
	background-repeat:no-repeat;
	float:right;

}
#obsah .cz_kariera{
	width:199px;
	height:50px;
	padding:0px 0px 0px 0px;
	background:url(../images/nadpisy/cz_kariera.gif);
	background-repeat:repeat-x;
	float:left;

}

#obsah .kariera{
	width:65px;
	height:50px;
	padding:0px 0px 0px 0px;
	background:url(../images/nadpisy/kariera.gif);
	background-repeat:no-repeat;
	float:right;

}
#obsah .cz_aktuality{
	width:199px;
	height:50px;
	padding:0px 0px 0px 0px;
	background:url(../images/nadpisy/cz_aktuality.gif);
	background-repeat:repeat-x;
	float:left;

}

#obsah .aktuality{
	width:65px;
	height:50px;
	padding:0px 0px 0px 0px;
	background:url(../images/nadpisy/aktuality.gif);
	background-repeat:no-repeat;
	float:right;

}
#obsah .cz_kontakt{
	width:199px;
	height:50px;
	padding:0px 0px 0px 0px;
	background:url(../images/nadpisy/cz_kontakt.gif);
	background-repeat:repeat-x;
	float:left;

}

#obsah .kontakt{
	width:65px;
	height:50px;
	padding:0px 0px 0px 0px;
	background:url(../images/nadpisy/kontakt.gif);
	background-repeat:no-repeat;
	float:right;

}
#obsah .cz_eshop{
	width:199px;
	height:50px;
	padding:0px 0px 0px 0px;
	background:url(../images/nadpisy/cz_eshop.gif);
	background-repeat:repeat-x;
	float:left;

}

#obsah .eshop{
	width:65px;
	height:50px;
	padding:0px 0px 0px 0px;
	background:url(../images/nadpisy/eshop.gif);
	background-repeat:no-repeat;
	float:right;

}


#obsah .cz_administrace{
	width:199px;
	height:50px;
	padding:0px 0px 0px 0px;
	background:url(../images/nadpisy/cz_administrace.gif);
	background-repeat:repeat-x;
	float:left;

}

#obsah .administrace{
	width:65px;
	height:50px;
	padding:0px 0px 0px 0px;
	background:url(../images/nadpisy/administrace.gif);
	background-repeat:no-repeat;
	float:right;

}

/* KONEC nadpisy nad hlavnim textem */

#spodni_pruh{
	width:auto;
	height:12px;
	background:url(../images/images_abea_12.gif);
	background-repeat:no-repeat;
	margin:0px 0px 50px 0px;
}

#obsah .dorovnani{
	width:65px;
	height:50px;
	padding:0px 0px 0px 0px;
	background:url(../images/nadpisy/administrace.gif);
	background-repeat:no-repeat;
	clear:both;

}

#footer{
	width:100%;
	height:58px;
	background:url(../images/images_abea_15.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin:-20px 0px 0px 0px;
}





HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<title>Abeasoft.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<link href="css/style.css" rel="stylesheet" type="text/css" />

</head>
<body>
<div id="pruh_horni">
<div id="hlavni_okraj">

<div id="logo">
<img src="images/images_abea_01.gif" width="900" height="188" alt="">
</div>
<div id="menu">
<div class="menu1">
<a href="o_spolecnosti.html" onMouseOut="self.document['obr1'].src='images/images_abea_02.gif';" onMouseOver="self.document['obr1'].src='images/obracene_04.gif';">
<img name="obr1" src="images/images_abea_02.gif" width="115" height="117" alt="O Společnosti" border="0">
</a>
</div>
<div class="menu1">
<a href="produkty.html" onMouseOut="self.document['obr2'].src='images/images_abea_03.gif';" onMouseOver="self.document['obr2'].src='images/obracene_05.gif';">
<img name="obr2" src="images/images_abea_03.gif" width="97" height="117" alt="Produkty" border="0">
</a>
</div>
<div class="menu1">
<a href="sluzby.html" onMouseOut="self.document['obr3'].src='images/images_abea_04.gif';" onMouseOver="self.document['obr3'].src='images/obracene_06.gif';">
<img name="obr3" src="images/images_abea_04.gif" width="96" height="117" alt="Služby" border="0">
</a>
</div>
<div class="menu1">
<a href="reference.html" onMouseOut="self.document['obr4'].src='images/images_abea_05.gif';" onMouseOver="self.document['obr4'].src='images/obracene_07.gif';">
<img name="obr4" src="images/images_abea_05.gif" width="95" height="117" alt="Reference" border="0">
</a>
</div>
<div class="menu1">
<a href="kariera.html" onMouseOut="self.document['obr5'].src='images/images_abea_06.gif';" onMouseOver="self.document['obr5'].src='images/obracene_08.gif';">
<img name="obr5" src="images/images_abea_06.gif" width="96" height="117" alt="Kariera" border="0">
</a>
</div>
<div class="menu1">
<a href="aktuality.html" onMouseOut="self.document['obr6'].src='images/images_abea_07.gif';" onMouseOver="self.document['obr6'].src='images/obracene_09.gif';">
<img name="obr6" src="images/images_abea_07.gif" width="97" height="117" alt="Aktuality" border="0">
</a>
</div>
<div class="menu1">
<a href="kontakt.html" onMouseOut="self.document['obr7'].src='images/images_abea_08.gif';" onMouseOver="self.document['obr7'].src='images/obracene_10.gif';">
<img name="obr7" src="images/images_abea_08.gif" width="96" height="117" alt="Kontakt" border="0">
</a>
</div>
<div class="menu1">
<a href="eshop.html" onMouseOut="self.document['obr8'].src='images/images_abea_09.gif';" onMouseOver="self.document['obr8'].src='images/obracene_11.gif';">
<img name="obr8" src="images/images_abea_09.gif" width="96" height="117" alt="E-shop" border="0">
</a>
</div>
<div class="menu1">
<a href="administrace.html" onMouseOut="self.document['ob
tomas123
Profil *
Dranel: kody jsem vlozil snad to nekomu pomuze k tomu, aby se nasla chyba... a omlouvam se za ten maly chaos v kodu :o) jest to samozrejme neni final verze :o)))

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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