SetaPDF
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 14.01.2005, 16:26   #1
TP-Member
 
Registriert seit: Jan 2005
alphanumeric kann nur besser werden

Mouseover über Text in einem Layer - Zeilenhintergrund veränder sich!


Hallo,

ich hab ein Problem!

Bitte geht mal auf die Seite

Klick

Wenn ihr dort über den Menüpunkt "Ausrüstung" geht müsste normaler weise ein Layer aufpoppen in dem ein Untermenü ist. Beim Hover über das Untermenü ändert sich die Farbe des Hintergrunds auf Grau!

Soweit so gut, allerdings "springt" beim Hovern auch die Schrift hin und her - was ich nicht möchte, wie kann ich das ändern

(Zur Seite: Bitte noch nichts wegen zu evt. längeren Ladezeit usw. schreiben - mit Ladeoptimierung mach ich später und das ganze kommt noch auf schnelleren Space)

Hier noch das CSS das ich für den mouseover habe!

Code:
.ausrüstung {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #C72E2C;
	border: solid 1px #000000;
	top: 162px;
	left: 355px;
	width: 150px;
	height: 80px;
  line-height:20px;
	text-indent:1px
  }
  
.ausrüstung a {
  line-height:20px;
	text-indent:1px
  }
  

.ausrüstung a:hover {
	background: #CCCCCC;
	color: #000000;
  display: block;
}
Solltet ihr das ganze CSS oder was anderes brauchen bitte posten!

Geändert von alphanumeric (14.01.2005 um 16:28 Uhr).
alphanumeric ist offline   Mit Zitat antworten


Alt 14.01.2005, 16:35   #2
ingo
Guest
 
das display: block im a:hover - format muss entweder raus oder du schreibst es in die allgemeine linkformatierung.
  Mit Zitat antworten
Alt 14.01.2005, 16:49   #3
TP-Member
 
Registriert seit: Jan 2005
alphanumeric kann nur besser werden

oke


Oke, habe getan was du gesagt hast - jetzt ist aber ein großer Abstand zwischen den Zeilen!



mh

Code:
.ausrüstung a:link { color: white; text-decoration: none; display: block; }
	.ausrüstung a:visited { color: white; text-decoration: none; display: block;}
	.ausrüstung a:hover { color: white; text-decoration: none; display: block; }

	.Termine a:link { color: white; text-decoration: none; }
	.Termine a:visited { color: white; text-decoration: none; }
	.Termine a:hover { color: white; font-weight:bold; text-decoration: underline; }


	.Info a:link { color: white; text-decoration: none; }
	.Info a:visited { color: white; text-decoration: none; }
	.Info a:hover { color: white; font-weight:bold; text-decoration: underline; }

.ausrüstung {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #C72E2C;
	border: solid 1px #000000;
	top: 162px;
	left: 355px;
	width: 150px;
	height: 80px;
  	line-height: 15px;
	text-indent: 1px;
  }
  
.ausrüstung a {
  line-height:20px;
	text-indent: 1px
  }
  

.ausrüstung a:hover {
	background: #CCCCCC;
	color: #000000;
}

Geändert von alphanumeric (14.01.2005 um 16:58 Uhr).
alphanumeric ist offline   Mit Zitat antworten
Alt 14.01.2005, 16:49   #4
ingo
Guest
 
ich könnte wetten, jetzt komm ich deiner nächsten frage zuvor :
die br´s müssen dann auch raus

//edit
a) der link geht nicht
b) lass das display:block ruhig drinne für .ausruestung a
c) siehe oben

//edit 2
mach aus .ausrüstung UNBEDINGT .ausruestung

Geändert von ing.o (14.01.2005 um 16:51 Uhr).
  Mit Zitat antworten
Alt 14.01.2005, 16:57   #5
TP-Member
 
Registriert seit: Jan 2005
alphanumeric kann nur besser werden
naja ok ...

welche brs? im HTML ?
alphanumeric ist offline   Mit Zitat antworten
Alt 14.01.2005, 17:01   #6
ingo
Guest
 
in dem layer, den du einblendest -> zwischen den links
  Mit Zitat antworten
Alt 14.01.2005, 17:21   #7
TP-Member
 
Registriert seit: Jan 2005
alphanumeric kann nur besser werden
oke funktioniert jetzt - jedoch wird jetzt das sonst. von ausrüstung in die Zeile von Zeughaus geschoben!
alphanumeric ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen
Mouseover über Text in einem Layer - Zeilenhintergrund veränder sich! Mouseover über Text in einem Layer - Zeilenhintergrund veränder sich!
« Tableborder | mail-addys verschlüsseln »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
fgets oder dergleichen für nur eine zeile foobar Traum-Dynamik 0 03.07.2003 15:29
Zwei Onload Scripts gleichzeitig... Maquita HTML Puristen 10 28.09.2002 16:29
script für mouseover will nur halb / Layer postionieren nicnac1 HTML Puristen 11 22.06.2002 19:12


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:18 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67