Autor Zpráva
tomas123
Profil *
#1 · Zasláno: 9. 7. 2008, 21:13:01
Odpovědět Citovat
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 *
#2 · Zasláno: 9. 7. 2008, 21:35:42
Odpovědět Citovat
tak:
background-position:bottom;
funguje pouze v IE, opere a FF bohuzel ne :( da se to nejak vyresit?? :(
tomas123
Profil *
#3 · Zasláno: 9. 7. 2008, 22:00:13
Odpovědět Citovat
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
#4 · Zasláno: 9. 7. 2008, 22:40:44
Odpovědět Citovat
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 *
#5 · Zasláno: 9. 7. 2008, 23:49:11
Odpovědět Citovat
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 *
#6 · Zasláno: 10. 7. 2008, 00:40:29
Odpovědět Citovat
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)))
Časová prodleva: 16 let

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:

0