Also erstmal will ich ein grosses Kompliment aussprechen. Ich hatte vor einigen Jahren schon vor mich mal mit html auseinanderzusetzen. Jedoch hab ich damals nie den richtigen "approach" zur ganzen Geschichte gefunden! Diese Seite hat dies geändert
Trotzdem bin ich jetzt auf ein Problem gestossen, das Design hab ich via einer separaten CSS Datei gestaltet. Es funktioniert eigentlich auch ganz gut, nur bin ich auf ein Problem gestossen, dass ich nicht lössen kann. Möglicherweise hab ich irgendeine "Grundlage" vergessen/übersprungen oder nicht beachtet. Jedenfalls erscheint bei mir jetzt die verschiedenen <div> einfach "chronologisch" untereinander nach der "hierarchie" ihrer Eingabe. jedoch würde ich ja serh gerne die Navigationsleiste immer auf der Seite haben (hat so geklappt) aber daneben natürlich schon mit dem Inhalt der Page anfangen. Also ich glaube der Fehler könnte sich hier befinden:
(Ausschnitt aus meine .css Datei)
ZitatAlles anzeigen#text {
width:95%;
color:#FFFFFF;
letter-spacing:0.21em;
word-spacing:0.1em;
line-height:30px;
border: 10px solid #000000;
padding:5px;
margin-left:250px;
}
#navi {
float:left;
width:200px;
text-align:center;
margin-left:0px;
margin-top:10px;
margin-right:0px;
margin-bottom:2px;
}
#navi ul {
list-style:none;
}
#navi li {
background-color:#000000;
text-decoration:none;
border-top:silver 5px dotted;
border-right:silver 3px dotted;
margin-top:5px;
padding:8px;
}
#navi a:link {color:#FFFFFF; text-decoration:none; }
#navi a:visited {color:#FFFFFF; text-decoration:overline;}
#navi a:focus {color:#FFFF00; text-decoration:underline;}
#navi a:hover {color:#FFD400; text-decoration:underline;}
#navi a:active {color:#FF0000; text-decoration:none;}
dann in meine html datei:
ZitatAlles anzeigen<div id="navi">
<ul>
<li><a href="index.htm">Startseite</a></li>
<li><a href="aboutus.htm">Über Uns</a></li>
<li><a href="members.htm">Mitglieder</a></li>
<li><a href="pics.htm">PartyPictures</a></li>
<li><a href="logos.htm">Logos</a></li>
</ul>
</div>
<div id="text">Hier steht dann etwas über unsern Verein!</div>
Falls es euch hilft, ich hab es mittels eines Gratis-Webhosters schonmal zum testen online gestellt. Ich hab nun aber auch eine kostenpflichtige webspace und domain bestellt...aber noch nicht genutzt... Adresse wäre:
<!-- m --><a class="postlink" href="http://elzi.funpic.de">http://elzi.funpic.de</a><!-- m -->
(es funktionieren noch nicht alle links etc. aber zur Veranschaulichung sollte es genügen) Jegliches Feedback zur Page ist natürlich sehr gerne gesehen stehe erst am anfang...hab erst heute begonne mich einzuarbeiten :wink: