XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Navigation Ausrichten funktioniert nicht, bitte um Rat. (http://xhtmlforum.de/showthread.php?t=59850)

Sturmjagd-NRW 15.01.2010 18:53

Navigation Ausrichten funktioniert nicht, bitte um Rat.
 
Hallo Forengemeinde,

Ich bin neu hier und wende mich direkt mit meiner ersten Frage an euch.

Und zwar geht es darum das ich beim Umbau meiner Seite folgendes Problem habe:

Ich hab eine neue Navigationsoberfläsche erstellt die ich Links gefloatet habe, in dieser Ebene habe ich eine Navigationsebene eingepflegt. In der Vorschau meins HTML Editor wird das ganze korrekt wie gewünscht dargestellt, setze ich die Seite jedoch Online. machen die Browser mir einen strich durch die Rechnung.

Ich habe hier mal ein Bild wie es im Editor ausschaut udn den Link wie es im Internet ausschaut sowie die CSS Befehle angehangen.

Bild 1 Editorvorschau:

http://img27.imageshack.us/img27/7061/vorschaun.jpg


Hier Link zur Seite:

Startseite


Hier die CSS Befehle:

Code:

/* Neue Navigationsoberfläche */

#navigator {
    color: white;
    float: left;
    width: 12em;
        height: 768px;
    background-color: #666666;

}

ul#Navigation {
    margin: 3em 0em 0em 1em;




}

ul#Navigation li {
    list-style: none;


}

ul#Navigation a {
    display: block;
    text-decoration: none;
    height: 18px;
    width: 130px;
    background-color: #939393;
    text-align: left;
    color: white;
    border: 1px solid black;
    margin-top: 0.2em;
    margin-left: 0em;
    padding-left: 0.5em;
}

ul#Navigation a:hover {
    color: white;
    background-color: #494949;

}

Danke für Hilfe, über die Suche fand ich leider nichts :(

PS: Ich bin noch kein Profi was die Website programmierung betrifft!

hubspe 15.01.2010 19:17

Hi,

was navis angeht solltest du dich hier mal einlesen.

Der Weg zum Profi könnte hier seinen Anfang nehmen.

Nimm doch mal die Höhe für ul#Navigation a weg. ;)
Du könntest a auch mehr padding rundum gönnen, sieht dann nicht mehr so gequetscht aus.

Außerdem solltest du alles kleinschreiben #Navigation z.B. finde ich keine gute Idee.

Sturmjagd-NRW 15.01.2010 19:49

Hey,

Habe deinen Rat mit der höhe befolgt jedoch ändert sich daran nichts :(.
Angefangen habe ich bei html-seminar und self html :).

Hoffe es findet sich jemand mit der Lösung für mein problem.

Grüsse

hubspe 15.01.2010 20:01

Zitat:

Zitat von Sturmjagd-NRW (Beitrag 455890)
Habe deinen Rat mit der höhe befolgt jedoch ändert sich daran nichts :(.

das kann nicht sein.
Mit Firebug habe ich die Änderung sofort live gesehen.

Hast du mal den Browsercache gelöscht (strg + F5)?

Zitat:

Zitat von Sturmjagd-NRW (Beitrag 455890)
Angefangen habe ich bei html-seminar und self html :).

selfhtml ist ein Nachschlagewerk und zum lernen ungeeignet.
html-seminar ist imho inhaltlich sowie didaktisch äußerst schwach.
Für mich grenzt es an grobem Unfug. ;)

Der Link den ich dir gegeben habe ist da deutlich besser geeignet.

edit. Wie etwas im Editor ausschaut ist uninteressant, da die ansichtsseite aller dieser Editoren nichts taugt.
Arbeite nur auf der Codeseite und prüfe dein Ergebnis im Browser.

Sturmjagd-NRW 15.01.2010 20:06

Hallo,

Auch mit der leerung des Cache steht die Navigation immernoch nicht da wo sie soll.
Hättest du eine Idee woran es noch liegen könnte?


Danke, werde mir die Seite nach und nach mal anschauen.


Habe hier mal den neuen Code:

Code:

/* Neue Navigationsoberfläche */

#navigator {
    color: white;
    float: left;
    width: 12em;
        height: 768px;
    background-color: #666666;

}

ul#navigation {
    margin: 3em 0em 0em 1em;




}

ul#navigation li {
    list-style: none;



}

ul#navigation a {
    display: block;
    text-decoration: none;
    width: 155px;
    background-color: #939393;
    text-align: left;
    color: white;
    border: 1px solid black;
    margin-top: 0.2em;
    margin-left: 0em;
    padding: 0.1em 0.1em 0.1em 0.3em;
}

ul#navigation a:hover {
    color: white;
    background-color: #494949;

}

Grüsse

fricca 15.01.2010 20:28

Dein "Problem" sind die Default-Abstände der Browser. Siehe [FAQ]FAQ [/FAQ](CSS-Prolog)

Sturmjagd-NRW 15.01.2010 20:37

Jawoll, hab vielen Dank es hat geklappt.

Jetzt wird mir auch klar warum ich bei fast jedem Versuch eine vertikale Navigation zu gestalten gescheitert bin :D.

Vielen Dank.


Grüsse


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:33 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023