Problem mit Quellcode

-=kF=-

-=kF=-

Semiprofi
Thread Starter
Mitglied seit
19.01.2008
Beiträge
4.060
Hi,
weiß nicht, in welches Forum ich das schreiben soll.

Habe folgenden Quellcode:

index.html
PHP: 
<div id="navibox">
				<ul id="navi">
					<li class="active_menu"><a href="index.html">Home</a></li>
					<li class="strich">|</li>
					<li><a href="">Aktuelles</a></li>
...
...
...
                                </ul>
			</div>

style.css
PHP: 
div#navibox ul li a:hover {
	color				: orange;
}

div#navibox .active_menu {
	color				: green;
}

Der Link wird orange, wenn die Maus drüber ist, wird aber nicht grün, wenn der Link aktiv, sprich die Seite ausgwählt wurde.

Weiß jemand Rat?
 
Wenn Du diese Anzeige nicht sehen willst, registriere Dich und/oder logge Dich ein.
Orange klappt ja auch, aber dieses "active_menu" nicht!
 
Probier wie in folgenden beispiel visted müsste die option sein die du suchst
PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>:link, :visited, :focus, :hover, :active</title>
<style type="text/css">
a:link { font-weight:bold; color:blue; text-decoration:none; }
a:visited { font-weight:bold; color:silver; text-decoration:none; }
a:focus { font-weight:bold; color:red; text-decoration:underline; }
a:hover { font-weight:bold; color:green; text-decoration:none; }
a:active { font-weight:bold; color:lime; text-decoration:underline; }

h1:focus { background-color:red; }
h1:hover { background-color:silver; }
h1:active { background-color:green; }
</style>
</head><body>

<h1>Bekannte Suchdienste</h1>
<p>
<a href="http://de.yahoo.com/">Yahoo! (Verzeichnis)</a><br>
<a href="http://www.google.de/">Google (Suchmaschine)</a><br>
<a href="http://web.de/">Web.de (Verzeichnis)</a><br>
<a href="http://www.multimeta.de/">Multimeta (Meta-Suchmaschine)</a>
</p>

</body></html>
 
du musst dem a das active_menu zuweisen... also
PHP: 
<a class="active_menu" ...>

Unterstriche in CSS-Klassennamen sollte man übrigens vermeiden.

Die Li-Strich Klasse ist überflüssig. Wenn die Navi-Einträge horizontal angeordnet werden sollen, so ist es sinnvoll erstmal alle allgmeinen Angaben die für alle LIs gelten zu definieren, also

PHP: 
div#navibox ul li {
float: left;
margin: ...;
padding: ...;
color: ...;}

etc
 
Zuletzt bearbeitet:
Ok, danke!
Werde es zu hause austesten.

Mein Problem ist auch, dass die Seite im Firefox schön mittig angeordnet wird mit einem Hintergrundbild, im IE ist das Hintergrundbild weg und die eigentliche Seite ist nicht mittig sondern links angeordnet.

Wie bekomme ich es hin, dass die Navieinträge genau mittig sind? Mache das derzeit manuell, aber das ist eben nicht perfekt genug ;)
 
-=kF=- schrieb:
Ok, danke!
Werde es zu hause austesten.

Mein Problem ist auch, dass die Seite im Firefox schön mittig angeordnet wird mit einem Hintergrundbild, im IE ist das Hintergrundbild weg und die eigentliche Seite ist nicht mittig sondern links angeordnet.

Wie bekomme ich es hin, dass die Navieinträge genau mittig sind? Mache das derzeit manuell, aber das ist eben nicht perfekt genug ;)
Zum Vergrößern anklicken....

Du musst ein umgebenes Div (im Beispiel: Wrapper) um die Seite haben, dann folgende CSS-Anweisungen:

PHP: 
body {
text-align: center;}

#wrapper {
width: deine Breite;
margin: auto;}

Und wenn du schon soviele Probleme hast, dann setz dich bitte dringend mit HTML und CSS auseiander. Eine andere gute Seite neben selfhtml ist thestyleworks.de

Baue dir ein sauberes CSS und HTML auf, sonst hast du im IE keine Freude :asthanos:
 
Danke!!!

Den Rest kann ich ja, wusste das nur nicht.

Kann heute Abend ja mal den kompletten Quellcode und css posten ;)
 
-=kF=- schrieb:
Danke!!!

Den Rest kann ich ja, wusste das nur nicht.

Kann heute Abend ja mal den kompletten Quellcode und css posten ;)
Zum Vergrößern anklicken....

Ohne dir zu nahe zu treten wollen, aber mit solcher Aussage wäre ich sehr vorsichtig, wenn ich mir deine Probleme so angucke, das sind eigentlich sehr grundlegende Sachen.

Ansonsten hol dir YAML, da hast keine Probleme mit irgendwelchen IE und FF-Problemen
 
Mit dem Rest meinte ich den Rest, den ich so benutze ;)

Ist eine Homepage für einen Kegelclub, also nichts wildes, als wenn es für ein Unternehmen o. ä. wäre ;-)

Also nicht falsch verstehen bitte! :-)

:wink:
 
PHP: 
<html>
	<head>
	    <title>Wilde Horde 05 | Startseite</title>
	    <meta name="author" content="Dave">
		<meta name="description" content="Wilde Horde">
		<meta name="keywords" content=" Kegeln, Wild, Wilde Horde, Horde, Nacke, Jaegerhof, Jägerhof, Jaegerhof Nacke, Jägerhof Nacke">
	    <link rel="stylesheet" type="text/css" href="css/style.css">
		<!--[if IE]>
				<link rel="stylesheet" type="text/css" href="ie_style.css">
		<![endif]-->
	</head>
	<body>
		<div id="main_frame">
			<div id="visual">
				BILD BILD BILD
			</div>
			<div id="navibox">
				<ul id="navi">
					<li class="active_menu"><a href="index.html">Home</a></li>
					<li class="strich">|</li>
					<li><a href="">Aktuelles</a></li>
					<li class="strich">|</li>
					<li><a href="">Termine</a></li>
					<li class="strich">|</li>
					<li><a href="">About</a></li>
					<li class="strich">|</li>
					<li><a href="">VKs</a></li>
					<li class="strich">|</li>
					<li><a href="">GBook</a></li>
					<li class="strich">|</li>
					<li><a href="">Links</a></li>
				</ul>
			</div>
			<div id="body">
				<center><br>
					<b>TEXT TEXT TEXT</b>
					<br><br>
					BILD BILD BILD
					<br><br>
					Optimized for Firefox
				</center>
			</div>
		</div>
	</body>
</html>

PHP: 
* {
    margin              : 0px;
    padding             : 0px;
    font-family         : Verdana;
}

body {
	background			: url(../images/logo.jpg) center no-repeat;
	background-color	: #E7E7E7;
}

div#visual {
    width               : 990px;
    height              : 100px;
    border-bottom       : 1px solid black;
    line-height	        : 100px;
}

h1 {
    color               : black;
    font-size           : 72px;
    background-color    : orange;
    text-align			: center;
}

div#main_frame {
    width               : 990px;
    margin              : 30px auto;
    border              : 1px solid black;
    filter				: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;
}

div#body {
    width               : 990px;
    border-top          : 1px solid black;
    height              : 550px;
    background-color    : orange;
    clear				: both;
}

div#navibox {
	width				: 990px;
	height				: 25px;
	background-color	: #172047;
}

ul#navi {
	width				: 600px;
	margin				: 0px auto;
}

ul#navi li {
    float               : left;
    list-style-type     : none;
}

ul#navi li a {
    padding             : 0px 10px;
    line-height         : 25px;
    text-decoration     : none;
    display             : block;
    color               : #ffffff;
    font-weight	        : bold;
}

div#navibox a:hover {
	color				: orange;
}

a.active_menu {
	color				: green;
	text-decoration		: none;
	font-weight			: bold;
}

li.strich {
    color				: orange;
    line-height			: 25px;
    font-weight			: bold;
}

Das ist die index.html und die style.css

Was ich nun möchte ist folgendes:

Der komplette "mainframe" soll horizontal und vertikal mittig im brwoser sein, im Firefox und im IE. Das bekomme ich nicht hin.

Des Weiteren soll der aktuelle Navilink, zB "Home" zB grün sein, wenn der benutzer auf "Home" ist. Bekomme das nicht hin, dass sich der Rest nicht verschiebt dadurch.

Im Body gibts nen Hintergrundbild, das wird nur im Firefox angezeigt.

Ist sonst was überflüssiges im Quelltext dabei?

Einmal helfen jetzt dann nerve ich nie wieder zu html ;)
 
Zuletzt bearbeitet:
vertikal mittig geht nicht ;)

Das center im div id=body ist überflüssig, sowas regelt man per CSS.
Liest du eigentlich was ich schreibe? Dann steht oben schon wie du es horizontal mittig hinbekommst, ansonsten -> google.de
 
Zuletzt bearbeitet:
Anmelden, um zu antworten.

Ähnliche Themen

patrickbuhr
[User-Review] MSI MPG 271QRXDE QD-OLED
Antworten
12
Aufrufe
1K
Radiant
Radiant
Hardwareluxx setzt keine externen Werbe- und Tracking-Cookies ein. Auf unserer Webseite finden Sie nur noch Cookies nach berechtigtem Interesse (Art. 6 Abs. 1 Satz 1 lit. f DSGVO) oder eigene funktionelle Cookies. Durch die Nutzung unserer Webseite erklären Sie sich damit einverstanden, dass wir diese Cookies setzen. Mehr Informationen und Möglichkeiten zur Einstellung unserer Cookies finden Sie in unserer Datenschutzerklärung.


Zurück
Oben Unten refresh