Autor |
Nachricht |
-
rainbow-gfx
|
26.10.2011 um 15:01 (UTC) Titel: Menü im unteren Balken |
|
|
Hallo ich habe eine Frage und zwar folgende:
Wie füge ich ein Menü ein oder verlinkte Wörter in den unteren Balken auf meiner Website?
Es soll da unten ein Menü existieren. Aber ohne Buttons als Hintergrund.
Nur ein Text der mit Strichen abgetrennt ist und ebenfalls Verlinkungen beinhaltet.
Das haben sehr viele andere Websites.
Ein gutes Beispiel ist:
www.freewebbuttons.de.tl
Im unteren Balken befindet sich wie ein kleines zweites Menü
Über Hilfe und den Code würde ich mich sehr freuen
Liebe Grüsse
www.rainbow-gfx.de.tl |
|
↑
|
|
|
-
gygrusher
|
26.10.2011 um 15:16 (UTC) Titel: |
|
|
Zitat: <a href="URL">Text</a> | <a href="URL">Text2</a> | <a href="URL">Text 3</a>
Einfach die entsprechende URL einfügen, den Text anpassen und das ganze via CSS einfügen.
MFG Jamie |
|
↑
|
|
|
-
4i
|
26.10.2011 um 18:47 (UTC) Titel: |
|
|
Sowas nennt man einen Footer. Es ist ein einfaches Element mit Links.
Ein Grundgerüst dafür:
Code zwischen den Styletags (wahrscheinlich im Feld Text über dem Design):
Code: #element{
width: 780px;
height: 30px;
padding: 10px;
margin: auto;}
Text unter dem Design:
Code: <div id="element">
<a href="link.htm">Titel</a>
<a href="link.htm">Titel2</a>
<a href="link.htm">Titel3</a>
</div> |
|
↑
|
|
|
-
rainbow-gfx
|
26.10.2011 um 19:35 (UTC) Titel: |
|
|
Super vielen Dank für den Code.
Den Footer konnte ich erfolgreich einbinden.
Doch nun meine Frage zum CSS des Footers:
Ich möchte gerne die Schriftgrösse ändern meines Footers.
Leider funktioniert das jetzt nicht. Der Hover ist erfolgreich gelungen, aber die Standardschrift nicht!
Code: #footer{
font-size: 17px;
font-family: Times New Roman, cursive;
color: #000000;
position: absolute;
left: 50%;
width: 300px;
height: 30px;
top: 650px;
margin-left: -130px;}
#footer a:hover {
font-family: Times New Roman, cursive;
font-size: 17px;
color: #FFFFFF;
}
Der Hover funktioniert.
Die Schrift wird beim drüberfahren weiss und 17px gross.
Der Text ist standard schwarz.
Aber die Schriftgrösse ist nicht 17px. Die Grösse ist immer noch 13px, obwohl ich 17pixel reingeschrieben habe?!?!!
Wieso nicht? Ich habe beim code ja gar nix falsch gemacht?? |
|
↑
|
|
|
-
4i
|
26.10.2011 um 19:54 (UTC) Titel: |
|
|
Wenn du die Anweisungen bei der Klasse Footer stellst, wirkt es nur auf normalen unverlinkten Text, aber du willst doch den verlinkten Text definieren.
Fertig sollte das so aussehen:
Code: #footer{
font-size: 17px;
font-family: Times New Roman, cursive;
color: #000000;
position: absolute;
left: 50%;
width: 300px;
height: 30px;
top: 650px;
margin-left: -130px;}
#footer a:link{
font-size: 17px;
font-family: Times New Roman, cursive;
color: #000000;}
#footer a:hover {
font-family: Times New Roman, cursive;
font-size: 17px;
color: #FFFFFF;
} |
|
↑
|
|
|
-
rainbow-gfx
|
27.10.2011 um 12:26 (UTC) Titel: |
|
|
Das mit dem Footer habe ich bisher gut verstanden:
Doch jetzt noch die wichtigste Frage:
Wie komme ich dazu das mein Footer im Balken erscheint???
Schliesslich ist mein Textfeld je nach Seite unterschiedlich lang.
Also muss ich den ja direkt im Balken platzieren und nicht mit top und left...
Denn sonst bleibt er immer genau an derselben stelle |
|
↑
|
|
|
-
4i
|
27.10.2011 um 12:44 (UTC) Titel: |
|
|
Stimmt! Du hast meine Positionierung einfach geändert
Änderungen im CSS-Code: (rot makierte Befehle deinen Wünschen anpassen)
Zitat: #footer{
font-size: 17px;
font-family: Times New Roman, cursive;
color: #000000;
width: 780px;
height: 30px;
padding: 10px;
margin: auto;
background-color: #CCCCCC;}
#footer a:link{
font-size: 17px;
font-family: Times New Roman, cursive;
color: #000000;}
#footer a:hover {
font-family: Times New Roman, cursive;
font-size: 17px;
color: #FFFFFF;}
Text unter dem Design:
Zitat: <div id="footer">
<a href="link.htm">Titel</a>
<a href="link.htm">Titel2</a>
<a href="link.htm">Titel3</a>
</div> |
|
↑
|
|
|
-
rainbow-gfx
|
27.10.2011 um 14:54 (UTC) Titel: |
|
|
Aber das möchte ich ja xD
Ich möchte meinen Footer im unteren Balken (Balken direkt unter dem Textfeld) haben. ( http://img.webme.com/pic/r/rainbow-gfx/blueheaderrainbownew.png )
Doch wie kann ich den da unten positionieren.
Denn meine Textfelder sind unterschiedlich lang in der HÖHE.
Der Balken ist mal so und auf ner anderen Seite ist er wieder weiter unten.
Wie kann ich jetzt meinen Footer dem Balken anpassen.
Mit top und left darf ich ihn ja nicht positionieren, weil er dann immer am gleichen ort bleibt. Er muss immer im Balken sein |
|
↑
|
|
|
|
|
↑
|
|
|
-
rainbow-gfx
|
28.10.2011 um 21:08 (UTC) Titel: |
|
|
Wieso ist mein Footer auf einmal wieder klein geworden??
Alles ist auf 17px;
Es ist aber auf eine ganz kleine Schrift geschrumpft.
Das muss doch ein Bug sein weil ich den Code nicht einmal verändert habe.
Den CSS-Code habe ich nicht verändert, dennoch wurde die Schrift kleiner.
Am Anfang war es noch normal, doch auf einmal bei einem normalen Klick auf meine Seite war die Schrift beim Footer wieder klein.... |
|
↑
|
|
|
|
|
↑
|
|
|
-
rainbow-gfx
|
28.10.2011 um 22:06 (UTC) Titel: |
|
|
Also ich sehe das als Bug.
Denn mein FireBug zeigt ebenfalls 17pixel an, die schrift ist aber deutlich kleiner.
Der Hover IST 17 pixel gross.
Der Hover stimmt überein.
Aber der normale Standardlink (schrift), die stimmt nicht |
|
↑
|
|
|
|
|
↑
|
|
|
-
rainbow-gfx
|
29.10.2011 um 08:59 (UTC) Titel: |
|
|
#footer{
font-size: 30px;
font-family: Times New Roman, cursive;
color: #222222;
position: absolute;
left: 50%;
width: 600px;
height: 30px;
top: 650px;
margin-left: -130px;}
#footer a:link{
font-size: 30px;
font-family: Times New Roman, cursive;
color: #999999;}
#footer a:hover {
font-family: Times New Roman, cursive;
font-size: 12px;
color: #444444;
}
30 PIXEL!!!!!
Aber schau dir die schrift, an, die ist klein!!!!!!!!!!
Was ist an meinem Code falsch???
DER HOVER FUNKTIONIERT!!!
aber die standardschrift die OHNE HOVER angezeigt werden soll, IST BEI MIR NICHT 30 PIXEL!!!
Verstehst du ??????? |
|
↑
|
|
|
|
29.10.2011 um 10:17 (UTC) Titel: |
|
|
rainbow-gfx hat Folgendes geschrieben:
Aber schau dir die schrift, an, die ist klein!!!!!!!!!!
Nein, die ist 30px! Erst beim hover wird sie klein, genau so, wie es da steht.
Damit wir uns jetzt nicht im Kreis drehen, mache mal einen screenshot.
btw: Räume mal deinen CSS code auf und fasse alles zusammen, das ist chaos pur. ______________ mfg
o-4-n
"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]
*** Die Suchfunktion ist KEINE tödliche Krankheit! ***
Eventplanung, Equipment, Zeltverleih, Catering |
|
↑
|
|
|
|