Autor Zpráva
gardener
Profil
Zdravim,
chtel bych se zeptat nekoho zkuseneho, jak docilit toho aby se submenu zobrazovalo horizontalne a ne pod sebou, jako je na obrazku?
Asi bych mel zmenit display u elemntu UL, jenze je tam definovan vicekrat, chtel bych aby jen, aby se polozku submenu radili vedle sebe, nikoli pod sebe.
CSS stylopis k menu je:

Dekuji za kazdou radu
.dropmenudiv,.dropmenudiv ul,.dropmenudiv li ul 
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0 #009CE6;
	background:#009CE6 url(../img/bmid_103.gif);
	color:#FFF;
	z-index:100;
	text-decoration:none;
	margin:0;
	padding:0;
}
.dropmenudiv ul 
{
	list-style:none;
	margin:0;
	padding:0;
}
.dropmenudiv li 
{
	list-style:none;
	margin:0;
	padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited 
{
	width:180px;
	display:block;
	border:0;
	color:#FFF;
	/*background:url(../img/bleft_103.gif) no-repeat left top;*/
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	margin:0;
	padding:0;
}
.dropmenudiv a span 
{
	display:block;
	line-height:54px;
	background:url(../img/bright_103.gif) no-repeat right top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	float:none;
	padding:0 26px 0 24px;
}
.dropmenudiv a:hover 
{
	border:0;
	background-position:left bottom;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	color:#000;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#000;
	font-weight:700;
}
gardener
Profil
Vyreseno: vse , kde bylo display: block jsem zmenil na display:inline.

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: