wie macht man eine navigationsleiste? :)

$$freaky44$$ · 20. Oktober 2008

wird bei dir die Navigationsleist so angezeigt?
[Blockierte Grafik: http://www.barrierefreies-webdesign.de/knowhow/navigationsleiste/2.gif]
wenn ja warum bei mir nicht?

Bei mir wird das ganze so angezeigt:
Kopfzeile
Herzlich Willkommen

Meine Startseite

startseite

Home (link der nicht unterstrichen ist)
_____________________________________________________________
Forenübersicht (link der nicht unterstrichen ist)
_____________________________________________________________
regestrieren (link der nicht unterstrichen ist)
_____________________________________________________________

die Striche ( ____________________________ )sollen ein dicken, Blauen, durchgehenden Strich darstellen.

Kann es vielleicht sein, das du nicht einen anderen HTML-Editor benutzt wie ich? Ich nutze notepad, sollte ich vielleicht einen anderen benutzen?

Samhain · 21. Oktober 2008

hi will mich da mall ein müchen

wo genau der feler ist kann ich dir leider auch nicht sagen aber warum arbeitesd du nicht mit Buttons sprich png/jpg wat ever.

hasd du vom aus sehen zu 100% freie wahl und sehen auch noch besser aus (meine meinung )

Zitat

<a href="Link"><img src="bild url" border=0></a>

Peter Gedamke · 21. Oktober 2008

sicher weil man durch Erstellung mit CSS eine ganze Menge an
Speicherplatz sparen kann -
sich Varienten jeglicher Coleur zurechtzaubern lassen -
im Gegensatz zu einem Grafikbutton auch jederzeit rasch betr. der Beschriftung veränderbar sind.

Das nur einige Gründe
ausserdem ist doch das Ausweichen vor einem Problem keine Lösung des Problems - oder? Bischen sucht man da halt auch ein bischen die Herausforderung an sich selbst, etwas neues für sich erlernt zu haben [Blockierte Grafik: http://www.mcusers.de/images/smily_thumbup-gross.gif]
- - - - -

@ $$freaky44$$
jow richtig, bei mir wird das wie in der Grafik angezeigt

um ehrlich zu sein, stehe ich zum Zeitpunkt jetzt da etwas neben mir... denn auch deine Display-Eingaben (block) sind soweit eigentlich korrekt, wenn ich selbst die Ergänzung "display:block"; für wenig erforderlich halte.

man mag mich ggf. berichtigen

Jedoch, welcher HTML-Editor für die Erstellung genutzt wird, ist hierbei nun absolut nebensächlich, und übt echt keinen Einfluss auf dein Endergebnis aus.

Da die Frage aber nun schon mal im Raum stand - ich arbeite seit Anbeginn mit "Phase5", und würde auch nie davon abgehen

INFO: :arrow: http://www.mcusers.de/mcusers-software6.html#phase5

$$freaky44$$ · 21. Oktober 2008

So jetzt hab ich mir Phase5 runtergeladen und das Html Dokument auf fehler überprüft. Phase5 hat mir keine Fehler angezeigt, es geht aber trotzdem nicht! :cry:
Ich werde jetzt gleich auch noch mein Prob. im Kontaktformolar bei barrieres-webdesign.de schildern.

@ Samhain Was ich jetzt schreibe soll nicht beleidigend wirken.

1. Mit Bildern das zu machen, kann ich schon.

2. Ich bin quasi gezwungen Speicherplaz zu sparen.

3. Ich muss früher oder später eh css beherschen. (man kann ja nie früh genug anfangen

@ all ich weiß nich ob es zur lösung meines Prob. führt. aber ich benutze den IE7

Peter Gedamke · 22. Oktober 2008

könnte es nun sein, dass du deine Listennavi nicht wie auf der Vorschau in vertikaler - sondern in horizontaler Ausrichtung erstellen möchtest???

In dem Fall muss du jedem Listentag den Style
style="float:left;width:50pt;"

Width müsstest du natürlich anpassen

$$freaky44$$ · 29. Oktober 2008

ne ich will schon so eine Navi.-liste wie in der Grafik haben.
Ein bekannter hat mir dan folgenden Code gegeben:

Code

<style type="text/css">
<!--
a.link {
text-decoration:none;
display:block;
width:140px;
padding:5px;
margin:5px;
backround-color:#d6d3ce;
border:1px soild #d6d3ce;
text-align:center;
front-weight:bold;
front-size:14px;
}




a.link:hover {
border-left:1px solid #ffffff;
border-top:1px solid #ffffff;
border-right:1px solid #848484;
border-bottom:1px solid #848484;
}




#menu {
  backround-color:#d6d3ce;
  border:1px solid #000000;
  width:160px
}
-->
</style>
</head>
<body>
<div id="menu">
<a class="link" href="home.html">Home</a>
<a class="link" href="forum.html">Forum</a>
<a class="link" href="reg_forum.html">Regestrieren</a>
</div>

Alles anzeigen

wie kriege ich jetzt die Naviliste an den linken Rand, so das ich daneben den Inhalt hinkriege?

Peter Gedamke · 29. Oktober 2008

durch <div style="position:absolute;..."

$$freaky44$$ · 29. Oktober 2008

???

eigentlich möchte ich die HP in 2 bereiche aufteilen:
in Navigationsleiste und Inhaltsberreich.
Wie mach ich das? muss ich frames benutzen oder geht das auch einfacher?

Peter Gedamke · 29. Oktober 2008

gib' doch nochmals den Link zu dieser Seite hier ein - ich muss das mal im Original sehen...

für was soll hier

Code

a.link {
text-decoration:none;
display:block;

"display:block;" stehen?

Peter Gedamke · 29. Oktober 2008

Zitat von "$$freaky44$$"

???

eigentlich möchte ich die HP in 2 bereiche aufteilen:
in Navigationsleiste und Inhaltsberreich.
Wie mach ich das? muss ich frames benutzen oder geht das auch einfacher?

habe es doch eben nun gerade geschrieben
nur keine Frames

Peter Gedamke · 29. Oktober 2008

mal hier lesen:

http://www.css4you.de/position.html

im html-SEMINAR habe ich nüscht dazu gefunden :cry:

$$freaky44$$ · 29. Oktober 2008

Zitat von "Peter Gedamke"

durch <div style="position:absolute;..."

diesen Befehl habe ich ja nicht verstanden.

Peter Gedamke · 29. Oktober 2008

darum bitte mal auch unter obiger Adresse nachlesen -
du positionierst damit einen Div-Bereich nach deinen Vorgaben, je nachdem, wohin du ihn haben willst... also absolut unabhängig vom normalen Textfluss

ich habe den Tag halt nur nicht vervollständigt

Peter Gedamke · 29. Oktober 2008

auf dieser Seite kannst du es einmal nachvollziehen -
http://www.pg-private-line.de/line00.html

da habe ich auch eine unterschiedliche Positionierung von Navi und Haupteil... und so sieht dazu meine CSS-Vorgabe aus:

Code

#navi1
{
position:absolute;
top:130pt;left:20pt;
width:80px;
text-align:left;
border-right:1px solid;
padding:5pt;
font-weight:bold;
font-size:11px;
}




#main
{
margin-left:100pt;
margin-right:20pt;
margin-top:20pt;
text-align:justify;
}

Alles anzeigen

und alles ohne Frames :?

- - - - -

hattest du nun hier http://www.css4you.de/position.html - so hoffe ich doch - auch mal reingesehen und die Möglichkeiten nachgelesen

$$freaky44$$ · 30. Oktober 2008

Zitat von "Peter Gedamke"

hattest du nun hier <a class="postlink" href="http://www.css4you.de/position.html">http://www.css4you.de/position.html</a> - so hoffe ich doch - auch mal reingesehen und die Möglichkeiten nachgelesen

Natürlich habe ich dort nachgelesen.

Aber mir wird es trotzdem nicht richtig angezeigt.
bei mir ist dan oben links die Menüleiste, aber rechts daneben schreibter nichts hin. Er schreibt es dann nur unter die Menüleiste.
Mein Code:

Code

...
#menu {
  prosition:absolute;
  top:130pt; left:20pt;
  width:160px;
  text-align:left;
  border-right:1px solid;
  padding: 5pt;
  font-weight:bold;
  fond-size:11px
}




#main {
  margin-left:100pt;
  margin-right:20pt;
  margin-top:20pt;
  text-align:justfy
}
-->
</style>
</head>
<body>




<div id="menu">
<a class="link" href="home.html">Home</a>
<a class="link" href="forum.html">Forum</a>
<a class="link" href="reg_forum.html">Regestrieren</a>
</div>




<div id="main">
<p>Test</p>
</div>
...

Alles anzeigen

Was mache ich falsch?

Peter Gedamke · 31. Oktober 2008

wenn du zum Beispiel diese Eingabe vornimmst:

Code

<style type="text/css">
<!--




#navi
{
position:absolute;
top:50pt;left:20pt;
width:100px;
text-align:left;
border-right:1px solid;
padding:5pt;
font-weight:bold;
font-size:11px;
}




#main
{
margin-left:120pt;
margin-right:20pt;
margin-top:30pt;
text-align:justify;
}




-->
</style>

Alles anzeigen

kann der Mainbereich nicht darunter angezeigt werden, da der durch 'position:absolute;' eingegebene Navibereich eben als "absolut" vorgegeben, und nicht innerhalb des normalen Textlaufes eingebunden ist.

Sollte bei dir dennoch so sein, liegt einwandfrei eine falsche Eingabe vor

Gebe doch mal den Link zu dieser Seite

Mit welchen Browsern hast du diese Seite getestet?

$$freaky44$$ · 31. Oktober 2008

´ZU welcher seite Soll ich dir den Link geben?
zu meiner? -die ist noch offline.

Ich habe meine Seite mit dem IE7 getestet.

Peter Gedamke · 31. Oktober 2008

Zitat von "$$freaky44$$"

´ZU welcher seite Soll ich dir den Link geben?
zu meiner? -die ist noch offline.

Ich habe meine Seite mit dem IE7 getestet.

1.) schade
2.) solltest du aber mindestens dann auch schon noch mit Firefox testen

Voransicht mit 2 Browsern ist eigentlich als Minimum anzusehen

die unterschiedlichen Anzeigen sind in manchen Fällen schon recht erheblich, und lassen sich vielfach nur durch gezielte CSS-Formatierung ausgleichen

$$freaky44$$ · 8. November 2008

Zitat von "Peter Gedamke"
wenn du zum Beispiel diese Eingabe vornimmst:
Code
<style type="text/css">

</style>
Alles anzeigen
kann der Mainbereich nicht darunter angezeigt werden, da der durch 'position:absolute;' eingegebene Navibereich eben als "absolut" vorgegeben, und nicht innerhalb des normalen Textlaufes eingebunden ist.

Sollte bei dir dennoch so sein, liegt einwandfrei eine falsche Eingabe vor

Gebe doch mal den Link zu dieser Seite

Mit welchen Browsern hast du diese Seite getestet?
Alles anzeigen

Bei mit wird der Text nicht direkt darunter angezeigt. sondern rechts daneben (auf der höhe an der der inhalt des #navi tagtes endet.)
ich habe auch im #main tag marargin-top:30pt auf Margin-top:1pt geändert. Ich will aber im #main tag ganz oben schreiben und nicht auf der höhe an der der inhalt des #navi tagtes endet.
Welche angaben muss ich ändern?

$$freaky44$$ · 9. November 2008

ok ich hatt einfach nen tipfehler. ich hab prosition:absolute geschrieben. xd
ich hab gehört mit float/clear zu arbeiten is besser, da man beim Layout flexibler ist. was meint ihr dazu?

wie macht man eine navigationsleiste? :)

Jetzt mitmachen!

Teilen