• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Menü für die Hompage aber wie ?

L

lovetechno

Neues Mitglied
Hallo ...

ich habe mal eine kleine frage an euch und zwar wie kann man sich ein menü für die hp basteln ?
ich denke mir mal mit css .So habe mir hier auch die beiden tutorials durchgearbeitet :
Learn HTML and CSS - Use our free tutorials - Build your own website | HTML.net !!
fand das sehr informativ doch leider wurde nirgends erklärt wie man buttons oder änliches in ein menü verwandelt ! =)

ich gehe mal davon aus das man erstmal mit einer tabelle anfängt ...
doch ich weiß dann leider nich weiter ...

ich habe hier mal eine referenz mitgebracht ..

the Suckerfish

wenn mein menü später so aussehen würde wäre das toll es muss nicht unbedingt so geschmückt sein, mir reicht ein einfaches...

kann mir einer das in groben schritten erklären oder wenigstens für den 1. menü button/punkt ?
BITTE verlinkt nicht auf englische seiten ...
bin erst 14 kann nicht soo viel englisch .... :oops:

ich hoffe einer kann mir helfen ...

Lg euer Timo
 
Also ein Menü zeichnest du als Liste aus, nicht als Tabelle. Tabellen sind für tabellarische Daten (Ergebnisse, Statistiken usw.).

Code: 
<ul id="navigation">
  <li><a href="">Link</a></li>
  <li><a href="">Link</a></li>
  <li><a href="">Link</a></li>
</ul>

Per CSS formatierst du dann die Liste. Mit
Code: 
ul#navigation li {
  float: left;
}
bekommst du die Listenelemente nebeneinander, mit
Code: 
ul#navigation li {
  list-style-type: none;
}
bekommst du die Aufzählungszeichen weg.

Breite und Höhe gibst du mit 'width' und 'height' an.

CSS 4 You - The Finest in Stylesheets
 
supii.. schon mal vielen Dank..
eine frage bleibt leider ncoh wie kann man z.B das wort Impressum in einen Button packen ?

Lg timo
p.s. echt shcon mal vielen dank für die schnelle antwort !!
 
lovetechno schrieb:
supii.. schon mal vielen Dank..
eine frage bleibt leider ncoh wie kann man z.B das wort Impressum in einen Button packen ?

Lg timo
p.s. echt shcon mal vielen dank für die schnelle antwort !!
Zum Vergrößern anklicken....

Hallo Timo,

wie meinst Du das?
Code: 
<ul class="navi">
   <li><a href="impressum.html">Impressum</a></li>
</ul>
Oder meinst Du, wie Du es erreichst, dass der Link dann aussieht wie ein Button?
Du kannst ihm mit CSS ein Hintergrundbild geben, oder Du spielst mal mit border und background-color...

Grüße
Bernhard
 
Wenn es, wie ich vermute, ein Link zu einer Seite sein soll, kannst du den Link so formatieren, dass er aussieht wie ein Button. Gib ihm einen Rahmen und eine Hintergrundfarbe und was du sonst noch möchtest.

Wenn es ein Button sein soll, mit dem ein Formular abgeschickt werden soll, gibt es dafür das Tag <button>.
 
hallo , ja ich meine das so das man dem link einen hintergrund gibt =)
ja ich werde mal ein bisschen probieren !!
 
Kuck mal bei CSS4YOU bei "Layouten ohne Tabellen" ^^
Das werden sogar paar Layouts vorgestellt.
Solltest dir mal ankucken!
CSS 4 You - The Finest in Stylesheets

Edit:
Ahja und wenn du dieses Klappmenü wie bei der einen seite machen willst, brauchst du glaube ich JavaScript. Aber wie man das genau macht, weiß ich auch nicht, währe gut, wenn hier jemand ein Beispiel oder einen Link zu einem tut gebenn würde, wenn das schon heir angesprochen wird :D
 
jop das wäre echt mal schön =)
aber cih meine ich aheb das auch shcon ohne java gesehen !!!
Zum Vergrößern anklicken....

Naja gut, im grunde genommen gibt es zwei möglichkeiten.

Entweder codet man sich ein scrript mit JavaScript
oder man machtes per CSS, dass währe auch noch möglich.

Mit JavaScript müsste man das mit den Eventhandlern regeln.
Mit CSS müstte man die Pseudo-Klassen verwenden, aufjedenfall müsste da dan
:hover
Zum Vergrößern anklicken....
auftauchen.

Mehr kann ich dazu auch nicht mehr sagen...

Mfg Wikinger75!
 
lovetechno schrieb:
jop das wäre echt mal schön =)
aber cih meine ich aheb das auch shcon ohne java gesehen !!!
Zum Vergrößern anklicken....

Java und JavaScript haben nichts miteinander zu tun, außer dass die Namen
ähnlich sind!

Für den Internet Explorer 6 brauchst Du ein kleinwenig JavaScript, da der :hover
nur für Links kennt...

Du kannst Dich ja mal durch diesen Thread wühlen, da steht eine ganze Menge drin...

Teste es aber auf jeden Fall in allen Browsern!
 
Also welche Variante währe Professioneller oder Ratsamer?
Das komplett in JavaScript zu machen oder das mit CSS zu machen und das JavaScript für den IE extra in einer
HTML: 
<!--[if IE6]-->
anweisung einpacken?

Mfg Wikinger75!
 
Die Frage stellt sich eigentlich garnicht, wenn du bedenkst, dass der Besucher deiner Seite Javascript deaktiviert haben kann oder die Scripte blockiert. Dann ist dein Menü nämlich nicht mehr nutzbar und der Besucher hängt auf der Startseite fest.

Javascript sollte nur ergänzend eingesetzt werden, niemals die Grundlage bilden. Eine Seite muss auch mit deaktiviertem Javascript funktionieren.
 
Dankeschööön.....
die Beeiträge sind interessant aber ,, für mich 14 jährigen scheiße zu kappieren xD habe warscheinlich nciht die Reife ....

Lg...Timo
 
lovetechno schrieb:
Dankeschööön.....
die Beeiträge sind interessant aber ,, für mich 14 jährigen scheiße zu kappieren xD habe warscheinlich nciht die Reife ....

Lg...Timo
Zum Vergrößern anklicken....

Hallo Timo,

mein Tipp: fang erstmal mit einfacheren Sachen an, um Dich mit HTML und CSS
vertraut zu machen.
Bis ein DropDown-Menü wirklich in allen Browsern funktioniert und auch bei
Schriftvergrößerung oder -verkleinerung noch gut aussieht, kommt einiges an
Arbeit auf Dich zu...

Grüße
Bernhard
 
Also, ich konnte hier sehr viel entnehmen, allerdings noch 2 Fragen.
Wie bekomm ich diese Links als Buttons zum draufklicken und nicht als Aufzählungen mit Punkten?
Wie schaffe ich es, den Text des Links schwarz einzufärben?
Ich habe es normal gemacht (<font size=3 color=xxxx></font>) stimmt dieser Code nicht, oder muss ich noch irgendwas anderes machen?
 
Apollix schrieb:
Also, ich konnte hier sehr viel entnehmen, allerdings noch 2 Fragen.
Wie bekomm ich diese Links als Buttons zum draufklicken und nicht als Aufzählungen mit Punkten?
Zum Vergrößern anklicken....
Das steht in Post Nummer 2 http://www.html.de/html-und-xhtml/25617-menue-fuer-die-hompage-aber-wie.html#post197199

Wie schaffe ich es, den Text des Links schwarz einzufärben?
Ich habe es normal gemacht (<font size=3 color=xxxx></font>) stimmt dieser Code nicht, oder muss ich noch irgendwas anderes machen?
Zum Vergrößern anklicken....
Mit CSS!
Code: 
a {color: #000;}
 
Kannst du mir das mal als Beispiel geben?
Bin nämlich noch HTML Anfänger, ehrlich gesagt :oops:

Und ich habe einen HTML Editor, auf dem das CSS nicht funktioniert.
Kennt jemand einen, der kostenlos ist und mir HTML und CSS funktioniert?
 
Zuletzt bearbeitet:
@Thor: Ich habe folgende Zeile.
<li><a href="">Fotos</a></li>

Kannst du sie so verändern, dass die Schrift schwarz wird, wäre sehr nett :)
 
An der Zeile wird nichts verändert, da HTML nur für die Semantik zuständig ist, Layout, dazu gehört auch die Schriftfarbe, ist Sache von CSS.

Dafür legst du dir eine CSS-Datei an, in die du dann den Code aus meinem letzten Post schreibst, dann sind alle Links schwarz.

Eine Einführung in die Arbeitsweise mit CSS findest du hier.

CSS 4 You - The Finest in Stylesheets: Workshop CSS: Allgemeines

Wenn das nicht hilft, einfach wieder fragen.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben