Suche im Forum:
Suchen


Autor Nachricht
Beitrag28.05.2013 um 17:50 (UTC)    
Titel: Footer fragen..

Hallo

ich habe zu dem Footer ein paar Fragen..

Wenn ihr bei mir auf der Homepage schaut sieht ihr oben 4 blaue Wörter, um die gehts.

Das ist fangs der folgende Code, den ich eingegeben habe unter: Text über dem Design:

<center>
<div style=position: relative;top: 238px;height: 0px;">
<a href="http://ammis-zierfische.de.tl/Startseite.htm/">Startseite</a>|
<a href="http://ammis-zierfische.de.tl/-Ue-ber-mich.htm/">Über uns</a>|
<a href="http://ammis-zierfische.de.tl/Kontakt.htm/">Kontakt</a>|
<a href="http://ammis-zierfische.de.tl/Standort.htm/">Standort</a>|
</div>

1. Wie kann ich die gesamte Zeile zwischen den Header und den unteren Text hineinschieben schieben, was muss ich im Code ändern?

2. Und wie muss ich den Code einfügen, das ich da farbige Buttons bekomme?

ul li a[href="/Home.htm"] {
background-color: #FFFFB2 !important;
color: #000000 !important;
}

Danke schon mal im voraus.

Einmal muss ich das auch erlernen Smile

Gruss
Dominik
Beitrag28.05.2013 um 18:29 (UTC)    
Titel: Re: Footer fragen..

ammis-zierfische hat Folgendes geschrieben:
1. Wie kann ich die gesamte Zeile zwischen den Header und den unteren Text hineinschieben schieben, was muss ich im Code ändern?


Du hast einmal die Anführungszeichen vergessen, ich habe sie in grün hinzugefügt:
ammis-zierfische hat Folgendes geschrieben:
<center>
<div style="position: relative;top: 238px;height: 0px;">
<a href="http://ammis-zierfische.de.tl/Startseite.htm/">Startseite</a>|
<a href="http://ammis-zierfische.de.tl/-Ue-ber-mich.htm/">Über uns</a>|
<a href="http://ammis-zierfische.de.tl/Kontakt.htm/">Kontakt</a>|
<a href="http://ammis-zierfische.de.tl/Standort.htm/">Standort</a>|
</div>



ammis-zierfische hat Folgendes geschrieben:
2. Und wie muss ich den Code einfügen, das ich da farbige Buttons bekomme?

Füge den Code wie folgt bei "Text über dem Design" ein:

Zitat:
<style type="text/css">
ul li a[href="/Home.htm"] {
background-color: #FFFFB2 !important;
color: #000000 !important;
}
</style>


Zuletzt bearbeitet von freefunstuff am 28.05.2013, 19:31, insgesamt einmal bearbeitet
Beitrag29.05.2013 um 09:59 (UTC)    
Titel:

super, das ist gegangen, nur kann ich auf der page nicht mehr drauf klicken damit ich auf die seite gelange..

guut den buton habe ich auch im griff, und bei denen die blau sind oben müsste das auch gehen?
Beitrag29.05.2013 um 10:57 (UTC)    
Titel:

ammis-zierfische hat Folgendes geschrieben:
super, das ist gegangen, nur kann ich auf der page nicht mehr drauf klicken damit ich auf die seite gelange..

Das liegt daran, dass die Links nun zur hälfte hinter dem Header und zur anderen Hälfte hinter dem Inhalts-Bereich liegen. Mit der CSS-Eigenschaft z-index kannst du es nach vorne hohlen. Füge es einfach dem Code hinzu (siehe grün):
ammis-zierfische hat Folgendes geschrieben:
<center>
<div id="buttonsOben" style="position: relative;top: 238px;height: 0px;z-index:1;">
<a href="http://ammis-zierfische.de.tl/Startseite.htm/">Startseite</a>|
<a href="http://ammis-zierfische.de.tl/-Ue-ber-mich.htm/">Über uns</a>|
<a href="http://ammis-zierfische.de.tl/Kontakt.htm/">Kontakt</a>|
<a href="http://ammis-zierfische.de.tl/Standort.htm/">Standort</a>|
</div>


ammis-zierfische hat Folgendes geschrieben:
guut den buton habe ich auch im griff, und bei denen die blau sind oben müsste das auch gehen?

Ja, du kannst festlegen, dass die Regeln für mehrere Elemente gültig sind. Hierfür geben wir zunächst den Links oben eine ID (siehe blau im oberen code) und fügen diese ID dem Selektor der Regeln hinzu (siehe blau):
Zitat:
<style type="text/css">
ul li a[href="/Home.htm"],
#buttonsOben
{
background-color: #FFFFB2 !important;
color: #000000 !important;
}
</style>
Beitrag29.05.2013 um 11:31 (UTC)    
Titel:

p.s. das gästebuch und das forum kann ich den button nicht färben, ist das speziell?

hmm.. bei den blauen will es nicht funktionieren mit einem button??

dies ist fangs der code den ich habe:


<center>
<div id="buttonsOben" style="position: relative;top: 238px;height: 0px;z-index:1;">
<a href="http://ammis-zierfische.de.tl/Startseite.htm/">Startseite</a>|
<a href="http://ammis-zierfische.de.tl/-Ue-ber-uns.htm/">Über uns</a>|
<a href="http://ammis-zierfische.de.tl/Kontakt.htm/">Kontakt</a>|
<a href="http://ammis-zierfische.de.tl/Standort.htm/">Standort</a>|
<a href="http://ammis-zierfische.de.tl/Links.htm/">Links</a>|
</div>

<style type="text/css">
ul li a[href="/News.htm"] {
background-color: #FF6600 !important;
color: #000000 !important;
}
</style>

<style type="text/css">
ul li a[href="/Fische.htm"] {
background-color: #FFFF00 !important;
color: #000000 !important;
}
</style>

<style type="text/css">
ul li a[href="/Zwerggarnelen.htm"] {
background-color: #FFFF00 !important;
color: #000000 !important;
}
</style>

<style type="text/css">
ul li a[href="/Reptilien.htm"] {
background-color: #FFFF00 !important;
color: #000000 !important;
}
</style>

<style type="text/css">
ul li a[href="/Angebote.htm"] {
background-color: #0000CC !important;
color: #000000 !important;
}
</style>

<style type="text/css">
ul li a[href="/Aquariumkeller.htm"] {
background-color: #FFFF00 !important;
color: #000000 !important;
}
</style>

<style type="text/css">
ul li a[href="/Terrarienzimmer.htm"] {
background-color: #FFFF00 !important;
color: #000000 !important;
}
</style>


Zuletzt bearbeitet von ammis-zierfische am 29.05.2013, 13:28, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de