mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 16.04.2024 19:55 Benutzername: Passwort: Auto-Login

Thema: cascading style sheets-frage vom 07.06.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> cascading style sheets-frage
Seite: 1, 2  Weiter
Autor Nachricht
Benutzer 4545
Account gelöscht Threadersteller


Ort: -

Verfasst Mi 07.06.2006 18:10
Titel

cascading style sheets-frage

Antworten mit Zitat Zum Seitenanfang

hallo ihr lieben,

schaut euch bitte mal die seite www.ftd.de. ich muss das menü nachbauen und möchte gerne genauer
wissen, wie es geht, das die hauptmenüpunkte weiß und unterstrichen bleiben, wenn man auf die
untermenupünkte geht. hab den tipp bekommen: "Dies geht nur, wenn man in der html-datei den style des
<td>-Tags direkt angibt, z.B.: style="background-color:#ffffff; text-decoration:underline;""
mein problem ist jetzt WO im code ich das angeben muss. hier der code und vielen dank!

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="versuch.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
</head>

<body>
<div id="Layer1" style="position:absolute; left:189px; top:125; width:100; height:20px; z-index:1; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px #FFFFFF; visibility: hidden;">
  <td height="20"; colspan="3" class="normal"
  onMouseDown="className='over'" onMouseUp="className='normal'"
  onMouseOver="className='over" onMouseOut="className='normal"><a
  class="link_spezial" href="#">Geschichte</a></p></td>
</div>
<div id="Layer2" style="position:absolute; left:189; top:145; width:100; height:20; z-index:2; visibility: hidden;">
  <td height="20"; colspan="3" class="normal"
  onMouseDown="className='over'" onMouseUp="className='normal'"
  onMouseOver="className='over'" onMouseOut="className='normal'">
  <a class="link_spezial" href="#">Philosophie</a></td>
</div>
<table width="180" border="0" align="left" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
  <tr>
    <td colspan="3" bgcolor="#FFFF66">
      <p>&nbsp;</p>
      <p><span class="standard">Suche</span><span class="Suche">
        <input name="suche" type="text" id="suche" size="20
        " maxlength="30">
        </span></p></td>
  </tr>
  <tr>
    <td width="59" bgcolor="#FFFF66">
      <input name="Zahlmethode" type="radio" class="abstand" value="Mastercard">
      <span class="standard">News</span></td>
    <td bgcolor="#FFFF66">
<input type="radio" name="Zahlmethode" value="Mastercard">
      <span class="standard">Kurs</span></td>
    <td bgcolor="#FFFF66" class="standard"><strong>OK</strong></td>
  </tr>
  <tr>
    <td height="20" colspan="3" class="standard" onMouseOver="MM_showHideLayers('Layer1','','hide','Layer2','','hide')">Homepage</td>
  </tr>
  <tr>
    <td height="20" colspan="3" class="normal streifenneu" onMouseDown="className='over'" onMouseUp="className='normal'" onMouseOver="className='over';MM_showHideLayers('Layer1','','show','Layer2','','show')" onMouseOut="className='normal'" style="background-color:#ffffff; text-decoration:underline;"><a href="#" class="link_spezial" onMouseOver="MM_showHideLayers('Layer1','','show','Layer2','','show')">Meinung</a></td>
  </tr>
  <tr>
    <td height="20" colspan="3" class="normal streifenneu" onMouseDown="className='over streifenneu'" onMouseUp="className='normal streifenneu'" onMouseOver="className='over streifenneu';MM_showHideLayers('Layer1','','show','Layer2','','show')" onMouseOut="className='normal streifenneu'"><a href="#" class="link_spezial" onClick="MM_showHideLayers('Layer1','','hide','Layer2','','hide')" onMouseOver="MM_showHideLayers('Layer1','','hide','Layer2','','hide')">Unternehmen</a></td>
  </tr>
  <tr>
    <td height="20" colspan="3" class="normal streifenneu" onMouseDown="className='over streifenneu'" onMouseUp="className='normal streifenneu'" onMouseOver="className='over streifenneu';MM_showHideLayers('Layer1','','show','Layer2','','show')" onMouseOut="className='normal streifenneu'"><a href="#" class="link_spezial" onMouseOver="MM_showHideLayers('Layer1','','hide','Layer2','','hide')">IT-Industrie</a></td>
  </tr>
  <tr>
    <td height="20" colspan="3" class="normal streifenneu" onMouseDown="className='over streifenneu'" onMouseUp="className='normal streifenneu'" onMouseOver="className='over streifenneu';MM_showHideLayers('Layer1','','show','Layer2','','show')" onMouseOut="className='normal streifenneu'"><a href="#" class="link_spezial" onMouseOver="MM_showHideLayers('Layer1','','hide','Layer2','','hide')">Politik</a></td>
  </tr>
  <tr>
    <td height="20" colspan="3" class="normal streifenneu" onMouseDown="className='over streifenneu'" onMouseUp="className='normal streifenneu'" onMouseOver="className='over streifenneu';MM_showHideLayers('Layer1','','show','Layer2','','show')" onMouseOut="className='normal streifenneu'"><a href="#" class="link_spezial" onMouseOver="MM_showHideLayers('Layer1','','hide','Layer2','','hide')">Finanzen</a></td>
  </tr>
  <tr>
    <td height="20" colspan="3" class="normal streifenneu" onMouseDown="className='over streifenneu'" onMouseUp="className='normal streifenneu'" onMouseOver="className='over streifenneu';MM_showHideLayers('Layer1','','show','Layer2','','show')" onMouseOut="className='normal streifenneu'"><a href="#" class="link_spezial" onMouseOver="MM_showHideLayers('Layer1','','hide','Layer2','','hide')">B&ouml;rsen-Tools</a></td>
  </tr>
  <tr>
    <td height="20" colspan="3" class="normal streifenneu" onMouseDown="className='over'" onMouseUp="className='normal'" onMouseOver="className='over streifenneu';MM_showHideLayers('Layer1','','show','Layer2','','show')" onMouseOut="className='normal streifenneu'"><a href="#" class="link_spezial" onMouseOver="MM_showHideLayers('Layer1','','hide','Layer2','','hide')">K&ouml;pfe
      + Karriere</a></td>
  </tr>
  <tr>
    <td height="20" colspan="3" class="normal streifenneu" onMouseDown="className='over streifenneu'" onMouseUp="className='normal streifenneu'" onMouseOver="className='over streifenneu';MM_showHideLayers('Layer1','','show','Layer2','','show')" onMouseOut="className='normal streifenneu'"><a href="#" class="link_spezial" onMouseOver="MM_showHideLayers('Layer1','','hide','Layer2','','hide')">Forschung</a></td>
  </tr>
  <tr>
    <td height="20" colspan="3" class="normal streifenneu" onMouseDown="className='over streifenneu'" onMouseUp="className='normal streifenneu'" onMouseOver="className='over streifenneu';MM_showHideLayers('Layer1','','show','Layer2','','show')" onMouseOut="className='normal streifenneu'"><a href="#" class="link_spezial" onMouseOver="MM_showHideLayers('Layer1','','hide','Layer2','','hide')">Sport</a></td>
  </tr>
  <tr>
    <td height="20" colspan="3" class="normal streifenneu" onMouseDown="className='over streifenneu'" onMouseUp="className='normal streifenneu'" onMouseOver="className='over streifenneu';MM_showHideLayers('Layer1','','show','Layer2','','show')" onMouseOut="className='normal streifenneu'"><a href="#" class="link_spezial" onMouseOver="MM_showHideLayers('Layer1','','hide','Layer2','','hide')">Wirtschaftsb&uuml;cher</a></td>
  </tr>
  <tr>
    <td height="20" colspan="3" class="normal streifenneu" onMouseDown="className='over streifenneu'" onMouseUp="className='normal streifenneu'" onMouseOver="className='over streifenneu';MM_showHideLayers('Layer1','','show','Layer2','','show')" onMouseOut="className='normal streifenneu'"><a href="#" class="link_spezial" onMouseOver="MM_showHideLayers('Layer1','','hide','Layer2','','hide')">Bilderserien</a></td>
  </tr>
  <tr>
    <td height="20" colspan="3" class="streifenneu" bgcolor="#FFFF66">&nbsp;</td>
  </tr>
</table>
</body>
</html>
[/code]
 
213db

Dabei seit: 20.09.2005
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Mi 07.06.2006 19:26
Titel

Antworten mit Zitat Zum Seitenanfang

A List Apart - Suche nach CSS_Drop_Down_Menus

Ich kann dir bei dieser Variante mit nem inline-stlye nicht
weiterhelfen. aber schau dir mal die suchergebnisse an. da
sind ein paar dropdown-menüs dabei deren root-link (für den ein
untermenü ausgegeben wird) farblich hervorgehoben bleibt,bis
ein anderer root-link gewählt wird. dann kannste das
ja einfach entsprechend abändern.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Benutzer 4545
Account gelöscht Threadersteller


Ort: -

Verfasst Do 08.06.2006 08:31
Titel

Antworten mit Zitat Zum Seitenanfang

ich glaub icih bin zu blöd. ich find da keins wo sich die farbe ändert, zumindest nicht mit
beispiel zum angucken...kann wer helfen??
 
ulmer_hocker
Account gelöscht Threadersteller


Ort: -

Verfasst Do 08.06.2006 08:40
Titel

Re: cascading style sheets-frage

Antworten mit Zitat Zum Seitenanfang

Flowi81 hat geschrieben:
hallo ihr lieben,

schaut euch bitte mal die seite www.ftd.de. ich muss das menü nachbauen und möchte gerne genauer
wissen, wie es geht, das die hauptmenüpunkte weiß und unterstrichen bleiben, wenn man auf die
untermenupünkte geht. hab den tipp bekommen: "Dies geht nur, wenn man in der html-datei den style des
<td>-Tags direkt angibt, z.B.: style="background-color:#ffffff; text-decoration:underline;""
mein problem ist jetzt WO im code ich das angeben muss. hier der code und vielen dank!


Wo im Menü siehst du da Tabellenzellen?
Das ist ein stinknormales CSS-Listen-Flyout-Menue, hier der relevante HTML-Teil:

Code:

<ul id="flyoutNav" class="navi">

<li><a id="aktiv" href="/index.html" hbxrootmenuid="//Homepage" hbxrootmenuorientation="right" name="&lid=//Homepage">Homepage</a>
</li>
<li><a href="http://www.ftdlatestnews.de/" hbxrootmenuid="//Latest News" hbxrootmenuorientation="right" name="&lid=//Latest News">Latest News</a>
</li>
<li class="hasSub"><a href="/meinung/index.html" hbxrootmenuid="//Meinung" hbxrootmenuorientation="right" name="&lid=//Meinung">Meinung</a>
   <div class="flyout"><div class="shadow-left"><div class="shadow-bottom"><!-- 3 DIVs: Accessibility-Aura, Schatten links, Schatten unten --><ul>
      <li><a href="/meinung/kommentare/index.html" name="&lid=//Meinung//Kommentare">Kommentare</a></li>
      <li><a href="/meinung/leitartikel/index.html" name="&lid=//Meinung//Kolumnen">Kolumnen</a></li>
      <li><a href="/meinung/leserbriefe/index.html" name="&lid=//Meinung//Leserbriefe">Leserbriefe</a></li>

      <li><a href="/meinung/dasletzte/index.html" name="&lid=//Meinung//Das Letzte">Das Letzte</a></li>
      <li><a href="/meinung/umfragen.html" name="&lid=//Meinung//Umfragen">Umfragen</a></li>
      <li><a href="/meinung/leserkommentare.html" name="&lid=//Meinung//Leserkommentare">Leserkommentare</a></li>
   </ul></div></div></div>
</li>
<li class="hasSub"><a href="/unternehmen/index.html" hbxrootmenuid="//Unternehmen" hbxrootmenuorientation="right" name="&lid=//Unternehmen">Unternehmen</a>
   <div class="flyout"><div class="shadow-left"><div class="shadow-bottom"><!-- 3 DIVs: Accessibility-Aura, Schatten links, Schatten unten --><ul>
      <li><a href="/unternehmen/industrie/index.html" name="&lid=//Unternehmen//Industrie">Industrie</a></li>

      <li><a href="/unternehmen/finanzdienstleister/index.html" name="&lid=//Unternehmen//Finanzdienstleister">Finanzdienstleister</a></li>
      <li><a href="/unternehmen/versicherungen/index.html" name="&lid=//Unternehmen//Versicherungen">Versicherungen</a></li>
      <li><a href="/unternehmen/handel_dienstleister/index.html" name="&lid=//Unternehmen//Handel + Dienstleister">Handel + Dienstleister</a></li>
      <li><a href="/unternehmen/gesundheitswirtschaft/index.html" name="&lid=//Unternehmen//Gesundheitswirtschaft">Gesundheitswirtschaft</a></li>
   </ul></div></div></div>
</li>
<li class="hasSub"><a href="/technik/index.html" hbxrootmenuid="//IT-Industrie" hbxrootmenuorientation="right" name="&lid=//IT-Industrie">IT-Industrie</a>

   <div class="flyout"><div class="shadow-left"><div class="shadow-bottom"><!-- 3 DIVs: Accessibility-Aura, Schatten links, Schatten unten --><ul>
      <li><a href="/technik/it_telekommunikation/index.html" name="&lid=//IT-Industrie//IT + Telekommunikation">IT + Telekommunikation</a></li>
      <li><a href="/technik/medien_internet/index.html" name="&lid=//IT-Industrie//Medien + Internet">Medien + Internet</a></li>
   </ul></div></div></div>
</li>
<li class="hasSub"><a href="/politik/index.html" hbxrootmenuid="//Politik" hbxrootmenuorientation="right" name="&lid=//Politik">Politik</a>
   <div class="flyout"><div class="shadow-left"><div class="shadow-bottom"><!-- 3 DIVs: Accessibility-Aura, Schatten links, Schatten unten --><ul>
      <li><a href="/politik/deutschland/index.html" name="&lid=//Politik//Deutschland">Deutschland</a></li>

      <li><a href="/politik/europa/index.html" name="&lid=//Politik//Europa">Europa</a></li>
      <li><a href="/politik/international/index.html" name="&lid=//Politik//International">International</a></li>
   </ul></div></div></div>
</li>
<li class="hasSub"><a href="/boersen_maerkte/index.html" hbxrootmenuid="//Finanzen" hbxrootmenuorientation="right" name="&lid=//Finanzen">Finanzen</a>
   <div class="flyout"><div class="shadow-left"><div class="shadow-bottom"><!-- 3 DIVs: Accessibility-Aura, Schatten links, Schatten unten --><ul>
      <li><a href="/boersen_maerkte/marktberichte/index.html" name="&lid=//Finanzen//Marktberichte">Marktberichte</a></li>
      <li><a href="/boersen_maerkte/geldanlage/index.html" name="&lid=//Finanzen//Geldanlage">Geldanlage</a></li>

      <li><a href="/boersen_maerkte/analysten/index.html" name="&lid=//Finanzen//Das Kapital">Das Kapital</a></li>
   </ul></div></div></div>
</li>
<li class="hasSub"><a href="http://boerse.ftd.de/ftd/kurse_listen.htm" hbxrootmenuid="//Börsen-Tools" hbxrootmenuorientation="right" name="&lid=//Börsen-Tools">Börsen-Tools</a>
   <div class="flyout"><div class="shadow-left"><div class="shadow-bottom"><!-- 3 DIVs: Accessibility-Aura, Schatten links, Schatten unten --><ul>
      <li><a href="http://boerse.ftd.de/ftd/portfolio.htm" name="&lid=//Börsen-Tools//Portfolios">Portfolios</a></li>
      <li><a href="http://boerse.ftd.de/ftd/watchlist.htm" name="&lid=//Börsen-Tools//Watchlisten">Watchlisten</a></li>
      <li><a href="http://boerse.ftd.de/ftd/aktien_suche.htm" name="&lid=//Börsen-Tools//Aktienfinder">Aktienfinder</a></li>

      <li><a href="http://boerse.ftd.de/ftd/fonds_suche_profi.htm" name="&lid=//Börsen-Tools//Fondsfinder">Fondsfinder</a></li>
      <li><a href="http://derivatetool.finanztreff.de/derivate/5/derivate_index.htm?u=0&k=0" name="&lid=//Börsen-Tools//Derivate">Derivate</a></li>
      <li><a href="http://boerse.ftd.de/ftd/kurse_listen.htm?branchen=1" name="&lid=//Börsen-Tools//Dt. Branchenindizes">Dt. Branchenindizes</a></li>
      <li><a href="http://boerse.ftd.de/ftd/kurse_topflop.htm" name="&lid=//Börsen-Tools//Tops & Flops">Tops & Flops</a></li>
      <li><a href="http://web02.evig.de/partner/ftd/index.php " name="&lid=//Börsen-Tools//Devisen">Devisen</a></li>
      <li><a href="http://boerse.ftd.de/ftd/waehrung_rechner.htm" name="&lid=//Börsen-Tools//Devisenrechner">Devisenrechner</a></li>

      <li><a href="/my/boersenticker.html" name="&lid=//Börsen-Tools//Börsenticker">Börsenticker</a></li>
      <li><a href="/recherche/glossar/boerse/index.html" name="&lid=//Börsen-Tools//Börsen-Glossar">Börsen-Glossar</a></li>
   </ul></div></div></div>
</li>
<li class="hasSub"><a href="/karriere_management/index.html" hbxrootmenuid="//Köpfe + Karriere" hbxrootmenuorientation="right" name="&lid=//Köpfe + Karriere">Köpfe + Karriere</a>
   <div class="flyout"><div class="shadow-left"><div class="shadow-bottom"><!-- 3 DIVs: Accessibility-Aura, Schatten links, Schatten unten --><ul>
      <li><a href="/karriere_management/koepfe/index.html" name="&lid=//Köpfe + Karriere//Köpfe">Köpfe</a></li>
      <li><a href="/karriere_management/karriere/index.html" name="&lid=//Köpfe + Karriere//Karriere">Karriere</a></li>

      <li><a href="/karriere_management/management/index.html" name="&lid=//Köpfe + Karriere//Management">Management</a></li>
      <li><a href="/karriere_management/business_english/index.html" name="&lid=//Köpfe + Karriere//Business-English">Business-English</a></li>
      <li><a href="/karriere_management/business_education.html" name="&lid=//Köpfe + Karriere//Business Education">Business Education</a></li>
   </ul></div></div></div>
</li>
<li><a href="/forschung/index.html" hbxrootmenuid="//Forschung" hbxrootmenuorientation="right" name="&lid=//Forschung">Forschung</a>
</li>
<li class="hasSub"><a href="/sport/wm2006/index.html" hbxrootmenuid="//WM-Spezial" hbxrootmenuorientation="right" name="&lid=//WM-Spezial">WM-Spezial</a>

   <div class="flyout"><div class="shadow-left"><div class="shadow-bottom"><!-- 3 DIVs: Accessibility-Aura, Schatten links, Schatten unten --><ul>
      <li><a href="/sport/wm2006/news/topnews/index.html" name="&lid=//WM-Spezial//Top News">Top News</a></li>
      <li><a href="/sport/wm2006/dteam/news/index.html" name="&lid=//WM-Spezial//Deutsches Team">Deutsches Team</a></li>
      <li><a href="/sport/38111.html" name="&lid=//WM-Spezial//Die Konkurrenz">Die Konkurrenz</a></li>
      <li><a href="/sport/wm2006/news/wirtschaft/index.html" name="&lid=//WM-Spezial//Wirtschaft">Wirtschaft</a></li>
      <li><a href="/sport/wm2006/news/sicherheit/index.html" name="&lid=//WM-Spezial//Sicherheit">Sicherheit</a></li>

      <li><a href="/sport/wm2006/bilder/index.html" name="&lid=//WM-Spezial//Bilder-Album">Bilder-Album</a></li>
      <li><a href="/sport/wm2006/news/panoptikum/index.html" name="&lid=//WM-Spezial//Panoptikum">Panoptikum</a></li>
      <li><a href="/blog/4_dropkick" name="&lid=//WM-Spezial//WM-Blog">WM-Blog</a></li>
      <li><a href="/sport/wm2006/tippspiel.html" name="&lid=//WM-Spezial//Tippspiel">Tippspiel</a></li>
      <li><a href="/sport/wm2006/spielplan/gesamt/index.html" name="&lid=//WM-Spezial//Spielpan">Spielpan</a></li>
      <li><a href="/sport/wm2006/stadien/index.html" name="&lid=//WM-Spezial//Stadien">Stadien</a></li>

   </ul></div></div></div>
</li>
<li class="hasSub"><a href="/sport/index.html" hbxrootmenuid="//Sport" hbxrootmenuorientation="right" name="&lid=//Sport">Sport</a>
   <div class="flyout"><div class="shadow-left"><div class="shadow-bottom"><!-- 3 DIVs: Accessibility-Aura, Schatten links, Schatten unten --><ul>
      <li><a href="/sport/fussball/index.html" name="&lid=//Sport//Fußball">Fußball</a></li>
      <li><a href="/sport/motorsport/index.html" name="&lid=//Sport//Motorsport">Motorsport</a></li>
      <li><a href="/sport/radsport/index.html" name="&lid=//Sport//Radsport">Radsport</a></li>
      <li><a href="/sport/tennis/index.html" name="&lid=//Sport//Tennis">Tennis</a></li>

      <li><a href="/sport/golf/index.html" name="&lid=//Sport//Golf">Golf</a></li>
      <li><a href="/sport/segeln/index.html" name="&lid=//Sport//Segeln">Segeln</a></li>
      <li><a href="/sport/basketball/index.html" name="&lid=//Sport//Basketball">Basketball</a></li>
      <li><a href="/sport/sportmix/index.html" name="&lid=//Sport//Sportmix">Sportmix</a></li>
   </ul></div></div></div>
</li>
<li><a href="/rezensionen/index.html" hbxrootmenuid="//Wirtschaftsbücher" hbxrootmenuorientation="right" name="&lid=//Wirtschaftsbücher">Wirtschaftsbücher</a>

</li>
<li><a href="/div/bilderserien.html" hbxrootmenuid="//Bilderserien" hbxrootmenuorientation="right" name="&lid=//Bilderserien">Bilderserien</a>
</li>
<li><a href="/blog/" hbxrootmenuid="//Blogs" hbxrootmenuorientation="right" name="&lid=//Blogs">Blogs</a>
</li>
<li><a href="/div/rankings.html" hbxrootmenuid="//Rankings" hbxrootmenuorientation="right" name="&lid=//Rankings">Rankings</a>
</li>
</ul>


Und jetzt wüsste ich gerne mal was du mit „weiß unterstrichen“ meinst? Meinst du damit die Trennlinen?! Wo ist denn da das Problem?
 
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 08.06.2006 09:22
Titel

Antworten mit Zitat Zum Seitenanfang

Du meinst wohl, weiß hinterlegt. Wenn du dir mal
deinen Code ansiehst, steht dort z.B.:

<td height="20"; colspan="3" class="normal"
onMouseDown="className='over'" onMouseUp="className='normal'"
onMouseOver="className='over" onMouseOut="className='normal"><a
class="link_spezial" href="#">Geschichte</a></p></td>

Wenn du jetzt einen Menüpunkt auf einer Seite fest
gehighlighted haben willst brauchst du nur die richtige
class vergeben:

<td height="20"; colspan="3" class="over"
onMouseDown="className='over'" onMouseUp="className='over'"
onMouseOver="className='over" onMouseOut="className='over"><a
class="link_spezial" href="#">Geschichte</a></p></td>

Bzw. können die mouseHandler hier komplett raus,
weil ja nix passiert. Aber das solltest Du eigentlich
schon selbst wissen, wenn der Code von Dir stammt.
Oder willst Du ganz was anderes * Keine Ahnung... *
  View user's profile Private Nachricht senden
Benutzer 4545
Account gelöscht Threadersteller


Ort: -

Verfasst Do 08.06.2006 15:55
Titel

Antworten mit Zitat Zum Seitenanfang

ja nee ich mein das ganz genau so wie auf der ftd.de seite, d.h. wenn man ins untermenü geht
das für den zeitpunkt wo man im untermenü ist der hintergrund weiß ist, quasi das der
hover-zustand teilweise erhalten bleibt (nur das unterstrichene soll wegfallen)
ist das verständlich? ist auf der site oben genauso.
 
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 08.06.2006 17:30
Titel

Antworten mit Zitat Zum Seitenanfang

Achso, ja dann solltest Du dafür eine eigene Funktion
schreiben. Im Menüpunkt onClick -> öffnen Untermenü
und setzen der backgroundColor oder className. Im
Untermenü einen onMouseOut-Event der dir dann die
backgroundColor bzw. className wieder zurücksetzt und
auch das Untermenü wieder schließt. Allein mit CSS ohne
javaScript ist das mit der Farbhinterlegung imho nicht
möglich -> auch bei ftd.de nicht, ist auch javaScript
(gern lasse ich mich eines besseren belehren).
  View user's profile Private Nachricht senden
Benutzer 4545
Account gelöscht Threadersteller


Ort: -

Verfasst Fr 09.06.2006 07:04
Titel

Antworten mit Zitat Zum Seitenanfang

hallo das hört sich gut an. hast du das auch als code als beispiel? bin noch nicht so fit darin, sorry. lern gerad *Schnief*
 
 
Ähnliche Themen Photoshop Text Style Sheets
Mehrere Style-Sheets verwenden
[Hilfe] Style-Sheets werden nicht angezeigt!
Noob frage :-( document.getElementById(' ').style.height
HTML element Style ohne Parentelement Style
Tipps für verwaschenen Style bzw. Splash Style
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.