[css]lista podswietlana Opcje

[gibonik]

jeszcze mam problem z wyswietleniem menu:
chciałabym alby elementy listy były wyswietlane w formie menu, po najechaniu podwietla sie pole.

[HTML] pobierz, plaintext 
 
<div class="boxzawartosc">
 
 
<br />
    <h2 class="lista">
pobranie listy z bazy<br/>
</h2></div>
 
.boxzawartosc {
background:#e4e0c7;
height: auto;
width: auto;
padding-top: 0px;
padding-right: 3px;
padding-bottom: 8px;
padding-left: 3px;
} 
 
.lista{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #039;
	margin-bottom: 0px;
	margin-top: 0px;
	font-style: normal;
	line-height: 18px;
}
.lista li h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	font-size:11px;
	color:#C93;
	margin-bottom:1px;
	display: block;
	line-height:15px;
}
.lista li h2 a{
	color:#006;
}
.lista  li h2 a:hover{
	color:#F60;
 
}
 .lista   li h2 a:visited{
	color::#006;
 
[HTML] pobierz, plaintext 

Ten post edytował gibonik 5.10.2010, 19:22:58

[qrzysztof]

Chyba bym zaczął od usunięcia klasy "lista" z <h2> i utworzenia listy nieuporządkowanej <ul> lub uporządkowanej <ol>. Wtedy sprawdź dopiero czy podświetlanie działa.

<h2> to nagłówek. Ten, który posiada klasę "lista" jest niepotrzebny (powinien być zastąpiony przez listę <ul> lub <ol>). Co do racji bytu tych, które są potomkami elementu li też mam spore wątpliwości. Samo <li> powinno chyba wystarczyć.

Podaj cały kod, łącznie z zawartością listy. Wtedy będzie łatwiej.

Ten post edytował qrzysztof 5.10.2010, 19:32:23

[gibonik]

zminiłam i poza przesunieciem listy na srodek nic sie nie dzieje

[HTML] pobierz, plaintext 
 
.zawartosc #zawartoscMenu{
}
 
#kontenerzawartoscMenu ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	font-size:120%;
	width:241px;
}
 
#kontenerzawartoscMenu ul.MenuBarActive
{
	z-index: 1000;
}
 
#kontenerzawartoscMenu ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	cursor: pointer;
	width:241px;
	font-size:100%;
	font-family:Tahoma, Geneva, sans-serif;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	border-bottom:1px dotted #cbcebf;
	border-top:1px dotted #cbcebf;
	background-color:#f4f5de;
 
}
 
#zawartoscMenu ul.MenuBarVertical ul
{
	padding: 0;
	list-style-type: none;
	position: absolute;
	z-index: 1020;
	cursor: default;
	top: 0;
	margin:-5% 0 0 95%;
	left:-1000em;
	font-size:100%;
	width:19.2em;
}
 
#zawartoscMenu ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left:0;
}
 
#zawartoscMenu ul.MenuBarVertical ul li
{
	width:19.2em;
}
 
 
#zawartoscMenu ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	padding: 0.35em 0.5em;
	text-decoration:none;
	color:#000000;
	border-left:6px solid #aabdc7;
	border-right:1px solid #cbcebf;
}
 
#zawartoscMenu ul.zawartoscMenu a:hover, ul.MenuBarVertical a:focus
{
	background-color:#1e65d8;
	color:#FFF;
}
 
#zawartoscMenu ul.MenuBarVertical a.MenuBarItemHover,#zawartoscMenu ul.MenuBarVertical a.MenuBarItemSubmenuHover,#zawartoscMenu ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	background-color:#1e65d8;
	color:#FFF;
}
 
 
#zawartoscMenu ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image:url(SpryMenuBarRight.gif);
	background-position:95% 50%;
	background-repeat: no-repeat;
}
 
 
#zawartoscMenu ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image:url(SpryMenuBarRightHover.gif);
	background-position:95% 50%;
	background-repeat: no-repeat;
}
 
 
#zawartoscMenu ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
 
 
[HTML] pobierz, plaintext 

wyswietlanie menu
<div class="boxzawartosc">


<br />
<ul id="zawartoscMenu">

<?//baza
?>

<a href="<? //link ?>"><? echo $nazwa;?></a><br/>
<?
}
?>
</ul>

</div>

[qrzysztof]

CSS podałaś kompletny (choć nieźle tam jest namieszane), ale dlaczego HTML sam szkielet?

Wklej całość, wszystkie te elementy pobierane z bazy, bez php (włącz po prostu stronę w przeglądarce i skopiuj źródło). Bez tego ciężko powiedzieć co i dlaczego się nie podświetla.

Jakby jakiś JavaScript był dołączany zewnętrznie do tego to też wklej.

Ten post edytował qrzysztof 5.10.2010, 21:20:19

[gibonik]

zrodlo strony
<div class="tlo">


<br />
<ul id="zawartoscMenu">


<a href="XXX.htm">Kategoria 1</a><br/>

<a href="XXX2.htm">Kategoria 2</a><br/>
</ul>

</div>

[qrzysztof]

To co tu ma się podświetlać? Te kategorie? W CSS widzę całą strukturę menu, a tu 2 linki? Musi być tego więcej albo jakiś Javascript jest dołączany, który tworzy coś dynamicznie.