Willkommen auf dem Portal für Mediengestalter
|
|
|
| Autor |
Nachricht |
Flowi81
Threadersteller
Dabei seit: 23.01.2003
Ort: Hildesheim
Alter: 27
Geschlecht:
|
Verfasst Mi 07.06.2006 17:10
Titel cascading style sheets-frage |
 |
|
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> </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ö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ö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ü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"> </td>
</tr>
</table>
</body>
</html>
| [/code]
|
|
| |
|
 |
213db
Dabei seit: 20.09.2005
Ort: Nuremberg +/- 30km
Alter: 22
Geschlecht:
|
Verfasst Mi 07.06.2006 18:26
Titel
|
 |
|
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.
|
|
| |
|
 |
Flowi81
Threadersteller
Dabei seit: 23.01.2003
Ort: Hildesheim
Alter: 27
Geschlecht:
|
Verfasst Do 08.06.2006 07:31
Titel
|
 |
|
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
Ort: -
|
Verfasst Do 08.06.2006 07:40
Titel Re: cascading style sheets-frage |
 |
|
| 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:
|
Verfasst Do 08.06.2006 08:22
Titel
|
 |
|
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
|
|
| |
|
 |
Flowi81
Threadersteller
Dabei seit: 23.01.2003
Ort: Hildesheim
Alter: 27
Geschlecht:
|
Verfasst Do 08.06.2006 14:55
Titel
|
 |
|
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:
|
Verfasst Do 08.06.2006 16:30
Titel
|
 |
|
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).
|
|
| |
|
 |
Flowi81
Threadersteller
Dabei seit: 23.01.2003
Ort: Hildesheim
Alter: 27
Geschlecht:
|
Verfasst Fr 09.06.2006 06:04
Titel
|
 |
|
hallo das hört sich gut an. hast du das auch als code als beispiel? bin noch nicht so fit darin, sorry. lern gerad
|
|
| |
|
 |
| |
|
 |
| Ähnliche Themen |
Mehrere Style-Sheets verwenden
[Hilfe] Style-Sheets werden nicht angezeigt!
Photoshop Text Style Sheets
Tipps für verwaschenen Style bzw. Splash Style
Frage zu "border-...-style"
[praktisch] Cheat Sheets für NonPrintler
|
 |
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst deine Beiträge in diesem Forum nicht bearbeiten. Du kannst deine Beiträge in diesem Forum nicht löschen. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|