• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Text in div

Status
Für weitere Antworten geschlossen.
S

Spartist

Neues Mitglied
Hallo,

ich bin neu hier und habe direkt mal eine Frage :-P
Ich arbeite momentan an einer neuen Seite für einen Verein, da die alte nicht wirklich gut war. Diese ist jetzt so mittelmäßig, aber immerhin. ;-)
Jetzt habe ich eine Frage. Man sieht hier eine Art Blatt und darauf soll der Text sein. Und zwar nur darauf! Deswegen meine Frage: Wie kriege ich es hin dass der Text nicht oben in dem div an fängt, sondern auf dem Blatt. Falls der Text zu lang wird sollte man auch scrollen können.

Hoffe ihr könnt mir helfen:-)
MfG
Spartist;ugl
 
Kann es sein, dass du einen großen Monitor hast und dein Browserfenster maximiert hast? Verkleiner es einmal etwas. Bei mir schiebt sich dein "Blatt" unter die navi. Das sieht nicht so toll aus ;)
 
Du könntest z.B. anstatt mit px mit % arbeiten, dann passt sich der inhalt dem Viewport an.
Du kannst nicht davon ausgehen, dass alle nutzer deiner Seite 1440 px in der Breite zur Verfügung haben
 
also ich habe die seite mit dem kompozer erstellt, um direkt immer zu sehen was sich verändert. da wird mir auch angezeigt, dass die seite 1024x768px breit ist.
muss ich dann jetzt die ganzen %zahlen ausrechen oder wie meinst du das?^^
 
also das mit % ging ja total daneben :roll:
bitte gebt mir mal ein paar tipps oder sagt mir direkt was ich im quellcode ändern soll...
achja..sry für den doppelpost, aber die "direkt antworten" bzw. ändern funktion geht nicht:!:
 
Spartist schrieb:
eine Art Blatt und darauf soll der Text sein. Und zwar nur darauf! Deswegen meine Frage: Wie kriege ich es hin dass der Text nicht oben in dem div an fängt, sondern auf dem Blatt.
Zum Vergrößern anklicken....
Indem Du einen geeigneten Innenabstand wählst. Das geht mit CSS und der Eigenschaft "padding".

Die generellen Probleme mit Deinem Layout wurden Dir ja aufgezeigt. Beachte bitte, dass es nicht relevant ist, was Du für einen Monitor hast und eigentlich auch nicht, was Deine Besucher für Monitore haben, denn man muss sein Fenster nichtmal maximiert haben. Nur der Viewport zählt, und das ist das Browserfenster ohne Rahmen, ohne Toolbars und Sidebars, etc.

Außerdem werden Deine Besucher möglicherweise unterschiedliche Schriftgrößen eingestellt haben oder die Schriftgröße ändern müssen oder wollen. Auch das kann ein Layout nachhaltig beeinflussen. Da muss man sich manchmal ein wenig Gedanken machen, bevr man sowas realisieren kann :-)

Und wenn wir schon bei Änderungen an Deinem Quellcode sind, der lässt jegliche Semantik vermissen. Das ist aber das, was HTML ausmacht: Mit HTML definierst Du, was Dein Inhalt bedeutet. Du zeichnest Überschriften aus, Textabsätze, Zitate, wichtige Textpassagen, Adressen usw. Das kann Dir kein Editor abnehmen, welches HTML-Tag Du für Deinen Inhalt benutzt, musst Du selbst richtig entscheiden.

Es ist ein weiter Weg...aber wenn Du ihn hier gehst, kann Dir geholfen werden!

Gruß,
-Efchen
 
danke für die antwort, allerdings muss ich jetzt erst bis nächste woche warten, da das Design der Seite erst mit dem Verein besprochen werden soll, das war jetzt erst so ein Versuch. Allerdings ist bei dieser Seite oberste Priorität: so einfach zu verwalten wie möglich.
D.h. bilder und alles soll so schnell wie möglich passieren. Da es aber meisten mehrere Bilder sind, ist es etwas doof alle links usw. selber zu schreiben. Auch hatten wir oft Probleme mit anderen einfachen Sachen. Daher wird jetzt der Versuch mit dem Kompozer gestartet^^

Ich werde hier sicher noch mehrere Fragen stellen, da es bestimmt noch einige Probleme geben wird.
 
Spartist schrieb:
so schnell wie möglich passieren.
Zum Vergrößern anklicken....
"so schnell wie möglich" und "so billig wie möglich" sind halt gute Voraussetzungen dafür, dass alles in die Hose geht.
Ich dachte, oberstes Ziel der Website eines Vereins ist die gute Repräsentation des Vereins, mit dem Ziel neue Mitglieder zu gewinnen. Eine schlecht mit einem Komposer erstellte Website kann dann auch ein Schuss nach hinten sein. Jeder Nutzer, der auf der Website eines Vereins nicht zufrieden ist, wird auch jedem, der ihn zu dem Verein fragt, etwas schlechtes sagen.

Es gibt so viele Websites von Vereinen, die von Leuten gemacht sind, die ganz offensichtlich vom WWW keinerlei Ahnung haben. Bei solchen Websites wäre es besser, der Verein hätte ganz auf den Web-Auftritt verzichtet. Wer eine Website besucht, der sucht etwas, und will etwas finden. Tut er das nicht, ist das ein Schaden für den Verein.

Daher ist "gut durchdacht" idR besser als "möglichst schnell und einfach".
Und das,w as Du bisher an Wissen offenbart hast, lässt halt nichts gutes erahnen - ist nicht bös gemeint. Jeder hat mal klein angefangen. Aber ist das Image erstmal am Boden, kommt es von da nur schwer wieder hoch. Mundpropaganda kann gnadenlos sein.

Das selbe gilt natürlich auch für Firmen.
 
du hast schon recht. auch lasse mich ja von den webseiten von z.B. Spielen beinflussen. Allerdings ist auch blöd wenn man immer wegen jedem bischen 2 Stunden braucht und dann irgendwann keine Lust mehr auf die Seite hat und dass diese dann vernachlässigt wird und dann 2 Monate nichts mehr macht.

Wie soll ich den deiner Meinung nach mit der Seite anfangen, sodass man sie leicht verwalten kann und die Seite auch noch gut aussieht?

P.S.: Das ich noch nicht wirklich viel Wissen hab ist mir klar :-P
 
Der erste Schritt ist, HTML zu verstehen. HTML gibt dem Inhalt eine logische Bedeutung (= Semantik). Dazu fängt man am besten mit den Inhalten an, die man hat und zeichnet diese logisch aus. D.h. Überschriften werden mit den Tags <h1> bis <h6> ausgezeichnet. Dabei müssen Überschriften immer mit der ersten Ordnung (<h1>) anfangen und es darf keine Ordnung ausgelassen werden. Welche Ordnung Du wählst, liegt an der Wichtigkeit der Überschriften. Ich mache z.B. immer <h1> als Site-Überschrift, also ein Header, der eigentlich auf jeder Seite gleich ist. <h2> ist dann idR die Seiten-Überschrift, und darunter kommen dann mehrere <h3> vor, oder eben noch weiter, je nachdem, wieviele Überschriften ich habe.

Textabsätze werden alle mit <p> ausgezeichnet. Adressen mit <address>. Wichtige Textabschnitte, also solche, die beim Vorlesen betont werden sollen, zeichnest Du mit <em> aus, sehr wichtige mit starker Betonung mit <strong>.

Wichtig ist, dass Du beim Auszeichnen mit HTML Deine Tags aufgrund der Bedeutung des Inhalts wählst und nicht aufgrund des Aussehens im Browser. Willst Du z.B. eine horizontale Navigation, zeichnest Du diese trotzdem mit <ul> aus, auch wenn das (ohne CSS) zunächst vertikal angeordnet wird. Dafür ist HTML nicht zuständig. Das ist wichtig, zu verstehen!

Wenn die Basis steht und validiert ist (The W3C Markup Validation Service), kommt CSS ins Spiel. CSS macht dann das Layout und das Design. Wenn man Inhalt und Layout immer strikt voneinander trennt, ist die Website auch perfekt zu warten.

Naja, als Einstieg reicht das erstmal. Du kannst ja Deine Erfolgsschritte hier präsentieren, ich kommentier die gerne.

Und: wenig zu wissen ist nichts schlimmes. Das macht die Menschen eigentlich aus, sie ergänzen sich. Der eine weiß dies, der andere das. Wichtig ist in diesem Falle, dass Du lernwillig bist und bereit, Zeit zu investieren, dann klappt das auch. :-)

Grüße,
-Efchen
 
Nein, das hat erstmal gar nichts mit Tabellen oder divs zu tun! Und die Auszeichnung in HTML hat auch primär nichts mit der Aufteilung (Layout) zu tun!

Das sind beides nur Tags, die eine bestimmte Bedeutung haben und nur da benutzt werden, wo diese Bedeutung vermittelt werden soll.

<table> benutzt Du, wenn Du tabellarische Daten auszeichnen willst, eine Fußball-Tabelle, eine Liste von Büchern mit zahlreichen Angaben oder einen Stundenplan.

<div> benutzt Du, wenn Du mehrere Elemente gruppieren willst.

Für ein CSS-Layout bedarf es nicht eines einzigen <div>.

Beispiel:
Code: 
<h1><img src="willkommen.jpg" alt="Willkommen bei YXZ" /></h1>
<ul id="Menu">
  <li><a href="seite1.html">Seite 1</li>
  <li><a href="seite2.html">Seite 2</li>
  <li><a href="seite3.html">Seite 3</li>
</ul>
<h2>Seitenüberschrift</h2>
<p>Lorem ipsum dolor sit amet.</p>
<p>Zweiter Absatz.</p>
<address>
Name<br />
Straße<br />
Ort<br />
</address>
<p>Noch mehr Text, auch etwas <strong>sehr wichtiges</strong>!</p>
So soll HTML aussehen! In diesem Fall brauche ich kein einziges div! Ich will ja nichts gruppieren.

Okay? Das ist das, woran die meisten verzweifeln...aber ja, HTML ist so einfach. Und wenn man das einmal verinnerlicht hat, dann wird man lernen, in welchen Fällen man das angeblich magische <div> anwenden kann. Es ist unumstritten, dass das ein oft wertvolles Hilfsmittel ist, aber primär braucht man es kaum.
 
So, wenn ich das auf meine Seite angepasst habe, dann kommt css ins Spiel?
also kann ich dann zb sagen wo zb <ul> oder <h1> hinsoll?
da müsste ich mir dann mal die ganzen Grundlagen aneignen^^
 
Zunächst mal solltest Du wissen, was Inline- und Block-Elemente sind. Die haben nämlich bei der Anordnung, die ja der Browser für Dich weitestgehend vornehmen wird, ein bestimmtes Verhalten.

Meistens wird es nicht nötig sein, Elemente besonders zu positionieren. Anfänger machen gern den Fehler, dass sie glauben, "position:absolute" wäre die Erfüllung in Sachen Layout. Das ist es aber nicht. Zum einen ist absolute Positionierung ungünstig, wenn man nicht weiß, wie groß der verfügbare Anzeigebereich (= Viewport) ist, zum anderen werden absolut positionierte Elemente aus dem Textfluss genommen, was anfangs etwas schwer zu verstehen ist (das passiert immer bei Verwendung von "position" und "float").

Um Block-Elemente, die sich immer über 100% Breite erstrecken, nebeneinander zu bekommen, verwendet man für gewöhnlich "float". das reicht normalerweise schon aus an Positionierungsmaßnahmen.

Zeig doch mal Dein HTML her, wie Du es bisher hast, dann kann ich Dir das auseinander nehmen :-)

Ja, Grundlagen musst Du Dir logischerweise aneignen. Ohne Grundlagen kann man den nächsten Schritt nicht machen.
 
So wiet bin ich dann bis jetzt^^ www.sgv-vosswinkel.de/sgv/index.html
Das ganze muss jetzt halt noch angeordnet werden, aber dazu muss ich erst noch ein bischen lesen und fragen :P
Frage: Wie kann ich das einstellen, dass die naviagtion im frame die ganzen seiten öffnet und nich nur die seite im frame

Gruß

edit:Ein CSS-Layout erstellen (Webdesign) | andreas-kalt.de
da wird auch beschrieben, dass man <div> verwenden soll. was soll ich jetzt machen?^^
 
Zuletzt bearbeitet:
ich komme jetzt bis da-->Ein CSS-Layout erstellen (Webdesign) | andreas-kalt.de hin. jetzt würde ich gerne das menü links haben, news rechts und den inhalt in der mitte (habe jetzt mit <div> weitergemacht bis mir geholfen wird :P )

Bitte um schnelle Hilfe!

edit: so habe jetzt eigtl nur noch ein Problem:
und zwar wenn ich den css style direkt in den head schreibe, dann geht alles wunderbar..
allerdings, wenn ich es verlinke, passiert gar nichts mehr-.-
woran könnte das schon wieder liegen.
Bitte schreibt zurück.
So langsam habe ich echt keine Lust mehr-.-
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben