Autor Zpráva
mirecekp
Profil
Uži opravdu nevím rady ohledně nastylování webu pro IE 7.
Neustále si to dělá co chce, v opeře, firefoxu i google chromu je to podle mých představ, ovšem IE7 uplně něco jiného. jak v IE 6 a dolů nevím.
Mohl by jste mi někdo poradit.
jedná se o tento web http://orientanec.wz.cz/ konkrétně jde o levé menu. Prosím co je špatně?
CSS
body {
  margin:0;
  padding:0;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	/*background: url(img/bg-okno.gif) repeat;*/
}
#komplet {
  width: 790px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}  
#logo {
  width: 790px;
  height:175px;
  background: url(images/headr.jpg);
  
} 
#telo {
  width:790px;
  height:auto;
  min-height:270px;
  background: url(images/telo.jpg) repeat-y;
}
#menu {
  width:190px;
  float:left;
  background: url(images/tanecnice-spodek.jpg)no-repeat;
}
#menu ul {
	margin: 0px;
	padding: 120px 0px 0px 0px;
	text-align:right;
	font-weight:bold;
}
#menu ul li {
  list-style-type:none;
  line-height: 1.4;
}
#menu ul li a{
  text-decoration: none;
  display: block;
  width:170px;
  padding-right:22px
  color:black;
}
#menu ul li a:link{
  text-decoration: none;
  display: block;
  width:170px;
  padding-right:22px
  color:black;
}
#menu ul li a:hover{
  width:170px;
  background-color:#ECC439;
  padding-right:22px;
  color:black;
}
#menu ul li a:active{
  width:170px;
  background-color:#ECC439;
  padding-right:22px;
  color:black;
}
#menu ul li a:visited{
  width:170px;
  padding-right:22px;
  color:black;
} 
#text {
  width:580px;
  float:right;
	padding: 0px 10px 0px 0px;
}
#pata {
  width:790px;
  height:40px;
  background: url(images/pata.jpg);
}
#pata p {
  text-align:center;
  font-size:small;
  padding:17px 0px 0px 0px;
  margin:0px;
}
#pata p a {
  text-decoration: none;
  color:black;
	font-weight:bold;
}
#pata p a:hover {
  text-decoration: underline;
  color:black;
	font-weight:bold;
}
h1 {
  font-family: "Time New Roman", "Arial CE", sans-serif;
  font-size: 26px;
  padding:0px;
  margin:0px;
}
h2 {
  font-family: "Time New Roman", "Arial CE", sans-serif;
  font-size: 22px;
  padding:0px;
  margin:0px;
}
p {
  padding:10px 10px 0px 10px;
  margin:0px;
}
Bubák
Profil
Neznáš CSS validátor? Na hledání překlepů a podobných chyb se hodí.

Tvoje deklarace menu se mi zdá ukecaná, jde ji zestručnit:
#menu ul li a{
  text-decoration: none;
  display: block;
  width:170px;
  padding-right:22px;
  color:black;
}
#menu ul li a:hover, #menu ul li a:active{
  background-color:#ECC439;
  color:black;
}
Na ostatní jsem se nedíval.
mirecekp
Profil
Už je to dořešeno, a děkuji za návrh zkrácení kodu. Bylo to v plánu. Ale vždy až je projekt hotov.

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: