|
Kein Boot Hier kann man allgemeinen Small Talk halten. Es muß ja nicht immer um Boote gehen. |
|
Themen-Optionen |
#51
|
|||
|
|||
Zitat:
Gruß Michael. Nachtrag Gelegenheit gehabt: Wiki hat recht. Das Konstrukt <br></br> ist tatsächlich möglich. Fragt sich nur, wofür es gut sein soll. Geändert von Visara (29.07.2010 um 07:52 Uhr) |
#52
|
||||
|
||||
Zitat:
Aber da ich Links zur Seite schon in vielen anderssprachigen Foren und Websites gefunden habe, ist mir schon wichtig daß die das vernünftig sehen und evtl. auch von einem Programm übersetzen lassen können. |
#53
|
|||||
|
|||||
Zitat:
Man hat mehrere Möglichkeiten, eine Site zu erstellen und zu pflegen: 1. Man bedient sich eines einfachen Tools, welches einem spätestens bei nachträglichen Änderungen das Skript versaut. Dann beginnt man, sich langsam aber sicher in HTML einzuarbeiten und die Skriptfehler händisch zu korrigieren. Das Korrigieren macht man dann solange, bis man von seinem "Meine-Homepage-in-einer-Stunde-Baukasten" die Nase voll hat. 2. Man gönnt sich ein besseres System, wie z. B. Dreamweaver. Aber auch hier stößt man i. d. R. schnell an Grenzen, sobald man den vorgegebenen Pfad der Tugend verlassen möchte. 3. Man guckt mal den 'Profis' über die Schulter und kommt ganz schnell zu dem Schluss, dass man ohne ausreichende Kenntnis von HTML sowieso nicht weit kommt, ob mit oder ohne Dreamweaver und Konsorten. Dann reichen ein Editor mit Syntax-Highlighting und ein paar gute Bücher. Du bist bei Punkt 1, erster Satz . Aber das wird schon noch... Gruß Michael.
|
#54
|
||||
|
||||
|
#55
|
||||
|
||||
Hört mal bitte auf, immer von Scripten zu sprechen, wenn ihr den html-Code meint... Ihr macht mich wuschig.
Scripte sehen so aus Code:
<script type="..."></script>
__________________
Gruss aus Frankfurt, Hans Aus technischen Gründen befindet sich die Signatur auf der Rückseite des Beitrages! |
#56
|
|||
|
|||
Zitat:
Gruß Michael. |
#57
|
||||
|
||||
ein skript kann auch das sein
<link rel="stylesheet" type="text/css" href="Pfad_zur_datei.css" />
__________________
Es grüßt → Flo ← |
#58
|
||||
|
||||
Für mich ist das eine Referenzierung...
Aber irgendwie entfernen wir uns immer weiter von Wolfs eigentlichem Problem. @Wolf: Wie sieht deine Bastelei inzwischen aus?
__________________
Gruss aus Frankfurt, Hans Aus technischen Gründen befindet sich die Signatur auf der Rückseite des Beitrages! |
#59
|
||||
|
||||
Leider komme ich die Tage nicht zum basteln.
Nächste Woche wird das wieder besser. |
#60
|
|||
|
|||
Wolf....
schick mal deine Header- Grafik dann bekommst du einen Vorschlag ( Page ) von mir..... brauchst dann nur deine Inhalte einfügen.... |
#61
|
||||
|
||||
Hallo Wolf,
aus Spaß an der Freud habe ich mal ein Skript, äh HTML-Quellcode, komponiert (VisaraComposer ), welches Du als Grundgerüst nehmen kannst. Das Skript kommt ohne Tabellen aus und wird mit Hilfe von CSS layoutet. Ich habe es zwar nicht validiert, aber auf meinem Server läuft es unter Firefox und IE. Bei dem Layout habe ich mich so ungefähr an Deine Site gehalten, da ich allerdings kein Fan von horizontalem Skrollen bin, ist mein Layout schmaler und zentriert - das lässt sich aber per CSS auch leicht ändern. Guck es Dir mal an... Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de"> <head> <meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1' /> <title>Titel</title> <style type="text/css"> * {padding:0; margin:0;} h1, h2, h3, h4, p, ul, ol {margin-bottom:0.5em;} ul ul {margin-bottom:0;} li {margin-left:1em;} html {height:101%;} body { color: black; background-color:blue; font-family: Verdana, Arial, sans-serif; font-size: small; } h1 {font-size: 150%; color: blue;} h2 {font-size: 130%; color: blue;} h3 {font-size: 110%;} h4 {font-size: 100%;} a {text-decoration: none; outline:none;} a:link {color:#0000A0; text-decoration:underline} #wrapper { color: black; background-color: yellow; height: 100%; width: 860px; margin: 10px auto 10px auto; padding-bottom: 10px; } #head { width: 100%; height: 200px; color: black; background-color: green; } #head_img { float:right; width:600px; height:140px; background-color: gray; margin: 10px 10px 0 0; } #navigation { float:left; width:190px; margin-top:20px; background-color:white; color:black; font-size:12px; line-height:1.6em; } #navigation ul {margin:0;} #navigation li { list-style-type:none; margin:4px 4px 0 4px; } #navigation a { color:black; text-decoration:none; } #navigation a:visited { color:black; } #navigation a:hover, #navigation a:focus { color: #dca976; } #navigation a:active { color:black; } #navigation hr { color: black; height: 1px; margin: 4px 0 4px 0; } #inhalt { background-color: white; margin:20px 0 0 200px; font-size:14px; padding:20px 20px 10px 20px; line-height:1.6em; } .bildundtext{ background-color: gray; text-align: center; } </style> </head> <body> <div id="wrapper"> <div id="head"> <div id="head_img"> <img src='image.jpg' width='600' height='140' alt='Bild' /> </div> </div> <div id="navigation"> <ul> <li><a href="index.html">Startseite</a><hr /></li> <li><a href="main_donau_kanal.html">Main-Donau-Kanal</a><hr /></li> <li><a href="wasweissich.html">Was weiß ich</a><hr /></li> <li><a href="wasweisssich.html">Bulgarische<br />Schwarzmeerküste</a><hr /></li> <li><a href="wasweissich.html">Übernachtungsmöglichkeiten</a><hr /></li> <li><a href="wasweissich.html">Was weiß ich</a><hr /></li> <li><a href="wasweissich.html">Was weiß ich</a><hr /></li> <li><a href="wasweissich.html">Was weiß ich</a><hr /></li> <li><a href="wasweissich.html">Was weiß ich</a><hr /></li> <li><a href="wasweissich.html">Was weiß ich</a><hr /></li> <li><a href="wasweissich.html">Was weiß ich</a><hr /></li> <li><a href="wasweissich.html">Was weiß ich</a><hr /></li> <li><a href="wasweissich.html">Was weiß ich</a><hr /></li> <li><a href="wasweissich.html">Was weiß ich</a><hr /></li> <li><a href="wasweissich.html">Was weiß ich</a><hr /></li> <li><a href="wasweissich.html">Was weiß ich</a><hr /></li> <li><a href="wasweissich.html">Was weiß ich</a><hr /></li> <li><a href="wasweissich.html">Was weiß ich</a><hr /></li> <li><a href="wasweissich.html">Was weiß ich</a><hr /></li> <li><a href="wasweissich.html">Was weiß ich</a><hr /></li> <li><a href="wasweissich.html">Was weiß ich</a><hr /></li> <li><a href="wasweissich.html">Was weiß ich</a><hr /></li> <li><a href="wasweissich.html">Was weiß ich</a><hr /></li> <li><a href="wasweissich.html">Was weiß ich</a><hr /></li> <li><a href="wasweissich.html">Was weiß ich</a></li> </ul> </div> <!-- navigation --> <div id="inhalt"> <!-- ich verlasse hier die Tugend der Quelltextformatierung und fange für den Inhalt wieder bei Spalte 1 an... --> <h1 align="center">Mit dem Segelboot von Nürnberg nach Istanbul</h1> <h2 align="center">Donau und Schwarzes Meer</h2> <h2 align="center">Bilder einer Urlaubsreise</h2> <p>Seitdem ich in meiner Jugend das Buch von Rollo Gebhard über seine Weltumsegelung - die mit der kompletten Befahrung der Donau begann - gelesen hatte, wollte ich diesen Fluß einmal komplett befahren.</p> <p>Die Strecke von Blaubeuren bis Kelheim kenne ich schon durch mehrere mehrtägige Fahrten als Kind und Jugendlicher mit Faltboot und Kajak. Kelheim bis Passau habe ich einmal mit einem motorisierten Faltdingi kennengelernt und die Strecke Passau - Wien dann mit Freunden im Kanu.</p> <div class="bildundtext"> <img src="meinbild.jpg" alt="Bildbeschreibung" style="vertical-align:middle" /> <p>Dieses Bild ist nicht zu sehen, weil der Browser es nicht laden konnte. Das ist zwar schade, aber eben nicht zu ändern</p> </div> <div class="bildundtext"> <img src="meinbild.jpg" alt="Bildbeschreibung" style="vertical-align:middle" /> <p>Dieses Bild ist nicht zu sehen, weil der Browser es nicht laden konnte. Das ist zwar schade, aber eben nicht zu ändern</p> </div> <div class="bildundtext"> <img src="meinbild.jpg" alt="Bildbeschreibung" style="vertical-align:middle" /> <p>Dieses Bild ist nicht zu sehen, weil der Browser es nicht laden konnte. Das ist zwar schade, aber eben nicht zu ändern</p> </div> </div> <!-- inhalt --> </div> <!-- wrapper --> </body> </html> Wenn Du Fragen hast, frag. Gruß Michael Aber nicht erschrecken: Da ich der Übersicht wegen, während der Entwicklung die CSS-Container (div) immer hübsch bunt mache, sieht das Ganze ungefähr so aus:
|
#62
|
||||
|
||||
Danke schon mal.
Ich muß jetzt erst mal für ein paar Tage zum Boot und habe voraussichtlich kein Netz. Melde mich danach wieder. |
#63
|
||||
|
||||
Wieder was dazu gelernt mit dem <hr />
hätte das jetzt mit ein div und einer class gelöst
__________________
Es grüßt → Flo ← |
|
|