✔ Priorität setzen

Merlin732 · 1. September 2005

Hi,

ich habe ein Menü, welches mit ul aufgebaut ist.

Dazu folgende CSS-Def.:

.menu_links {
font-family: verdana, arial, helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
font-size: 10px;
text-decoration: none;
padding-top: 4px;
}

.menu_links ul { list-style-position: outside;
list-style-image: url(images/line.gif);
list-style-type: disc;
margin-left: 0.75em; padding-left: 0.75em;
}

.menu_links a {
text-decoration: none;
color: #FFFFFF;
}
.menu_links a:hover {
text-decoration: underline;
color: #D3E2F9;
}

.menu_links .menu_aktiv {
text-decoration: none;
color: #0000CC;
}
.menu_links .menu_aktiv ul { list-style-image: url(images/joinbottom.gif);
}

Es klappt alles wunderbar, außer, dass für .menu_links .menu_aktiv ul die Eigenschaften nicht übernommen werden, ich nehme an, dass die Eigenschaften von .menu_links ul eine höhere Priorität haben.

Kann mir jemand helfen?

mfg Lars

urxv · 1. September 2005

hab's jetzt nicht ausprobiert, aber setz mal bei de anweisungen an den anfang...

Inspector · 1. September 2005

Hi,

eher im Gegenteil. Aber was Anderes: Vielleicht meintest Du menu.links ul menu_active ul anstatt menu.links menu_active ul? Kommt drauf an, was Du so im html hast.

Gumbo · 2. September 2005

In diesem Fall wäre es sicherlich hilfreich zu wissen, auf welchen Quellcode dieses Stylesheet angewandt werden soll.

Merlin732 · 5. September 2005

Code:

<body bgcolor ="#FFFFFF" topmargin="0" leftmargin="0">




<table border="0" align="center" width="937" cellspacing="0" cellpadoing="0">
  <tr>
		
    <td width="100%" height="20"> 
      <table border="0" cellspacing="0" cellpadding="0" width="937">
        <tr bgcolor="#E6E6E6"> 
          <td valign="top" rowspan="2" align="left" height="57" width="180" class="logo">###LOGO###</td>
          <td valign="top" width="745" align="left" height="37" class="sprachen"> 
            <div align="right">###SPRACHEN###</div>
          </td>
          <td valign="top" align="left" width="12" height="37">&nbsp;</td>
        </tr>
        <tr> 
          <td valign="top" width="745" align="left" height="20" bgcolor="#E6E6E6" class="menu_oben_2"> 
            <div align="right">&nbsp;<a href="index.php?id=467" onfocus="blurLink(this);" class="menu_oben_2">Suche</a>&nbsp;|&nbsp;<a href="index.php?id=464" onfocus="blurLink(this);" class="menu_oben_2">Sitemap</a>&nbsp;|&nbsp;<a href="index.php?id=474" onfocus="blurLink(this);" class="menu_oben_2">Kontakt</a>&nbsp;|&nbsp;<a href="index.php?id=484" onfocus="blurLink(this);" class="menu_oben_2">Impressum</a></div>
          </td>
          <td valign="top" align="left" width="12" height="20" bgcolor="#E6E6E6"><img src="clear.gif" width="1" height="1"></td>
        </tr>
      </table>
		</td>
	</tr>
	<tr>
		<td width="100%" bgcolor="#CCCCCC" valign="middle" align="left">
			
      <table border="0" cellspacing="0" cellpadding="0" bgcolor="#F6F6F6" bordercolor="#F6F6F6">
        <tr>
					
          <td valign="top" align="left" width="937" class="menu_oben" bgcolor="#F6F6F6" bordercolor="#F6F6F6"> 
            <a href="index.php?id=428" onfocus="blurLink(this);" class="menu_aktiv">Hochverfügbarkeit</a> &nbsp;/&nbsp; </td>
				</tr>
			</table>
		</td>
 	</tr>					 
	<tr>
		<td width="100%">
			
      <table border="0" width="937" cellspacing="0" cellpadding="0">
        <tr>
					
          <td valign="top" align="left" width="178" bgcolor="#F6F6F6" class="menu_links" bordercolor="#F6F6F6"> 
            <br>
            <div align="left"><ul><li><a href="index.php?id=428" onfocus="blurLink(this);" class="menu_aktiv">Hochverfügbarkeit</a><ul><li><a href="index.php?id=427" onfocus="blurLink(this);" class="menu_links">Komponenten</a><ul><li><a href="index.php?id=431" onfocus="blurLink(this);" class="menu_links">Hardware Availability</a></li><li><a href="index.php?id=430" onfocus="blurLink(this);" class="menu_links">Infrastructure Reliability</a></li><li><a href="index.php?id=429" onfocus="blurLink(this);" class="menu_links">Logical Fault Protection</a></li><li><a href="index.php?id=426" onfocus="blurLink(this);" class="menu_links">Application Availability</a></li></ul></li></ul></li><li><a href="index.php?id=476" onfocus="blurLink(this);" class="menu_links">Tests</a></li></ul> </div>
          </td>
					<td valign="top" align="left" width="10">
						<img src="clear.gif" width="1" height="1">
					</td>
					<td valign="top" align="left" width="533">
						<table border="0" width="100%" cellspacing="0" cellpadding="0">
							<tr>
								<td width="533" valign="top" align="left">
									<table width="533" cellspacing="0" cellpadding="0">
										<tr>
											<td valign="top" align="left" width="532" class="inhalt_oben">
											05.09.2005 :: <a href="index.php?id=428&L=2&type=1" target="_new">Druckversion</a>
											</td>
											<td valign="top" align="left" width="1">
												<img src="clear.gif" width="1" height="50">
											<td>
										</tr>
									</table>
								</td>
							</tr>
							<tr>
												
					    <!--TYPO3SEARCH_begin-->
					
								<td width="533" valign="top" align="left" class="inhalt"><p><a name="451"></a><img src="typo3temp/GB/a8cf1f78ac.gif" width="132" height="20" border="0" alt="" title="" /><p style="margin:0 0 0 0;">&nbsp;</p>
<p style="margin:0 0 0 0;"><b><FONT color="#000000"><U>Lösungen,</U> die die <FONT face="Arial Black, Geneva, Arial, Sans-serif"><i><FONT size=3>technische Verfügbarkeit</FONT> </i></FONT>unternehmens-</FONT></b>
</p>
<p style="margin:0 0 0 0;"><b><FONT color="#000000">kritischer <FONT color="#ff9900">Applikationen und</FONT> von Standardanwendungen erhöhen. </FONT></b>
</p>
<p style="margin:0 0 0 0;">&nbsp;</p>
<p style="margin:0 0 0 0;">&nbsp;</p>
<p style="margin:0 0 0 0;">&nbsp;<a href="#" onclick="vHWin=window.open('http://192.168.7.195:81/testsite/typo3/alt_doc.php?edit[tt_content][451]=edit&amp;columnsOnly=bodytext%20%5Btext_align%20%7C%20text_face%20%7C%20text_size%20%7C%20text_color%5D%2C%5Btext_properties%5D%2C%20rte_enabled&amp;noView=0&amp;returnUrl=close.html','FEquickEditWindow','width=540,height=400,status=0,menubar=0,scrollbars=1,resizable=1');vHWin.focus();return false;"><img src="t3lib/gfx/edit_fe.gif" width="11" height="12" border="0" align="top" title="Edit bodytext" class="frontEndEditIcons" alt="" title="" /></a></p><img src="clear.gif" width="1" height="10" border="0" class="spacer-gif" alt="" title="" /><br /></p></td>
							      
							<!--TYPO3SEARCH_end-->      
							</tr>
						</table>
					</td>
					<td valign="top" align="left" width="10">
						<img src="clear.gif" width="1" height="50">
					</td>
					
          <td valign="top" align="left" width="10" bgcolor="#FFFFFF"> <img src="clear.gif" width="10" height="1">	
          </td>
					
          <td valign="top" align="left" width="186" bgcolor="#F6F6F6" class="inhalt" bordercolor="#F6F6F6"> 
            <p><img src="clear.gif" width="1"></p>
					    
            <table width="186"  border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td valign="top" align="left" width="100%" class="produkte"> 
                  <div align="center"><a name="471"></a><h1></h1><p align="center" style="margin:0 0 0 0;"><b><U>Produkte</U></b></p>
<p style="margin:0 0 0 0;">&nbsp;</p><table border="0" cellpadding="0" cellspacing="2"><tr><td valign="top"><img src="media/bullets/dot.gif" vspace="4" hspace="4" alt="" /></td><td valign="top"><a href="index.php?id=441">LifeKeeper</a>
</td></tr><tr><td valign="top"><img src="media/bullets/dot.gif" vspace="4" hspace="4" alt="" /></td><td valign="top">etwas anderes<a href="#" onclick="vHWin=window.open('http://192.168.7.195:81/testsite/typo3/alt_doc.php?edit[tt_content][471]=edit&amp;columnsOnly=layout%2C%20bodytext%20%5Btext_align%20%7C%20text_face%20%7C%20text_size%20%7C%20text_color%5D%2C%5Btext_properties%5D&amp;noView=0&amp;returnUrl=close.html','FEquickEditWindow','width=540,height=400,status=0,menubar=0,scrollbars=1,resizable=1');vHWin.focus();return false;"><img src="t3lib/gfx/edit_fe.gif" width="11" height="12" border="0" align="top" title="Edit bulletlist" class="frontEndEditIcons" alt="" title="" /></a><a href="#" onclick="vHWin=window.open('http://192.168.7.195:81/testsite/typo3/alt_doc.php?edit[tt_content][471]=edit&amp;columnsOnly=bodytext%20%5Btext_align%20%7C%20text_face%20%7C%20text_size%20%7C%20text_color%5D%2C%5Btext_properties%5D%2C%20rte_enabled&amp;noView=0&amp;returnUrl=close.html','FEquickEditWindow','width=540,height=400,status=0,menubar=0,scrollbars=1,resizable=1');vHWin.focus();return false;"><img src="t3lib/gfx/edit_fe.gif" width="11" height="12" border="0" align="top" title="Edit bodytext" class="frontEndEditIcons" alt="" title="" /></a></td></tr></table><img src="clear.gif" width="1" height="10" border="0" class="spacer-gif" alt="" title="" /><br /> </div>
                </td>
              </tr>
              <tr> 
                <td valign="top" align="left" height="20"><img src="clear.gif" width="1" height="1"> 
                </td>
              </tr>
              <tr> 
                <td valign="top" align="left" width="100%" class="partner"> 
                  <div align="center">###PARTNER### </div>
                </td>
              </tr>
            </table>
                    </td>
					<td valign="top" align="right" width="10">
						<img src="clear.gif" width="10" height="1">
					</td>
				</tr>
			</table>
		</td>
	</tr>
	<tr>
		
    <td width="100%" valign="top" bgcolor="#F6F6F6" class="copyright" bordercolor="#F6F6F6"> 
      <div align="center"><br /><font size="1" face="arial,helvetica">Seite aktualisiert:&nbsp;25.Aug.2005</font><br /></div>
    			<img src="clear.gif" width="1" height="1">
		</td>
	</tr>
</table>


</body>

Also hier mal der HTML-Quelltext der Seite, falls euch das weiterhilft.

PS: Die Variante von Inspector klappt nicht.

Inspector · 5. September 2005

Hi,

o.k., was Du hast, sind folgende formatierbare Konstruktionen:

ul li a.menu_aktiv
ul li a.menu_links

Jedenfalls, so weit ich das beim ersten Durchsehen feststellen konnte. Korrigiere mich, falls ich falsch liege.

Merlin732 · 5. September 2005

ja is richtig.

Inspector · 5. September 2005

Hi,

nun, dann menu.links menu_active ul != ul li a.menu_aktiv

Merlin732 · 5. September 2005

Hmm, leider klappt es nicht.

Bei ul li a.menu_aktiv und ul li a.menu_links war ich wohl etwas voreilig. Das ist nicht definiert bzw. ich kann es nicht finden.

Merlin732 · 5. September 2005

So,

klappt jetzt. habe es aber anders gelöst.

.menu_links .menu_aktiv {
text-decoration: none;
color: #0000CC;
list-style-image: url(images/joinbottom.gif);
}

warum einfach wenns auch kompliziert geht

Danke für Eure Hilfe.

✔ Priorität setzen

Merlin732

Erfahrenes Mitglied

urxv

Grünschnabel

Inspector

Erfahrenes Mitglied

Gumbo

Erfahrenes Mitglied

Merlin732

Erfahrenes Mitglied

Inspector

Erfahrenes Mitglied

Merlin732

Erfahrenes Mitglied

Inspector

Erfahrenes Mitglied

Merlin732

Erfahrenes Mitglied

Merlin732

Erfahrenes Mitglied

Neue Beiträge