• Das kreative Thema des Monats Oktober wird vor allem diejenigen unter Euch besonders ansprechen, denen Do-it-yourself quasi im Blut liegt. Zeigt uns Eure Improvisationskünste oder fotografiert, was andere Leute sich so im Alltag zusammengestrickt haben. --> Zum Mitmachen bitte hier klicken

HTML Menü Problem

  • Ersteller Ersteller Gelöschter User 51390
  • Erstellt am Erstellt am

Gelöschter User 51390

Gast
Hallo,
Ich habe vor ein paar Wochen angefangen, HTML zu lernen.
Nun habe ich mal eine kleine Website geschrieben und jetz hab ich auch gleich ein Problem!
Am besten, ihr seht euch das mal an: http://laerning.la.funpic.de/
Man sieht da doch 2 Buttons "Home" und "Seite 2" nun diese Buttons sind Bilder die ich einfach min "...align=left" gemacht hab! Aber wie kann ich nun einen Text in die mitte machen, wenn da der Platz schon durch die Buttons verbraucht is?
Oder wie kann ich da so nen eigenen "Navigationsplatz" machen?

Ich hoffe, dass ich euch das Problem so genau wie möglich beschrieben habe un ihr mir helfen könnt!

//EDIT: Ich hab vergessen, zu sagen das ich das auf einem Windows PC mit dem Editor, Filezilla und Funpic (Webhosting) mache!

MfG laerning
 
Um HTML zu lernen, gibt es eine Seite, die Du unbedingt kennen und Dir mal ausführlich zu Gemüte führen solltest: SELFHTML

Beim "richtigen" Layouten helfen Dir Seiten wie das Tutorial von Andreas Kalt, stichpunkt oder auch intensivstation, die Dich Schritt für Schritt durch das Anlegen, Strukturieren und auch Füllen einer Webseite begleiten werden.

Inwieweit das mit Funpic "passt", kann ich Dir allerdings nicht sagen, da ich selbst dort nix hosten lasse.
 
Zuletzt bearbeitet:
Tipp:
Ich würde den Hintergrund ändern. Nimm einen, der möglichst die gleiche Farbe hat und nicht so in den Augen sticht. Und auf Anhieb wirkt deine Seite professioneller.
 
<!-- //Navigation -->
<div id="navigation">
<a href="#" class="button">Home</a>
<a href="#" class="button">Seite2</a></div>

<!-- //Content -->
<div id="content">Hier steht dein Text</div>


/* CSS */
div#navigation { float: left; width: 150px; }
a.button { float:left; width: 150px; margin: 1px 0 0 0; background: red; }
div#content { float:left; width:750px; margin: 0; }

zum Bleistift .. muss weg ..