Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag26.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 Very Happy

Liebe Grüsse

www.rainbow-gfx.de.tl
Beitrag26.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
Beitrag26.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>
Beitrag26.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??
Beitrag26.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. Wink

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;
}
Beitrag27.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
Beitrag27.10.2011 um 12:44 (UTC)    
Titel:

Stimmt! Du hast meine Positionierung einfach geändert Wink

Ä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>
Beitrag27.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 Rolling Eyes
Beitrag27.10.2011 um 19:39 (UTC)    
Titel:

Hallo,

wenn du mir jetzt sagst, was du möchtest, kann ich dir helfen. Egal wie du dich entscheidest ice-blue oder CSS es gibt eine Lösung. Ich habe aber keine Lust mir unnötige Arbeit zu machen.
______________
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
Beitrag28.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.... Embarassed Embarassed Embarassed
Beitrag28.10.2011 um 21:30 (UTC)    
Titel:

Hallo,

was ich von deiner Art der Seitengestaltung halte habe ich ja schon gesagt. Allerdings verstehe ich dein Problem nicht ganz. Die Schriftgröße im Footer ist 17px, das sagt mir zumindest mein FireBug und mein Auge sagt, dass könnte stimmen!?
______________
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
Beitrag28.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 Sad
Beitrag28.10.2011 um 22:15 (UTC)    
Titel:

Dann habe ich Tomaten auf den Augen. Die Schrift bleibt gleich.
Meinst du kleiner als die Navi? Das liegt daran, dass die 22px hat.
______________
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
Beitrag29.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 ???????
Beitrag29.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
Beiträge der letzten Zeit anzeigen:   


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