| Autor |
Nachricht |
-
play-flame
|
 18.12.2010 um 19:37 (UTC)
Titel: Buttons/Navi im Header | Mehrere Navis? |
|
|
Ich habe mein(e) Buttons/Navi richtung Header ausgerichtet mit
Allerdings kann man nun die/das Buttons/Navi nicht Klicken weil der Header davor ist oder so! Welchen Code brauche ich um die/das Buttons/Navi hervorzuheben, sodass ich sie/es auch mal klicken kann?
Meine zweite Frage ist, kann ich mit dem selben Navi Code den ich dafür verwendet habe ein zusätzliches Navi hinzufügen? also in etwa so (Beispiel):
Code: #nav_container {
margin-top: -50px;
width: 960px;
height: 45px;
background: url(http://img.webme.com/pic/p/play-flame/cooltext482951371.png);
background-repeat: x-repeat;
float: left;
font-family: arial;
padding: 0px 0px 0px 0px;
font-size: 14px;}
#nav a {
float: left;
text-decoration: none;
color: #FFF;
padding: 0px 10px 0px 10px;
padding-top: 0px;
border-right: 0px solid #202020}
#nav a:hover {
color: #FF0000;}
#nav li {
list-style-type: none;}
#nav_container {
margin-top: -150px;
width: 960px;
height: 45px;
background: url(http://img.webme.com/pic/p/play-flame/cooltext482951371.png);
background-repeat: x-repeat;
float: left;
font-family: arial;
padding: 0px 0px 0px 0px;
font-size: 14px;}
#nav a {
float: left;
text-decoration: none;
color: #FFF;
padding: 0px 10px 0px 10px;
padding-top: 0px;
border-right: 0px solid #202020}
#nav a:hover {
color: #FF0000;}
#nav li {
list-style-type: none;}
Edit: Hier der Link des Meisterwerks!!  http://www.play-flame-test.de.tl/
Würde mich über Hilfe freuen!!
Gruß: Tobias ______________ 
Zuletzt bearbeitet von play-flame am 18.12.2010, 20:44, insgesamt einmal bearbeitet
|
|
|
↑
|
|
 |
-
tjpeiler-designs
Wohnort: Keine Angabe
|
18.12.2010 um 19:57 (UTC)
Titel: |
|
|
Füg bei der Navi einfach das hinzu:
|
|
|
↑
|
|
|
-
play-flame
|
18.12.2010 um 20:06 (UTC)
Titel: |
|
|
Sorry, aber das funktioniert weder für´s Navi hervorheben, noch um ein 2tes Navi einzubauen... ______________
|
|
|
↑
|
|
|
-
tjpeiler-designs
Wohnort: Keine Angabe
|
18.12.2010 um 20:08 (UTC)
Titel: |
|
|
Zeig mal die Seite die du meinst... |
|
|
↑
|
|
|
-
play-flame
|
18.12.2010 um 20:12 (UTC)
Titel: |
|
|
|
|
|
↑
|
|
|
-
tjpeiler-designs
Wohnort: Keine Angabe
|
18.12.2010 um 20:22 (UTC)
Titel: |
|
|
Versuch statt dem:
Zitat: #nav_container {
margin-top: -50px;
width: 960px;
height: 45px;
background: url(http://img.webme.com/pic/p/play-flame/cooltext482951371.png);
background-repeat: x-repeat;
float: left;
font-family: arial;
padding: 0px 0px 0px 0px;
font-size: 14px;}
mal das:
Zitat: #nav_container {
margin-top: -50px;
width: 960px;
height: 45px;
background: url(http://img.webme.com/pic/p/play-flame/cooltext482951371.png);
background-repeat: x-repeat;
float: left;
font-family: arial;
padding: 0px 0px 0px 0px;
font-size: 14px;
z-index:1;}
|
|
|
↑
|
|
|
-
play-flame
|
18.12.2010 um 20:27 (UTC)
Titel: |
|
|
Funktioniert nicht.... Ich habe diesen Code noch genauso drinnen aber du kannst auf meiner Test-Homepage wie zuvor sehen, dass es nicht geht....
Ich weiß echt nicht weiter ... ______________
|
|
|
↑
|
|
|
-
tjpeiler-designs
Wohnort: Keine Angabe
|
18.12.2010 um 20:32 (UTC)
Titel: |
|
|
Alles klar ich teste das mal auf meiner Homepage, einen Moment.
So, nun hab ichs. Da du vorgefertigte Klassen benutzt darf das !important nicht fehlen und außerdem muss der Header-Container runtergesetzt werden:
Zitat: #header_container {
position: absolute;
left: 50%;
top: 145px;
margin-left: -491px;
width: 980px;
height: 180px;
background-image: url();
border: 1px solid #FF0000;
z-index:-1 !important;}
#nav_container {
margin-top: -50px;
width: 960px;
height: 45px;
background: url(http://img.webme.com/pic/p/play-flame/cooltext482951371.png);
background-repeat: x-repeat;
float: left;
font-family: arial;
padding: 0px 0px 0px 0px;
font-size: 14px;
z-index:1 !important;}
Zuletzt bearbeitet von tjpeiler-designs am 18.12.2010, 21:42, insgesamt 2-mal bearbeitet
|
|
|
↑
|
|
|
-
play-flame
|
18.12.2010 um 20:59 (UTC)
Titel: |
|
|
Aaaahhh okay, jetz funktioniert es, danke!!! Jetzt stellt sich nur noch die Frage wie ich ein zweites Navi hinbekomme... ______________
|
|
|
↑
|
|
|
-
tjpeiler-designs
Wohnort: Keine Angabe
|
18.12.2010 um 21:00 (UTC)
Titel: |
|
|
Horizontal oder untereinander? |
|
|
↑
|
|
|
-
play-flame
|
18.12.2010 um 21:14 (UTC)
Titel: |
|
|
Sry hab grad rumprobiert... Ich möchte eine zweite Navigation (Kein Coolmenü) über dem Header haben, wo dann Oberkategorien sozusagen sind...
Hoffe du hast mich verstanden ______________
|
|
|
↑
|
|
|
-
play-flame
|
19.12.2010 um 17:32 (UTC)
Titel: |
|
|
Hat irgendeiner einen Code für so etwas? 2 Navi´s?
Wäre wirklich toll, wenn mir jemand den Code gibt und hilft!
Ich hätte die 2. Navigation gerne an dieser Stelle:
http://img.webme.com/pic/p/play-flame/2.navidort.png
Ich mache den Platz zwischen Werbung und Header größer, und wollte dann die Navigation hin machen...
Allerdings wollte ich bei der Navigation, die Buttenbilder bzw. Die Buttons usw. selber einstellen können, wie bei dem normalem Code:
Zitat: #nav_container {
margin-top: -50px;
width: 960px;
height: 45px;
background: url(http://img.webme.com/pic/p/play-flame/cooltext482951371.png);
background-repeat: x-repeat;
float: left;
font-family: arial;
padding: 0px 0px 0px 0px;
font-size: 14px;}
Gruß: Tobias ______________
|
|
|
↑
|
|
|
-
play-flame
|
21.12.2010 um 10:57 (UTC)
Titel: |
|
|
play-flame hat Folgendes geschrieben: Hat irgendeiner einen Code für so etwas? 2 Navi´s?
Wäre wirklich toll, wenn mir jemand den Code gibt und hilft!
Ich hätte die 2. Navigation gerne an dieser Stelle:
http://img.webme.com/pic/p/play-flame/2.navidort.png
Ich mache den Platz zwischen Werbung und Header größer, und wollte dann die Navigation hin machen...
Allerdings wollte ich bei der Navigation, die Buttenbilder bzw. Die Buttons usw. selber einstellen können, wie bei dem normalem Code:
Zitat: #nav_container {
margin-top: -50px;
width: 960px;
height: 45px;
background: url(http://img.webme.com/pic/p/play-flame/cooltext482951371.png);
background-repeat: x-repeat;
float: left;
font-family: arial;
padding: 0px 0px 0px 0px;
font-size: 14px;}
Gruß: Tobias
Kann mir da keiner helfen? Wäre wirklich nett....
Gruß: Tobias ______________
|
|
|
↑
|
|
|
|
