Weiß nicht weiter

Pondus · 21 Juli 2008

Hallo Forum,

ich bin neu hier und habe mit HTML eigentlich auch nichts am Hut. Nun muss ich aber als Hausarbeit eine Datenbank mit dem sensationellen Programm Midos (was wahrscheinlich keiner kennen wird) erstellen. Dabei ist folgendes Problem aufgetreten (Screen ist im Anhang):
Das Schiff oben in der Leiste muss unbedingt ganz nach rechts, die Schrift soll da bleiben wo sie ist. Weiterhin sollte die Schrift erst auf Höhe der Mitte des Schiffes anfangen oder umgekehrt.
In einigen Bastelstunden bin ich nicht über dies hier rausgekommen:
<HTML><HEAD><TITLE>hjgfjh-Header</TITLE></HEAD>
<BODY background="bg.bmp" bgcolor="6699FF" textcolor="black" link="black" vlink="gray" alink="silver">
<font face="Arial">
<Table><Table Width="100"><TD><H1 Align="left"><font size=7><b>Datenbank zur Schifffahrt</b></font></H1></TD> <TD><TD o.TH width="100"><H2 Align="right"><H2 Align="center"><img src="Logo2.gif" aling="right"></></H2></TD o.TH></TD></Table>
</BODY></HTML>

Vieles davon ist sicher unnütz, aber ich hab doch keine Ahnung... Falls jemand mein Problem versteht (sicher sehr umständlich ausgedrückt) und mir helfen kann wäre das großartig!

Danke schonmal und viele Grüße von Pondus

prm · 21 Juli 2008

Ich hab dir mal was zusammengeschustert:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "[URL]http://www.w3.org/TR/html4/loose.dtd[/URL]">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">

<title>Seitentitel</title>
<style type="text/css">
body {
background: #6699FF url(bg.bmp);
color: black;
font-family: Arial;
}
a:link {
color: black;
}
a:visited {
color: gray;
}
a: hover {
color: silver
}
</style>
</head>
<body> 
<img style="float: right;" src="Logo2.gif">
<h1>Datenbank zur Schifffahrt</h1>
<div style="clear: both;"></div>
</body>
</html>

Allerdings nützt dir das jetzt vermutlich nur wenig, wenn du es nicht verstehst. Es wird dir also nichts übrig bleiben, als dich in HTML und CSS einzuarbeiten.
Allerdings verstehe ich nicht, wenn ihr Hausarbeiten bekommt und diese Themen nicht vorher behandelt wurden.
Es bringt dich ja auch nicht weiter, wenn du dir alles coden lässt und kannst nicht erklären was dahinter steckt.

Loon3y · 21 Juli 2008

Ersteinemal bitte den code in:

[ code ] ..... [ /code ]

angeben, danke.

Dann...du wirst nciht drüber hinwegkommen das ganze verstehen zu lernen, ansonsten kopierst du nur, aber hast es nicht verstanden. Es ist dann schwer zu erklären wie du das ganze so hinbekommen haste.

vllt solltest du dir das mit den tabellen ganz schnell ausm kopp wieder verbannen.......nimm lieber divs....bzw für den header wäre sogar nur ein < h1 >, < h2 >, ..., < h6 > (eins von denen..) notwendig.. dann kannste deinen kompletten header als grafik nehmen und musst die nur einsetzen...im prinzipg so:

grüße..oder so...hm.

Edit: misst prm war schneller %)

Edit nochma: misst...der schreibt ja das gleiche wie ich ! naja doppelt hält besser XD *code wieder gelöscht hab*

Efchen · 21 Juli 2008

Loon3y schrieb:
vllt solltest du dir das mit den tabellen ganz schnell ausm kopp wieder verbannen.......nimm lieber divs.

Was meinst Du, werde ich darauf antworten? :-)

Wo ist der Unterschied, ob man Tabellen zweckentfremdet oder das allgemeine Block-Element?

Pondus · 21 Juli 2008

Dankesehr, geht ja sehr fix hier :-)
Ich hab mich von euren Sachen anregen lassen und bin auch ein Stückchen weitergekommen (siehe Anhang). Allerdings habe ich weiter auf Tabellen gesetzt, da ich das mit dem anderen erst gar nicht hionbekommen habe. Soweit ist alles schön und gut, nur das Schiff muss noch an den Rand rechts. Wahrscheinlich fehlt dafür nur ein Wort oder so!?

<HTML><HEAD><TITLE>hjgfjh-Header</TITLE></HEAD>
<BODY background="bg.bmp" bgcolor="6699FF" textcolor="black" link="black" vlink="gray" alink="silver">
<font face="Arial">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<td><nobr><H1 Align="left"><font size=7><b>Datenbank zur Schifffahrt</b></font></td> <td><align="right"><img src="Logo2.gif" border=0 transp></nobr></td>
</table>
</BODY></HTML>

Meine Hausarbeit hat das Thema Informationserschließung. Aufgabe ist es Dokumente zu einem Thema formal (nach formalen Kriterien wie z.B. Titel, Jahr,...) und sachlich (nach inhaltlichen Kriterien) zu erschließen. Dabei ist die HTML-Sache nur eine Randerscheinung die bei der Retrieval-Anwendung auftritt. Das tolle Midos Programm bietet einem da schon eine Lösung an, die finde ich aber doof. Außerdem hat es mich schon genug Zeit gekostet das doofe Schiff auszuschneide, jetzt will ich es auch reinbringen... Was ich damit sagen will: ich weiß (zum Großteil) was ich mache.

Auf die richtige Lösung setze ich eine Tafel (Schweizer!) Schokolade aus!

hab's selbst gelöst, danke trotzdem für euren Support!

Maxi · 21 Juli 2008

Pondus schrieb:
hab's selbst gelöst, danke trotzdem für euren Support!

und wie? (für Suchende) ;-)

Loon3y · 22 Juli 2008

Efchen schrieb:
Was meinst Du, werde ich darauf antworten? :-)

Wo ist der Unterschied, ob man Tabellen zweckentfremdet oder das allgemeine Block-Element?
[/color]

ich meinte für den kompletten aufbau der seite ;) hatte ja einen code gepostet, den ich dann gelöscht habe wegen prm's schnelleren beitrag, der aufzeigte das man die seite via divs aufbaut und den header als bild via <h(1-6)> einfach oben dransetzt.

Efchen · 22 Juli 2008

Loon3y schrieb:
ich meinte für den kompletten aufbau der seite ;) hatte ja einen code gepostet, den ich dann gelöscht habe wegen prm's schnelleren beitrag, der aufzeigte das man die seite via divs aufbaut und den header als bild via <h(1-6)> einfach oben dransetzt.

Es gibt keinen Grund, eine Seite "mit <div>s" aufzubauen. Und wenn mans "nur mal zum testen" oder "zum Ausprobieren des Layouts" macht, macht mans in Zukunft aus reiner Faulheit oder Unwissenheit oder Ignoranz gegenüber dem Sinn von HTML immer.

Und das Ergebnis ist um keinen Deut besser als Tabellenlayouts. Wenn man gegen Tabellenlayouts vorgeht, muss man genauso gegen div-Layouts vorgehen. Es gibt keinen Grund, gegen Tabellenlayouts zu sein und dann zu sagen "Mach Deine Seite mit divs".

Kein persönlicher Angriff. Aber die Threads hier zeigen es immer wieder, dass das immer wieder und immer wieder deutlich gesagt werden muss.

Gruß,
-Efchen

prm · 22 Juli 2008

efchen schrieb:
Es gibt keinen Grund, eine Seite "mit <div>s" aufzubauen.

Dann erklär' mir mal bitte, wie man es bei dieser Konstruktion hinbekommt, ohne einen Div einen durchgehenden Hintergrund in silver zwischen den Absätzen zu erhalten:

Code:

body {background: red;}
p { margin: 10px 0; background: silver;}

Code:

<p> erster Absatz</p>
<p> zweiter Absatz</p>

Wenn du das schaffst, gelobe ich, nie mehr Div's zu verwenden. :-D

Loon3y · 22 Juli 2008

Dann sag doch bitte, was für dich, hier in diesem Thread, die sinnvollste Lösung gewesen wäre. Meiner Meinung nach Tabelle weg, ein Bild machen, welches so grafisch gestalten ist, wie es mit den Tabellenlayout versucht wurde und dann via <h(1-6)> reinsetzen.

Efchen · 22 Juli 2008

prm schrieb:
Dann erklär' mir mal bitte, wie man es bei dieser Konstruktion hinbekommt, ohne einen Div einen durchgehenden Hintergrund zwischen den Absätzen zwischen den Absätzen zu erhalten

Wenn man etwas falsch verstehen will, findet man immer etwas zu bemängeln.

Wenn du das schaffst, gelobe ich, nie mehr Div's zu verwenden. :-D

Ich behaupte nirgends, dass man keine <div>s verwenden soll, genausowenig, wie ich behaupte, dass man kein <table> verwenden soll.

Muss ich das jetzt echt erklären?

prm · 22 Juli 2008

Ich habe dich lediglich zitiert, nicht falsch verstanden.
Denn - wie sagst du auch immer oft so schön (sinngemäß): Die Anfänger glauben einem, was sie geraten bekommen. Also glauben sie auch irgendwann, dass man ohne Div's eine Seite hinbekommt.

Ich will jetzt hier keinen Streit anzetteln. Wollte nur mal darauf hinweisen, dass deine Aussagen so eben auch nicht immer stimmen.
Aber ich bleibe bei meinem Gelöbnis und warte ... und warte... und warte...
... auf den alles erlösenden Tipp, wie man eine HP nach meinen geschilderten Anforderungen ohne Div hinbekommt.:lol:

Efchen · 22 Juli 2008

prm schrieb:
Ich habe dich lediglich zitiert, nicht falsch verstanden.
Denn - wie sagst du auch immer oft so schön (sinngemäß): Die Anfänger glauben einem, was sie geraten bekommen. Also glauben sie auch irgendwann, dass man ohne Div's eine Seite hinbekommt.

Einverstanden - mit eigenen Waffen geschlagen. :-)

Richtig wäre "Man macht nicht nur mit <div>s eine Seite. <div> dient halt nur dem Gruppieren, manchmal kann es außerdem ein nützliches Hilfsmittel sein.
Aber Anfänger dürfen ruhig glauben, dass man ohne divs eine Seite hinbekommt - weil das die reine Wahrheit ist :-)

Ich will jetzt hier keinen Streit anzetteln. Wollte nur mal darauf hinweisen, dass deine Aussagen so eben auch nicht immer stimmen.

Um Gottes Willen - weder will ich streiten, auch wenn ich ein Korintenkacker bin ;-) aber auch weit von mir weisen muss ich, dass ich unfehlbar bin oder alles weiß. Ich versuche nur mein bestes, habe ein Ideal, das vielleicht in allen extremen von nicht so vielen Menschen geteilt wird, aber im Großen und Ganzen schon.

Aber ich bleibe bei meinem Gelöbnis und warte ... und warte... und warte...
... auf den alles erlösenden Tipp, wie man eine HP nach meinen geschilderten Anforderungen ohne Div hinbekommt.:lol:

Wenn Dus unbedingt willst: Dann nutze statt eines <div> eben ein anderes Block-Element ;-)
Hinweis an die Anfänger, die alles für bare Münze nehmen: Besser nicht :-)

Schöne Grüße,
-Efchen

prm · 22 Juli 2008

Wenn dieser Satz nicht wäre, könnte ich allem sogar zustimmen:

Aber Anfänger dürfen ruhig glauben, dass man ohne divs eine Seite hinbekommt - weil das die reine Wahrheit ist

Das ist m.E. nicht die "reine" Wahrheit, sondern eher eine "bedingte Wahrheit".
Für eine puristische Website ohne Farben und ohne besondere Formatierungen mag das gelten. Aber wer will schon so eine langweilige Page.

Wenn es allerdings erforderlich ist, bestimmte Elemente zu gruppieren, ihnen z.B. einen einheitlichen Hintergrund zuzuweisen, dann kommt man ohne ein übergordnetes Element in den meisten Fälle nämlich nicht aus. Und das ist nun mal i.d.R. ein Div (= "division", sinngemäß Bereich, abgegrenzter Bereich)

Wir nähern uns aber einem gemeinsamen Nenner! :lol:

Efchen · 22 Juli 2008

prm schrieb:
Das ist m.E. nicht die "reine" Wahrheit, sondern eher eine "bedingte Wahrheit".

Gut, wenn Du das Wort "rein" so interpretierst, dann ja. Ich meinte das im Sinne von "Die Aussage ist richtig und enthält keine Unwahrheiten".

Für eine puristische Website ohne Farben und ohne besondere Formatierungen mag das gelten. Aber wer will schon so eine langweilige Page.

Da muss ich Dir nun aber widersprechen. Um Farben zu verwenden, braucht es definitiv keine <div>s. Und über "besondere Formatierungen" kann man wahrscheinlich auch unendlich diskutieren, aber prinzipiell hat das nichts mit <div>s zu tun. <div> zeichnet ja aus. Farben und Formatierungen macht man mit CSS. <div> ist aber HTML.
Was ich nur sagen will ist, dass eine gut aussehende Website nicht zwingend <div>s benötigt, das wiederum klingt bei Deiner Aussage so, als wäre das so.

Wenn es allerdings erforderlich ist, bestimmte Elemente zu gruppieren, ihnen z.B. einen einheitlichen Hintergrund zuzuweisen, dann kommt man ohne ein übergordnetes Element in den meisten Fälle nämlich nicht aus. Und das ist nun mal i.d.R. ein Div (= "division", sinngemäß Bereich, abgegrenzter Bereich)

Klar, das sage ich ja auch immer wieder. <div> dient dem Gruppieren mehrerer Elemente zwecks gemeinsamer Formatierung. Und dem kann ich noch hinzufügen, dass es in Einzelfällen auch nötig sein kann, nur ein Element einzuschließen, die Regel ist es jedoch nicht.

Wir nähern uns aber einem gemeinsamen Nenner! :lol:

Wir sind, was das themenbezogene angeht, die ganze Zeit schon auf dem gleichen Nenner. Wir diskutieren eigentlich nur noch über die Formulierungen :-)

prm · 22 Juli 2008

Farben und Formatierungen macht man mit CSS. <div> ist aber HTML

Nur nützt ersteres eben überhaupt nichts, wenn es im HTML-Teil nicht per Div oder einem anderen Element "aufgerufen" und damit eingebunden wird.
CSS ohne HTML hat keinerlei Wirkung. HTML geht ohne CSS, sieht dann aber optisch meist nicht so schön aus.
Und diese Verknüpfung zwischen HTML und CSS wird eben durch den Elementaufruf, meist eben den <div id="..."> (division identifier) hergestellt, für den per CSS eine Formatierung hinterlegt ist.

Ich habe jetzt allerdings Wichtigeres zu tun, als diese Wortglauberei forzusetzen.
Wollte halt nur mal aufweisen, dass deine "Weisheiten" eben auch nicht immer das "Gelbe vom Ei" sind.

Efchen · 22 Juli 2008

prm schrieb:
Nur nützt ersteres (Farben und Formatierungen) eben überhaupt nichts, wenn es im HTML-Teil nicht per Div oder einem anderen Element "aufgerufen" und damit eingebunden wird.

Ja klar, aber eben sollte das <div> nicht die erste Wahl sein, wenn man nicht div-Suppe kochen will. Wenn man CSS anwendet, sollte man im Idealfalle schon eine fertig ausgezeichnete HTML-Seite mit guter Semantik haben. Und zum bloßen Auszeichnen gibt es für jeden Inhalt ein besseres Tag als <div>, bei Text ist das im Zweifelsfall immer <p>. Die semantische Bedeutung von <div> ist "gruppieren".
Mich stört an der Formulierung das, was sich bei Anfängern als die übliche Vorgehensweise fast schon etabliert hat: Ein Anfänger hat beispielsweise eine Liste. Die will er positionieren. Was macht er? Anstatt die Liste selbst zu positionieren, packt er sie in ein <div> um dann das div zu positionieren. Völlig überflüssig. Und ich meine einfach, dass Aussagen wie "Zum Formatieren mit CSS muss man den Inhalt erstmal in ein div (oder was anderes) packen" deckt sich mit der eben beschriebenen Vorgehensweise bei Anfängern.

CSS ohne HTML hat keinerlei Wirkung. HTML geht ohne CSS, sieht dann aber optisch meist nicht so schön aus.

Naja, HTML ist ja auch nicht für das optische gedacht. Und ich bin davon überzeugt, dass moderne Browser auch kein HTML darstellen, sondern den HTML-Tags lediglich Default-CSS-Werte zuweisen, dass die Darstellung in modernen Browsern also prinzipiell über CSS geschieht, nicht über HTML.

Und diese Verknüpfung zwischen HTML und CSS wird eben durch den Elementaufruf, meist eben den <div id="..."> (division identifier) hergestellt, für den per CSS eine Formatierung hinterlegt ist.

Okay, wir sind doch nicht 100% auf einem Nenner ;-) denn der Aussage widerspreche ich doch vehement. Nicht das <div> schafft die Verbindung zwischen HTML und CSS. Jedes Tag tut das! Und welches Tag das letzten Endes ist, entscheidet nicht CSS, sondern der Inhalt, die Semantik!
Wenn ich einen Text habe: "Lorem ipsum dolor sit amet" und den formatieren will, dann packe ich den nicht in ein <div>, sondern in ein <p>, weil es sich um einen Textabsatz handelt. Wenn ich eine Überschrift habe: "HTML-Forum", und will die Schrift größer haben, dann packe ich das nicht in ein <div> und setze font-size, sondern setze den Inhalt in <h1> und setze darin dann font-size. div kommt da überall nirgends vor!
Aber: Wenn ich natürlich mehrere Textabsätze habe, dann gruppiere ich die >=2 Textabsätze mit einem <div>, um allen zusammen eine gemeinsame Formatierung zu geben, beispielsweise einen Rahmen und eine Hintergrundfarbe.

Ich habe jetzt allerdings Wichtigeres zu tun, als diese Wortglauberei forzusetzen.

Das hab ich mir vorhin auch schon gedacht, aber nach Deinen Aussage in diesem Posting bin ich mir nicht sicher, ob Du das wirklich schon von der Seite betrachtet hast, oder ob Du evtl. doch das <div> als Wunder-Tag siehst!?

Wollte halt nur mal aufweisen, dass deine "Weisheiten" eben auch nicht immer das "Gelbe vom Ei" sind.

Aber mit diesem Posting hast Du mir den Eindruck verliehen, dass meine Antwort jetzt Dir vielleicht doch noch etwas lehren kann.

Aber natürlich besteht die Möglichkeit, dass wir uns missverstanden haben und es doch nur Wortklauberei ist :-)

Schönen Tag noch,
-Efchen

Pondus · 22 Juli 2008

Das ist meine Lösung:
<HTML><HEAD><TITLE>hjgfjh-Header</TITLE></HEAD>
<BODY background="bg.bmp" bgcolor="6699FF" textcolor="black" link="blue" vlink="gray" alink="silver">
<font face="Arial">
<table COLS=2 WIDTH="100%" >
<tr>
<td><font face="FedraSans-Medium, Verdana, Arial"><font size=+7>Datenbank zu Schifffahrt</font></font></div>

<td>
<div align=right><img src="Logo2.gif" BORDER=0></a></td>
</td>
</tr>
</table>

P.S. nicht streiten!

prm · 23 Juli 2008

Pondus schrieb:
P.S. nicht streiten!

Wer streitet denn hier? Ich doch nicht und Efchen sicher auch nicht.
Wir sind doch ganz brav und (fast) immer sachlich.
Das ist lediglich eine Art "Grundsatzdiskussion", die ab und an mal geführt werden muss. Sowas muss man vertragen können.

Efchen · 23 Juli 2008

Nö, streiten ist doof :-)
Wir loten nur unser beider Ansichten aus ;-)

Weiß nicht weiter

Neues Mitglied

Anhänge

Aktives Mitglied

Neues Mitglied

Efchen

Guest

Neues Mitglied

Anhänge

Neues Mitglied

Neues Mitglied

Efchen

Guest

Aktives Mitglied

Neues Mitglied

Efchen

Guest

Aktives Mitglied

Efchen

Guest

Aktives Mitglied

Efchen

Guest

Aktives Mitglied

Efchen

Guest

Neues Mitglied

Aktives Mitglied

Efchen

Guest