Autor Zpráva
Slim84
Profil
tak opet problem s IE6 firefox i Safari zobrazuji vse dobre dokonce i IE7 avsak IE6 nezobrazuje nic (odkaz http://www.slim8.cz/mak/). Předem se omlouvám nejsem žádnej velkej koder vetsinou sem delal jen design a zbytek zvladnul nekdo za me. Inu jednoducha struktura html:
<body>

	<div id="page">
    	
        <div id="left">
        	<div id="foto">
            	<dl>
            		<dt id="fotky"><a href="#">Foto</a></dt>
            	</dl>
                </div>
            <div id="foto_c"></div>
        </div>
    	
        <div id="right">
            <div id="mak">
            	<dl>
            		<dt id="makbike"><a href="#">MakBike</a></dt>
            	</dl>
              </div>
            <div id="mak_c"></div>
        </div>
	</div>

</body>

a k tomu css
#page {
	width: 800px;
	height: 600px;
	margin: auto;
	text-align:left;
	background-image:url(../images/bg_start.jpg);
	}
	
#left {
	float:left;
	margin: 230px 0 0 110px;
	width: 180px;
	}
	
	#foto { height: 120px; text-indent: -900%; outline:none;}
	#foto dl { margin: 0; padding: 0; }
		/* IE5 Mac Hack \*/ 
	#foto { padding-left: 0px; } 
	#foto { padding-left: 0px; overflow: hidden; }
		/* End Hack */

	#foto dt { float: left; }
	#foto dt a {
		display: block;
		height: 0px ;
		height /**/:120px; /* IE 5/Win hack */ 
		padding: 0 0 0 0;
		overflow: hidden;
		background-repeat: no-repeat;
				}
	#foto dt a:hover {background-position: 0 -120px;}
	#foto dt#fotky,
	#foto dt#fotky a { width: 180px; background-image: url(../btn/m_ft.jpg); }

	body.fotky dt#fotky,
	body.fotky dt#fotky a,
	body.fotky dt#fotky a:hover,
	{
	background-position: 0 -120px;
	background-repeat: no-repeat;
	}
	
#right {
	float: right;
	margin: 230px 110px 0 0;
	width: 180px;
	}
	#mak { height: 120px; text-indent: -900%; outline:none;}
	#mak dl { margin: 0; padding: 0; }
		/* IE5 Mac Hack \*/ 
	#mak { padding-left: 0px; } 
	#mak { padding-left: 0px; overflow: hidden; }
		/* End Hack */

	#mak dt { float: left; }
	#mak dt a {
		display: block;
		height: 0px ;
		height /**/:120px; /* IE 5/Win hack */ 
		padding: 0 0 0 0;
		overflow: hidden;
		background-repeat: no-repeat;
				}
	#mak dt a:hover {background-position: 0 -120px;}
	#mak dt#makbike,
	#mak dt#makbike a { width: 180px; background-image: url(../btn/m_mk.jpg); }

	body.makbike dt#makbike,
	body.makbike dt#makbike a,
	body.makbike dt#makbike a:hover,
	{
	background-position: 0 -120px;
	background-repeat: no-repeat;
	}
Pampadam
Profil *
http://www.slim8.cz/mak/
Slim84
Profil
jj presne to...je to jenom navrh ale prave sem ho chtel uvest do pohybu aby se kamarad podival jak sem to myslel kdyz sem mu to rikal.
Chamurappi
Profil
Reaguji na Slima84:
opet problem s IE6 firefox i Safari zobrazuji vse dobre
Mám problém v prohlížeči A B C D E F i G to zobrazují vše dobře. Což takhle se naučit česky, aby byl tvůj projev srozumitelný?

Proč obaluješ odkaz do termínu definičního seznamu?

Podle kódu předpokládám, že máš problém se zdvojeným marginem. Přidej k #left a #right „display: inline“.
Slim84
Profil
Omlouvam se chtel sem to dat do zavorky. Jinak zdvojeny margin sem se domnival ale proc se ty tlacitka nezobrazi vubec to nechapu. Tak sem tam zkusil vecpat
display: inline; 
a ono se to uplne cele rozhodilo a ty obrazky co meli byt jako odakzy prestali jako odkazy fungovat

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

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

0