Frage zur Erstellung bestimmter Sachen
- Ersteller IL-2
- Erstellt am
- Status
OK...
Ok, danke schonmal, dann eine weitere Frage :mrgreen: (denke mal, ich werde eure Hilfe noch öfter in Anspruch nehmen müssen :razz:)
Kann man denn mit HTML eine waagrechte Reiterleiste erstellen? Muss ja nicht so aussehen wie die auf der oben angegeben Seite.
Thx im Voraus,
IL-2
Ok, danke schonmal, dann eine weitere Frage :mrgreen: (denke mal, ich werde eure Hilfe noch öfter in Anspruch nehmen müssen :razz:)
Kann man denn mit HTML eine waagrechte Reiterleiste erstellen? Muss ja nicht so aussehen wie die auf der oben angegeben Seite.
Thx im Voraus,
IL-2
So eine Tableiste wie auf der angegeben Seite geht schon in den fortgeschritteneren CSS-Bereich. Es gibt aber eine recht einfache Methode mithilfe von CSS. Sie ist nicht gerade perfekt, lässt sich aber verwenden:
Du erstellst ersteinmal eine ganz normale Navigationsliste mit <ol> oder <ul>. Dann fügst du noch ein style-Attributes ein und schreibst da rein: display:inline-block; Jetzt sollte diese Auflistung horizontal sein und du kannst sie weiter gestalten. (Natürlihc kannst du anstatt des style-Attributes auch einen Style-Bereich im Head benutzen oder eine externe CSS-Datei, achte dann aber darauf, dass du deiner Navigationsleiste eine id gibst, mithilfe derer du sie dann in der CSS-Datei formatieren kannst.)
Du erstellst ersteinmal eine ganz normale Navigationsliste mit <ol> oder <ul>. Dann fügst du noch ein style-Attributes ein und schreibst da rein: display:inline-block; Jetzt sollte diese Auflistung horizontal sein und du kannst sie weiter gestalten. (Natürlihc kannst du anstatt des style-Attributes auch einen Style-Bereich im Head benutzen oder eine externe CSS-Datei, achte dann aber darauf, dass du deiner Navigationsleiste eine id gibst, mithilfe derer du sie dann in der CSS-Datei formatieren kannst.)
erstmal.. hast ne schöne und auch noch skalierbare "Reiter-Navi" gefunden.
und wie schon erwähnt, ja du kannst sie in Html und CSS realisieren, ist meiner meinung nach sogar die beste Variante so etwas zu machen, da halt "Barrierefrei" wie ja das große Schlagwort für web2.0 lautet;).
Wenn du sie selbst erstellen willst empfehle ich dir das Buch "Bulletproof Webdesign" von Addison-Wesley.
Dort ist der Aufbau wunderbar dokumentiert und vor allem verständlich rübergebracht warum was gemacht werden soll und wie es funktioniert.
und wie schon erwähnt, ja du kannst sie in Html und CSS realisieren, ist meiner meinung nach sogar die beste Variante so etwas zu machen, da halt "Barrierefrei" wie ja das große Schlagwort für web2.0 lautet;).
Wenn du sie selbst erstellen willst empfehle ich dir das Buch "Bulletproof Webdesign" von Addison-Wesley.
Dort ist der Aufbau wunderbar dokumentiert und vor allem verständlich rübergebracht warum was gemacht werden soll und wie es funktioniert.
NVU-Editor (Link)
Alles klar, dankeschön!
Habe schon wieder eine neue Frage;)
Wenn ich mithilfe des NVU-Editors einen Link setzen möchte, dann steht am Schluss zwar alles ganz normal da, doch wenn ich auf den Link klicke öffnet er sich nicht, bzw. es geschieht nichts...wenn ich die allergleiche Prozedur mit dem phase5 Editor mache, klappt alles wunderbar??
Also muss es doch meiner Meinung nach an irgend einer Einstellung liegen, die man beim Nvu-Editor umstellen muss, damit Links angezeigt werden, oder?
So, das war erstmal :)
Hoffe es blickt jemand durch:idea::-)
Gruß
IL-2
Alles klar, dankeschön!
Habe schon wieder eine neue Frage;)
Wenn ich mithilfe des NVU-Editors einen Link setzen möchte, dann steht am Schluss zwar alles ganz normal da, doch wenn ich auf den Link klicke öffnet er sich nicht, bzw. es geschieht nichts...wenn ich die allergleiche Prozedur mit dem phase5 Editor mache, klappt alles wunderbar??
Also muss es doch meiner Meinung nach an irgend einer Einstellung liegen, die man beim Nvu-Editor umstellen muss, damit Links angezeigt werden, oder?
So, das war erstmal :)
Hoffe es blickt jemand durch:idea::-)
Gruß
IL-2
So irgendwie schwer zu sagen was da nicht stimmt, dazu ist schon ein wenig einsicht in den code nötig um dir zu sagen was da schräg läuft, das kann viele gründe haben.
vergleich doch mal 2 ganz einfache html seiten miteinander, oder falls dir nix auffällt, poste beide varianten, einer hier wirds dir schon sagen dann;)
Hi,
display:inline-block verstehen die IE's inkl. IE6 nicht.
display:inline erfüllt den gleichen Zweck.
CSS-Anweisungen gehören in eine externe Datei und keinesfalls ins Markup.
Das Prinzip von CSS ist ja die strikte Trennung von Markup und Layout.
koslowski
display:inline-block verstehen die IE's inkl. IE6 nicht.
display:inline erfüllt den gleichen Zweck.
CSS-Anweisungen gehören in eine externe Datei und keinesfalls ins Markup.
Das Prinzip von CSS ist ja die strikte Trennung von Markup und Layout.
koslowski
Hier ein Beispiel
Ok dann mal hier ein Beispiel:
Wenn ich folgenden Code unter dem phase5 editor eingebe, funktioniert alles reibungslos, wenn ich ihn beim Nvu-Editor eingebe, reagiert beim klicken auf URSACHEN nichts:
<html>
<head>
<title></title>
<meta name="author" content="***">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<a href="file:///C:/Dokumente%20und%20Einstellungen/***%20***/Eigene%20Dateien/Klimawandel__Ursachen.html">URSACHEN</a><br>
</body>
</html>
....
deswegen ja meine Vermutung, dass es an irgendeiner Einstellung des Nvu-Editor liege
Gruß
IL-2
PS. *** steht für meinen Namen :mrgreen:
Ok dann mal hier ein Beispiel:
Wenn ich folgenden Code unter dem phase5 editor eingebe, funktioniert alles reibungslos, wenn ich ihn beim Nvu-Editor eingebe, reagiert beim klicken auf URSACHEN nichts:
<html>
<head>
<title></title>
<meta name="author" content="***">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<a href="file:///C:/Dokumente%20und%20Einstellungen/***%20***/Eigene%20Dateien/Klimawandel__Ursachen.html">URSACHEN</a><br>
</body>
</html>
....
deswegen ja meine Vermutung, dass es an irgendeiner Einstellung des Nvu-Editor liege
Gruß
IL-2
PS. *** steht für meinen Namen :mrgreen:
?
Wenn ich auf das alles verzeichte, ist URSACHEN nicht einmal mehr ankickbar (also es ist nicht mal mehr blau gekennzeichnet)?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
</head>
<body>
<a
href="Klimawandel__Ursachen.html">Ursachen</a><br>
</body>
</html>
Wenn ich es so mache wie du gesagt hast (siehe oben)
Wenn ich auf das alles verzeichte, ist URSACHEN nicht einmal mehr ankickbar (also es ist nicht mal mehr blau gekennzeichnet)?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
</head>
<body>
<a
href="Klimawandel__Ursachen.html">Ursachen</a><br>
</body>
</html>
Wenn ich es so mache wie du gesagt hast (siehe oben)
Nochmal
Ok, ich versuche es nochmal zu erkären:
Auf der Seite SELFHTML: HTML/XHTML / Verweise (Links) / Verweise definieren und gestalten kopiere ich den Inhalt des gesamten 1. gelben Kasten:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Beispiele für Verweise</title>
</head>
<body>
<h1>Eine kleine Verweissammlung</h1>
<p>
<a href="http://www.tagesschau.de/">ARD Tagesschau</a> Nachrichten<br>
<a href="http://www.heise.de/newsticker/">Heise Newsticker</a> Computer-Nachrichten<br>
<a href="http://de.news.yahoo.com/">Yahoo Nachrichtenticker</a> Nachrichten<br>
<a href="http://www.oneworld.net/section/current">OneWorld News</a> Nachrichten (en)
</p>
<p>
<a href="/">Wohin der wohl führen mag?</a><br>
<a href="./">Und der hier?</a>
</p>
</body>
</html>
Wenn ich das nun unter dem Nvu-Editor einfüge, sind die Inhalte des a-Elements zwar blau gekennzeichnet, aber beim Anklicken tut sich nichts.
Wenn ich das aber unter dem phase5-Editor einfüge, sind die Inhalte des a-Elements blau gekennzeichnet und anklickbar, d.h. beim daraufklicken öffnet sich die angegebene Seite:-D...
Beim phase5 geht es mit dem Nvu nicht?? Warum nur:?:
Gruß
IL-2
EDIT: @cain, habe ich gemacht, beim Nvu-Editor geht es NICHT, beim phase5-Editor SCHON?? Das ist es ja gerade...
Ok, ich versuche es nochmal zu erkären:
Auf der Seite SELFHTML: HTML/XHTML / Verweise (Links) / Verweise definieren und gestalten kopiere ich den Inhalt des gesamten 1. gelben Kasten:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Beispiele für Verweise</title>
</head>
<body>
<h1>Eine kleine Verweissammlung</h1>
<p>
<a href="http://www.tagesschau.de/">ARD Tagesschau</a> Nachrichten<br>
<a href="http://www.heise.de/newsticker/">Heise Newsticker</a> Computer-Nachrichten<br>
<a href="http://de.news.yahoo.com/">Yahoo Nachrichtenticker</a> Nachrichten<br>
<a href="http://www.oneworld.net/section/current">OneWorld News</a> Nachrichten (en)
</p>
<p>
<a href="/">Wohin der wohl führen mag?</a><br>
<a href="./">Und der hier?</a>
</p>
</body>
</html>
Wenn ich das nun unter dem Nvu-Editor einfüge, sind die Inhalte des a-Elements zwar blau gekennzeichnet, aber beim Anklicken tut sich nichts.
Wenn ich das aber unter dem phase5-Editor einfüge, sind die Inhalte des a-Elements blau gekennzeichnet und anklickbar, d.h. beim daraufklicken öffnet sich die angegebene Seite:-D...
Beim phase5 geht es mit dem Nvu nicht?? Warum nur:?:
Gruß
IL-2
EDIT: @cain, habe ich gemacht, beim Nvu-Editor geht es NICHT, beim phase5-Editor SCHON?? Das ist es ja gerade...
Zuletzt bearbeitet:
cain
Neues Mitglied
hmm... was passiert, wenn du einfach in den ordner gehst, wo du deine dateien gespeichert hast und sie dann einfach mit dem IE oder mozilla firefox öffnest??
das würde mich interessieren...
wenn du die links aus den NVU-dateien anglicken kannst, dann sollte höchstens ein fehler im NVU-programm sein
kann sein, dass ich gerade den größten scheiß erzähl, aber das ist leider im moment das einzigste was mir einfällt...
gruß cain
das würde mich interessieren...
wenn du die links aus den NVU-dateien anglicken kannst, dann sollte höchstens ein fehler im NVU-programm sein
kann sein, dass ich gerade den größten scheiß erzähl, aber das ist leider im moment das einzigste was mir einfällt...
gruß cain
sieh dir mal den schrottigen quelltext an wenn du was mit NVU als Html datei speicherst und versuchst das mit dem browser zu öffnen.. lach
der schreibt alle Sonderzeichen um.. auch <, /, >, alles wird in umlautcodierung geschrieben, so kann das ja nix werden.. aber wie du das bei dem schrottigen ding weg bekommst weiß ich auch nicht.
warum nutzt du denn nicht ohase 5 wenn du ihn schon hast.. ansonsten such dir mal notepad++, finde ich zur handarbeit mit am besten
so sieht es aus wenn ich deine Vorgabe mal in NVU kopiert habe und das online stellte
</html>
der schreibt alle Sonderzeichen um.. auch <, /, >, alles wird in umlautcodierung geschrieben, so kann das ja nix werden.. aber wie du das bei dem schrottigen ding weg bekommst weiß ich auch nicht.
warum nutzt du denn nicht ohase 5 wenn du ihn schon hast.. ansonsten such dir mal notepad++, finde ich zur handarbeit mit am besten
so sieht es aus wenn ich deine Vorgabe mal in NVU kopiert habe und das online stellte
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>test1</title>
</head>
<body>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"<br>
"http://www.w3.org/TR/html4/strict.dtd"><br>
<html><br>
<head><br>
<title>Beispiele für Verweise</title><br>
</head><br>
<body><br>
<br>
<h1>Eine kleine Verweissammlung</h1><br>
<br>
<p><br>
<a href="http://www.tagesschau.de/">ARD Tagesschau</a> Nachrichten<br><br>
<a href="http://www.heise.de/newsticker/">Heise Newsticker</a> Computer-Nachrichten<br><br>
<a href="http://de.news.yahoo.com/">Yahoo Nachrichtenticker</a> Nachrichten<br><br>
<a href="http://www.oneworld.net/section/current">OneWorld News</a> Nachrichten (en)<br>
</p><br>
<br>
<p><br>
<a href="/">Wohin der wohl f&uuml;hren mag?</a><br><br>
<a href="./">Und der hier?</a><br>
</p><br>
<br>
</body><br>
</html>
</body>- Status
