Webmaster Forum Logo Part 1 Webmaster Forum Logo Part 2
Webmaster Forum Logo Part 3
     
 
  :: Anmeldung

Benutzername:

Registrierung...

Passwort:

Passwort vergessen?

angemeldet bleiben


  
  :: Umfrage
Welche sozialen Netzwerke benutzt du regelmäßig?

 Facebook
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 73%
 keines
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 22%
 Google+
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 19%
 Twitter
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 11%
 Xing
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 6%
 schülerVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 6%
 meinVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 4%
 studiVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 4%
 MySpace
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 2%
 LinkedIn
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 2%

 ges. 393 Stimmen
 
  :: Buttons

Valid XHTML 1.0 Transitional

litoca

Tripel-As

Dabei seit: 15.01.2009

Beiträge: 221

 

1 Zum Seitenanfang

Samstag, 11. April 2009, 19:35

Hintergrundbild bei einem Link einstellen

Hi!

Ich habe folgendes Problem:
Ich habe ein Menu in diesem Menu gibt es für jeden Link zwie Bilder.
Das aktive Bild - also wenn die Seite gerade aufgerufen ist
Das "mouseover" Bild - zeigt beim mouseover das aktiv Bild
Das nicht aktive Bild - wird angezeigt, wenn nicht mit dem Link passiert, weder aktiv noch mouseover

Bisher habe ich das sehr umständlich gelöst und bin gerade auf eine css lösung gestoßen.
Allerdings verstehe ich nicht ob man bei css auch ein aktives Bild einstellen kann - das also erscheint wenn der Link gerade aufgerufen wird.

Hat da einer eine Lösung?


Bisheriger Test-Quelltext:

  Spoiler Spoiler

HTML

1
2
3
4
5
6
7
8
9
10
11
12
<style type="text/css">
.navi{
display:block;
width:140px;
height:45px;
background-image:url(gaeste.jpg);
font-weight:bold;}
.navi:hover{
background-image:url(gaesteakt.jpg);}  
</style>

<a href="test.html" class="navi"></a>



Vielen dank für eure hilfe!

litoca
think positive!

litoca
 

Bart S.

Routinier

Dabei seit: 01.02.2003

Beiträge: 388

 

2 Zum Seitenanfang

Samstag, 11. April 2009, 22:24

Wenn ich das richtig verstanden habe, möchtest du, dass gaesteakt.jpg als Hintergrund angezeigt wird, wenn die Zielseite aufgerufen ist?

Das geht soweit ich weiß nicht mit CSS. Mir ist jedenfalls keine Möglichkeit bekannt und hätte auch keine Idee, wie CSS erkennen sollte auf welcher Seite sich der User befindet.
 

Dabei seit: 06.01.2003

Beiträge: 1 373

 

3 Zum Seitenanfang

Samstag, 11. April 2009, 23:06

http://www.tomislav.net/rollover_link_mi…_ruckelfrei.htm

Bin eigentlich schon viel zu lange webentwicklungsmäßig abstinent ... dein CSS-Teil sieht in meinen Augen jedoch nicht logisch/sauber aus. Kann das jemand bestätigen?

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Dr. z0idb3rg« (11. April 2009, 23:06)

 

Skittles

Moderator

Dabei seit: 14.02.2004

Beiträge: 3 014

 

4 Zum Seitenanfang

Sonntag, 12. April 2009, 09:55

doch, der css-code ist richtig, sonst gilt, was bart sagt.

~!__/
..o.o

This is Einkaufswagen.
Copy Einkaufswagen into your signature to help him on his way to world domination.
 

litoca

Tripel-As

Dabei seit: 15.01.2009

Beiträge: 221

 

5 Zum Seitenanfang

Sonntag, 12. April 2009, 12:23

Wenn ich das richtig verstanden habe, möchtest du, dass gaesteakt.jpg als Hintergrund angezeigt wird, wenn die Zielseite aufgerufen ist?

Das geht soweit ich weiß nicht mit CSS. Mir ist jedenfalls keine Möglichkeit bekannt und hätte auch keine Idee, wie CSS erkennen sollte auf welcher Seite sich der User befindet.
Ja richtig..

Schade.. gibt es da eine andere möglichkeit das zu machen, ohne css?


litoca
think positive!

litoca
 

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 997

 

6 Zum Seitenanfang

Sonntag, 12. April 2009, 12:55

musst du in der test.html dein hintergrund bild reinlegen oder mit php prüfen

if(isset($GET['site'])
{
switch($_GET['site'])
{
case 'wie auch immer du deine seite nennst';
{
$background = 'sowieso.jpg';
break;
}
// und so für jede seite
}
}else{$background = 'standard.jpg';}

echo '<a href="test.html" style="background:'.$background.'" class="navi"></a> ';
Mein kleines Projekt
-Cruel Online-
 

litoca

Tripel-As

Dabei seit: 15.01.2009

Beiträge: 221

 

7 Zum Seitenanfang

Montag, 13. April 2009, 14:46

ich steh leider gerade ziehmlich auffm schlauch.. ich glaub ich hab irgendwas total vergessen... aufjedenfall klappt das leider so wie oben vorgeschlagen nicht...

Code:

  Spoiler Spoiler

PHP-Quelltext

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
 if(isset($GET['site'])) {
 switch($GET['site']) {
 case'index.html'; {
 $background 'gaesteakt.jpg';
 break;
 }
 }
 }
 else {
 $background 'gaeste.jpg';
 }
 echo '<a href="index.html" style="background:'.$background.'" class="navi"></a> '; 
 
 ?>


Ausgabe:

Zitat

'; ?>

hoffentlich kann einer Helfen.. :)

litoca
think positive!

litoca
 

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 997

 

8 Zum Seitenanfang

Dienstag, 14. April 2009, 08:33

dein link stimmt nicht es soll nicht auf index.html verlinkt werden sondern auf site=index.html
Mein kleines Projekt
-Cruel Online-
 

Ähnliche Themen