Eurokicker
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 14.12.2007, 15:00   #1
TP-Newbie
 
Registriert seit: Dec 2007
Ort: Stans
Barocco macht alles soweit korrekt
Question

Link & Taxi Bild ändern?


Hallo Zusammen

Ich bin neu bei euch und hoffe jemand kann mir gleich mal Helfen

Ich mache mir gerade eine Homepage und wollte ein Link Symbol das sic ändert, zu finden ist dies unter http://www.0763939300.ch/site/prei.html

Bei der Navigation habe ich da ein png Taxi, von diesem Bild habe ich drei Versionen die ich gleich mal anhänge
Ich möchte als Standard das nav1k.png wenn man nun über den Link fährt soll nav2k.png Leuchten und bei aktivem Link das nav3k.png

Doch wie mache ich das

Ich habe es geschafft das wenigstens die Bilder und der Link keine underline mehr haben

Ich hoffe jemand kennt die Lösung und ist so Nett mir zu helfen
Barocco ist offline   Mit Zitat antworten


Alt 14.12.2007, 16:40   #2
TP-Specialist
 
Benutzerbild von Mich@el
 
Registriert seit: Oct 2005
Ort: Würzburg
Mich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine User
Möglich ist das, in dem Du Deine Navigation so deklarierst, dass sie bei z.B. a:link a: visited bzw. bei a:hover entsprechend auf die png´s verweist. Auf maxdesign hast Du ein Beispiel mit den Buttons...

Grüße
Michael
__________________
Back to business!
Mich@el ist offline   Mit Zitat antworten
Alt 14.12.2007, 16:50   #3
TP-Moderator
 
Benutzerbild von satre
 
Registriert seit: Jan 2005
Ort: Düsseldorf
satre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine User
Hallo,

diesen Effekt erreichst du mit einer Liste und CSS. Ein Beispiel mit Code findest du hier auf Listamatic.
__________________
» satre synchron
satre ist offline   Mit Zitat antworten
Alt 15.12.2007, 19:02   #4
TP-Newbie
 
Registriert seit: Dec 2007
Ort: Stans
Barocco macht alles soweit korrekt
Super danke für eure Antworten, ich habe das beinahe geschafft

der Test habe ich Test
Doch wie bekomme ich die Symbole nun vor den Text und nicht unter den Text??

Code:
<style type="text/css">
<!--
#navcontainer ul
{
list-style-type: none;
text-align: left;
}

#navcontainer ul li a
{
	background: transparent url(http://www.0763939300.ch/images/nav/nav1k.png) left center no-repeat;
	padding-left: 15px;
	text-align: left;
	font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	text-decoration: none;
	color: #999;
}

#navcontainer ul li a:hover
{
	background: transparent url(http://www.0763939300.ch/images/nav/nav2k.png) left center no-repeat;
	color: black;
}

#navcontainer ul li a#current
{
	background: transparent url(http://www.0763939300.ch/images/nav/nav3k.png) left center no-repeat;
	color: #666;
}



body,td,th {
	color: #000000;
}
body {
	background-color: #CCCCCC;
}
#apDivNAV1 {
	position:absolute;
	left:160px;
	top:52px;
	width:245px;
	height:90px;
	z-index:1;
}
-->
</style></head>
Code:
<body>



<div id="apDivNAV1">
  <div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="http://www.08763939300.ch/index.html" id="current">Home1</a></li>
<li><a href="http://www.08763939300.ch/site/index.html">Web Home</a></li>
<li><a href="http://www.08763939300.ch/site/prei.html">Preise</a></li>
<li><a href="http://www.08763939300.ch/site/kont.html">Kontakt</a></li>
<li><a href="http://www.08763939300.ch/site/serv.html">Service</a></li>
</ul>
</div></div>
</body>
Barocco ist offline   Mit Zitat antworten
Alt 15.12.2007, 19:16   #5
TP-Moderator
 
Benutzerbild von satre
 
Registriert seit: Jan 2005
Ort: Düsseldorf
satre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine User
Hallo,

dazu musst du den "padding-left"-Abstand im Container "#navcontainer ul li a" erhöhen. Da deine Taxi-Bilder 30px breit sind, würde ichs mal mit einem Wert von 35-40px versuchen, je nachdem wie's am besten aussieht.
__________________
» satre synchron
satre ist offline   Mit Zitat antworten
Alt 15.12.2007, 19:30   #6
TP-Newbie
 
Registriert seit: Dec 2007
Ort: Stans
Barocco macht alles soweit korrekt
Super das Klappt, vielen Dank


Zitat:
Zitat von satre Beitrag anzeigen
Hallo,

dazu musst du den "padding-left"-Abstand im Container "#navcontainer ul li a" erhöhen. Da deine Taxi-Bilder 30px breit sind, würde ichs mal mit einem Wert von 35-40px versuchen, je nachdem wie's am besten aussieht.
Barocco ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Traum-Talk > Webdesign & Co.
Link & Taxi Bild ändern? Link & Taxi Bild ändern?
« Webseiten in MS Word etc. ändern | Wer kennt so etwas? »

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


Alle Zeitangaben in WEZ +1. Es ist jetzt 11:17 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