Menü-links mit Hintergrund Funktionen

fawad

www.linkinfo.at
Hallo an Alle!

Ich habe ein Menü erstellt, der so aussieht:

HTML:
	<div id="mainarea">
	<div id="sidebar">
		<div id="sidebarnav">
		<a class="active" href="#">11</a>
		<a href="#">22</a>
		<a href="#">33</a>
		<a href="#">44</a>
		<a href="#">55</a>
		<a href="#">66</a>
		<a href="#">77</a>
		<a href="#">88</a>
		</div>
		
	</div>

Das Problem ist,dass der schwarze Hintergrund beim ersten-Link stehen
bleibt, das heißt, wenn man mit der Maus auf die anderen Links scrollt
macht der schwarze Hintergrund mit, aber wenn ich drauf klicke, dann
erscheint der schwarze nicht als Hintergrund, sondern es erscheint immer im
ersten Link.


Ich hoffe jemand kann mir helfen

Mit freundlichen Grüßen
Nemani
 

Anhänge

  • 111.gif
    111.gif
    2,4 KB · Aufrufe: 26
Zuletzt bearbeitet:
Hi,

wenn es Probleme mit dem Stylesheet gibt, und davon gehe ich jetzt mal aus, da du dich an das CSS-Forum wendest, solltest du dieses hier auch zeigen, denn anhand des HTML-Codes und der angehängten Grafik lässt sich derzeit wenig bis garnichts dazu sagen.
 
Hi,

wenn es Probleme mit dem Stylesheet gibt, und davon gehe ich jetzt mal aus, da du dich an das CSS-Forum wendest, solltest du dieses hier auch zeigen, denn anhand des HTML-Codes und der angehängten Grafik lässt sich derzeit wenig bis garnichts dazu sagen.

Danke für deine ANtwort!

HTML:
#mainarea {
width:860px;
clear:both;
padding-left:30px;
}

#sidebar {
float:left;
width:270px;
line-height:14pt;
color:#FFFFFF;
}

#sidebarnav {
margin-top:10px;
padding-bottom:10px;
}
  
#sidebarnav a {
	width:250px;
	display:block;
	clear:both;
	padding-right:15px;
	padding-top:6px;
	height:25px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	border-left:3px solid #474747;
	border-top:3px solid #474747;
	border-bottom:3px solid #474747;
	margin-top:3px;
	text-align:right;
  }
  
  
#sidebarnav a:hover, #sidebarnav a.active {
	background-color:#333333;
	border-left:3px solid #5a5a5a;
	border-top:3px solid #5a5a5a;
	border-bottom:3px solid #5a5a5a;
	text-decoration:none;
	color:#FFFFFF;
}

#sidebarnav a:hover, #sidebarnav a.active {
	background-color:#333333;
	border-left:3px solid #5a5a5a;
	border-top:3px solid #5a5a5a;
	border-bottom:3px solid #5a5a5a;
	text-decoration:none;
	color:#FFFFFF;
}
 
Hi,

wenn es Probleme mit dem Stylesheet gibt, und davon gehe ich jetzt mal aus, da du dich an das CSS-Forum wendest, solltest du dieses hier auch zeigen, denn anhand des HTML-Codes und der angehängten Grafik lässt sich derzeit wenig bis garnichts dazu sagen.

Ich glaube es gibt keine Probleme mit Stylesheet......

Vielen Danke
 
Nach Einsicht in das Stylesheet seh ich das nun auch so, und verschiebe den Thread erstmal ins HTML-Forum.

Wenn du auf einen anderen Link klickst, muss sozusagen der erste Link die Klasse .active an diesen abgeben, eigentlich logisch oder?

Entweder hast du statische Projektseiten, in denen der jeweilige Link in der Navigation die Klasse besitzt, oder du musst dies bei einem dynamischen Wechsel der Inhalte mit einem Script (client- oder serverseitig) abwickeln.

Und wieso wiederholt sich der letzte Selektor im Stylesheet?
 
Nach Einsicht in das Stylesheet seh ich das nun auch so, und verschiebe den Thread erstmal ins HTML-Forum.

Wenn du auf einen anderen Link klickst, muss sozusagen der erste Link die Klasse .active an diesen abgeben, eigentlich logisch oder?

Entweder hast du statische Projektseiten, in denen der jeweilige Link in der Navigation die Klasse besitzt, oder du musst dies bei einem dynamischen Wechsel der Inhalte mit einem Script (client- oder serverseitig) abwickeln.

Und wieso wiederholt sich der letzte Selektor im Stylesheet?

Ich habe versucht, aber es funktioniert nicht

ich habe unabsichtlich zweimal kopiert und eingefügt, deswegen steht zweimal

Vielen Dank
Mit freundlichen Grüßen
 
Du hast den offenen und alles entscheidenden Punkt noch nicht beantwortet, ob es sich hierbei nun um statische Seiten handelt, die über die Navigation einzeln aufgerufen werden, oder ob der Wechsel der Inhalte dynamisch vorgenommen wird?

Etwas genauere Angaben zu deinem Projekt und was du erfolglos versucht hast, solltest du hier schon preisgeben, damit man dir auch konkret weiterhelfen kann.
 
Du hast den offenen und alles entscheidenden Punkt noch nicht beantwortet, ob es sich hierbei nun um statische Seiten handelt, die über die Navigation einzeln aufgerufen werden, oder ob der Wechsel der Inhalte dynamisch vorgenommen wird?

Etwas genauere Angaben zu deinem Projekt und was du erfolglos versucht hast, solltest du hier schon preisgeben, damit man dir auch konkret weiterhelfen kann.

ich habe die Vorlage von hier herruntergeladen:
http://www.free-css-templates.com/preview/Bluecircles/

Dann habe ich mit Php+inhalt weiterbearbeitet

Inhalt:
PHP:
<?php
    // die Datei inhalt.php
    
    if(isset($_GET['section'])) {
        switch($_GET['section']) {
            case 'home':
                include './text/home.php';
                break;
								            case 'parties':
                include './text/parties.php';
                break;				
				
				            case 'dj_club':
                include './text/dj_club.php';
                break;
			
				case 'kontaktformular_auswerten':
                include './text/kontaktformular-auswerten.php';
                break;
				
				
            default:  // Wenn eine ungültige Section angegeben wurde
                    // sollen die News gezeigt werden
                include './text/fehler.php';
                break;
        }     
    } else {
        // wenn section nicht angegeben wurde
        // sollen die News angezeigt werden.
        include './text/home.php';
    }
	
?>
 
Zurück