a:activate

[lobo3000]

Hallo...

Hab in meiner CSS Seite auch die Linkeigenschaft a:acitvate eingefügt, aber leider werden die gerade aktiven Hyperlinks nicht wie in der CSS Seite bestimmt angezeigt!

Soll ich Quellcode beifügen??

LG
lobo3000

[webmichl]

das heisst doch auch a:active

[lobo3000]

ups...

Naja, die kleinen Fehler haben die größten Auswirkungen...

Herzlichen Dank!!!

[lobo3000]

Funktioniert trotz Änderung aber trotzdem nicht...

:-(

Naja, werd weiterprobieren...

[lobo3000]

Dies funktioniert in der Navigation nicht!!

Kann es sein, dass der Grund darin liegt, dass die Navigation bei Klick auf einen Link jedesmal neu geladen wird???

LG
lobo3000

[hero-master]

Hi lobo
hab das Thema mal verschoben, passt hier wohl eher rein

die Pseudoklasse ":active" definiert nur den kurzen Augenblick, in dem du mit der Maus auf das Objekt klickst.
Wenn du mit der Maus wegklickst, ist der Link schon ":visited"

Zum letzten Post von dir:
kurz: ja. Du musst dann deinem aktiven Link eine ID zuweisen und diese dementsprechend definieren

[lobo3000]

Hab hier den CSS Code mal abgedruckt:

Klasse "a.glink:active" gibts ja eh, aber wird nicht angenommen!!!!

/* CSS Document */

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background-image:url(hintergr2.png);
	width: 100%;	
	
	}

#topNav{
	position: absolute;
	width: 100%;
	top: 120px;
	left: 10px;
	min-width: 630px;
	height: 32px;
	right: 50%;
	margin: 0px;
	}	
	
#pageNav{
	position: absolute;
	top: 200px;
	left: 20px;
	width:150px;
	padding: 2px;
	background-color: #666666;
	font-family: Verdana,sans-serif;
	font-size: 10pt;
	}
	
#Layer1{
	position:absolute;
	left:174px;
	top: 224px;
	width: 150px;
	padding: 1px;
	background-color: #666666;
	visibility: hidden;
	background-image:url(kn1_nav.gif);
	font-size:10pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}


#mail{
	position: absolute;
	top: 120px;
	right:0px;
	min-width: 50px;
	height: 32px;
	color: #33FF33;
	margin: 0px;
	width: 128px;
	}	
a.mail:link{
	font-size: 10pt;
	color: #33FF33;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
	border-left: 1px solid #8FB8BC;
}


#pagecell1{
	position:absolute;
	top: 200px;
	left: 200px;
	right: 40px;
	width: 75%;
	background-color: #666666;
	border-top: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	color: #FFCC00;
	font-style: italic;
	font-family: Monotype Corsiva, Times New Roman Special G1, Arial;
	font-size: x-large;
	
	}
	
a{
	color: #005FA9;
	text-decoration: none;
}

a:link{
	color: #21536A;
	text-decoration: none;
}

a:visited{
	color: #005FA9;
	text-decoration: none;
}

a:hover{
	color: #FFCC00;
	text-decoration: underline;
}

#globalLink{
	position: absolute;
	top: 6px;
	height: 22px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index: 100;
	color:#33FF33
}

a.glink:link{
	font-size: 10pt;
	color: #FFCC33;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
	border-left: 1px solid #8FB8BC;
	
	
}

a.glink:visited{
	font-size: 10pt;
	color: #CC9900;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
	border-left: 1px solid #8FB8BC;
	}


a.glink:hover{
 	font-size: 10pt;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	color: #6600FF;	
	border-right: 1px solid #8FB8BC;
	border-left: 1px solid #8FB8BC;

}

a.glink:active{
	background-color:#DDEEFF;
	background-image:none;
	font-size: 10pt;
	color:#6600FF;
	font-weight:bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
	border-left: 1px solid #8FB8BC;
	
	}




#sectionLinks a:link{
	
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-image:  url(kn_nav.gif);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #FFCC00;
}

#sectionLinks a:visited{
	display: block;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-image:  url(kn_nav.gif);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #CC9900;
}


#sectionLinks a:active{
	font-size: 10pt;
	color:#6600FF;
	font-weight:bold;
	margin: 0px;
	padding: 3px 0px 3px 10px;
	border-right: 1px solid #8FB8BC;
	border-left: 1px solid #8FB8BC;
	background-color:#DDEEFF;
	background-image:none;
	
	}
	
	#sectionLinks a:hover{
	font-size: 10pt;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	color: #6600FF;	
	border-right: 1px solid #8FB8BC;
	border-left: 1px solid #8FB8BC;
}
	
#gedichte{
	position:absolute;
	top: 200px;
	left: 200px;
	right: 40px;
	width: 75%;
	background-color: #666666;
	border-top: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	color: #FFCC00;
	font-style: italic;
	font-family: Monotype Corsiva, Times New Roman Special G1, Arial;
	font-size: large;
	text-align:center;
}

#gedichteLinks a:link{
	
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-image:  url(kn1_nav.gif);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #FFCC00;
	font-style: italic;	
}

#gedichteLinks a:visited{
	
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-image:  url(kn1_nav.gif);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #CC9900;
	font-style: italic;
}


#gedichteLinks a:active{
	background-color:#DDEEFF;
	font-size: 10pt;
	color:#6600FF;
	font-weight:bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	font-style: italic;
	}

#gedichteLinks a:hover{
	
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	padding: 3px 0px 3px 10px;
	font-weight: bold;
	text-decoration: none;
	color: #6600FF;	
}


h1{
	text-align:center;
	font-size:30px;
	color: #FFCC00;
	text-decoration: underline;	
	}
	

LG
lobo3000

[rewboss]

Den HTML-Code müssten wir auch sehen.

[Nightline]

Ich glaube du drückst dich nicht genau aus. Habe deine Styles in eine Testseite eingebaut mit der Klasse "glink", und alles funkt. Hast du auch bedacht, dass du im :active-Status keine sichtbare Änderung zum :hover-Status eingebaut hast?

Definier mal bitte genau, WAS du erreichen willst. Ich glaube nämlich, dass du was anderes meinst als wir.

[lobo3000]

Guten Abend...

Also ich will erreichen, dass wenn ich einen bestimmten Link anklicke, der dann auch als aktiviert aufscheint (siehe a.glink:active)!
Die Frage ist nur die, dass wenn ich diesen Link anklicke eine neue Seite aufgerufen wird, inder die Navileiste auch neu geladen wird... liegt hierbei der Fehler???

Arbeite ja ohne Frames u darum ist der Hauptteil aller Seiten komplett gleich, eben auch die Navigation - es wird alles neu geladen!!

Hab anbei auch den HTML Code eingefügt...

LG
lobo3000

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Eine Welt voller Gef&uuml;hle...</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="kn.css" type="text/css">
<style type="text/css">


body{
	color: #6600FF;
	SCROLLBAR-FACE-COLOR: #333333;
	SCROLLBAR-HIGHLIGHT-COLOR: #333333;
	SCROLLBAR-SHADOW-COLOR: #FFFFFF;
	SCROLLBAR-3DLIGHT-COLOR: #808080;
	SCROLLBAR-ARROW-COLOR: #FFCC00;
	SCROLLBAR-TRACK-COLOR: #000000;
}

.Stil1 {font-size: x-large}
</style>
<script type="text/javascript" src="css_dropdown.js"></script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

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; }
}

function MM_goToURL() { //v3.0
  var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
  for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
//-->
</script>

</head>

<body tracingsrc="hintergr2.gif" tracingopacity="100">

      	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="700" height="100" align="middle">
          <param name="movie" value="header.swf">
          <param name="quality" value="high">
		  <embed src="header.swf" align="center" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700" height="100"></embed>
		</object>

 <div id="pagecell1"> 
	
	
	<h1>Werter Leser!!</h1><br><br>
	<div align="center" class="Stil1">
	Diese Seite ist noch im Aufbau!!<br><br>
	Ich bitte dich noch um etwas Geduld...<br><br>
	DANKE!!!!
    
	</div>
</div>

<div id="topNav" class="glink">

	<a href="index.htm" id="gl3" class="glink">Home</a>
	<a href="autor.htm" id="gl3" class="glink">Autor</a>
	<a href="kontakt.htm" id="gl3" class="glink">Kontakt</a>
	<a href="info.htm" id="gl3" class="glink">INFORMATION</a>
	
</div>

<div id="pageNav">
	<div id="sectionLinks"> 
  		<a href="aktuell.htm" id="gl3"class="glink">Aktuell</a> 
 		<a href="#"onMouseOver="MM_showHideLayers('Layer1','','show')" onMouseOut="MM_showHideLayers('Layer1','','hide')" onClick="gotoUrl('#')" >Gedichte</a>
		<a href="info.htm" id="gl3"class="glink">Information</a>
  		<a href="disclaimer.htm" id="gl3" class="glink">DISCLAIMER</a> 
	</div>
</div>

 <div id="Layer1">
				<div id="sectionLinks">
					<a href="einneuerengel.htm"id="gl3"class="glink">Ein neuer Engel</a>
					<a href="sovielvondir.htm"id="gl3"class="glink">Soviel von dir</a>
				</div>
</div>
</div>

<div id="mail" class="glink">
		<a href="mailto:lobo3000@gmx.at" id="gl3"class="glink">Mail</a>
		<a href="#" id="gl3"class="glink">Sitemap</a>
</div>

</bod>
</html>

[Nightline]

Ok, jetzt ist klar was du meinst.
Für diese Angelegenheit gibt es zwei Lösungen, wobei die erste für dich wegfällt:

1.) Hast du ein Frameset, in dem das Menü in einem eigenständigen Frame liegt, der nie neu geladen wird, dann kannst du das Ganze mittels :active bzw. :focus sehr einfach realisieren.

2.) Hast du aber eine Seite ohne Frames, bei der sich auch das Menü logischerweise immer neu lädt, dann musst du ein bißchen Handarbeit verrichten. Dem jeweils aktiven Menüpunkt muss von dir auf der jeweiligen Seite eine Klasse zugewiesen werden, die eben dieses aktiv sein darstellt.

[designfanatiker]

Zitat von Nightline

2.) Hast du aber eine Seite ohne Frames, bei der sich auch das Menü logischerweise immer neu lädt, dann musst du ein bißchen Handarbeit verrichten. Dem jeweils aktiven Menüpunkt muss von dir auf der jeweiligen Seite eine Klasse zugewiesen werden, die eben dieses aktiv sein darstellt.

Außerdem solltest du den jeweils aktiven Menüpunkt nicht verlinken (vielleicht kannst du dann sogar auf die Vergabe einer Klasse verzichten).

[lobo3000]

Zitat von Nightline

2.) Hast du ... .
Dem jeweils aktiven Menüpunkt muss von dir auf der jeweiligen Seite eine Klasse zugewiesen werden, die eben dieses aktiv sein darstellt.

Sorry aber wie macht man das?? Für jede Seite in der CSS eine eigene "active" Klasse erstellen??? Das wären ja am Ende dann rund (Hausnummer) 50 Klassen... sehe ich das richtig??

Zitat von DukeXP

Außerdem solltest du den jeweils aktiven Menüpunkt nicht verlinken (vielleicht kannst du dann sogar auf die Vergabe einer Klasse verzichten).

D.h. i soll nur die Hoverklassen verlinken und die active-Klassen außer Acht lassen??

Sorry, aber tlws Neuling *gg*

LG
lobo3000

[Nightline]

Also nochmal etwas verständlicher:

Du hast z.B. ein Menü mit drei Links. Alle sind mit einer Klasse (nennen wir sie "glink") definiert und im CSS formatiert.
Punkt1 | Punkt2 | Punkt3

Wenn du jetzt auf Punkt2 klickst, nehmen wir an, dass du auf "seite2.htm" verlinkst. In dieser "seite2.htm" musst du jetzt manuell den Link vom Punkt2 entfernen (das meinte DukeXP hier!) und gleichzeitig gibst du dem Punkt2 statt der Klasse "glink" z.B. "gaktiv".

Das heißt, du hast eine Klasse "glink" mit ihren Pseudoklassen :link, :visited, :hover und eine Klasse "gaktiv", die den gerade aktuellen Menüpunkt darstellt. Also keine Rede davon, dass du dann 50 Klassen hast.

Hoffe es ist es klar!

[lobo3000]

Hallo Nightline...

Ja danke, das ist mir jetzt verständlich!!

Also sind alle "glink" sogenannte Klassen, wogegen "id" den Stil angibt oder??

Danke nochmals, kann mich bei Problemen nochmals an euch wenden??

LG
lobo3000