Navigation Ausrichten funktioniert nicht, bitte um Rat.

Sturmjagd-NRW · #1 (**permalink**) 15.01.2010, 17:53

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:

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 · #2 (**permalink**) 15.01.2010, 18: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 · #3 (**permalink**) 15.01.2010, 18: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 · #4 (**permalink**) 15.01.2010, 19:01

Zitat:

Zitat von Sturmjagd-NRW

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

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 · #5 (**permalink**) 15.01.2010, 19: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 · #6 (**permalink**) 15.01.2010, 19:28

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

Sturmjagd-NRW · #7 (**permalink**) 15.01.2010, 19: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

.

Vielen Dank.

Grüsse

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Navigation funktioniert nicht im IE	tabba	CSS	13	06.05.2007 22:19
Menü und Footerproblem	Xtremo	CSS	6	09.02.2007 15:43
navigation mittig ausrichten	pascal.w	CSS	1	02.10.2006 18:00
absolute Positionierung der Seiten Navigation	pfalzbilder	CSS	3	18.03.2006 15:12
im mac verutscht die Navigation nach oben. Warum?	CSS-Newbie	CSS	1	21.09.2004 16:29