Text richtig ausrichten

[fredz9r]

Hallo,
ich bin neu hier im forum und erstmal ein lautes HALLO

ich habe ein problem was mich schon seit tagen quällt!
ich bekomm es einfach nicht hin den text richtig auszurichten.
http://frdsn.de/problem.JPGder text der oben rechts steht soll dahin wo der pfeil hinzeigt, ich bekomms es aber einfach nichts hin

ich hoffe ihr koennt mir helfen!
mfg. fredz9r

 

[prm]

Der Text befindet sich offensichtlich außerhalb des von dir vorgesehenen Bereiches.
Du musst ihn lediglich in den entsprechenden Container packen.
Anhand deiner Grafik lässt sich das aber nicht konkret beantworten. Link zur Seite wäre hilfreich.

 

[fredz9r]

danke erstmal fuer die antowrt, jedoch hab ich keine ahnung was du mit container meinst hab auch nicht wirklich den plan von html, nur designen kann ich ein wenig.
link -> Unbenannt-1

ich will halt nicht immer wenn ich ne news oder so schreibe neuen bild in ps machen. ist ja auch falsch so.
need help :(

 

[prm]

Du schreibst Text, speicherst das als Grafik ab und fügst die in den Quelltext? Ziemlich ungewöhnlich und das finden dann die Suchmaschinen natürlich auch nicht.

Öffne die Datei mit einem Editor.
An der Stelle wo das Bild ist, schreibe deinen Text rein.
Datei abspeichern und wieder hochladen.

In diesem Fall dürfte das an folgender Stelle sein:

<td colspan="6" rowspan="5">
<img src="http://www.html.de/images/meine_homepage_26.jpg" width="380" height="290" alt=""> </td>
<td colspan="5" rowspan="6">

Das rot markierte löschen und durch den jeweiligen Text ersetzen.

Eigentlich solltest du die Seite nochmal komplett aufbauen, am besten ohne Tabellen.
Text sollte auch als solcher erscheinen und nicht als Grafik.
Deshalb solltest du zunächst etwas HTML und CSS lernen, damit du die Zusammenhänge besser verstehst.

 

[fredz9r]

ok danke schonmal !
jetzt sieht es so aus Unbenannt-1

weisst du vielleicht auch noch, wie ich den hintergrund so mache wie das bild was ich geloescht habe? und der text steht so in der mitte, wie bekomm ich den nach oben?

hast mir aber schonmal viel geholfen thx!

ja ich hab da bis jetzt ja noch fast garnichts dran gemacht. nur mit ps fuer web speichern gemacht. und der code kam da von allein raus.

weist du wie ich die hintergrundfarbe aender und text nach oben schiebe?

 

[Efchen]

jedoch hab ich keine ahnung was du mit container meinst hab auch nicht wirklich den plan von html, nur designen kann ich ein wenig.

Du solltest Dich wirklich mal mit der Materie auseinandersetzen, sonst wird das nichts halbes und nichts ganzes. Ohne zu wissen, was man tut, sollte man auch keinen Elektroherd an den Starkstrom anschließen, wenn einem sein Leben lieb ist. Zugegeben, mit ner schlechten Website wirst Du oder Deine Besucher nicht gleich ihr Leben verlieren :-)

Aber Du solltest HTML lernen. HTML ist dazu da, den Inhalt logisch auszuzeichnen, ihm eine Bedeutung zu geben. Mit Layout/Design hat HTML nichts zu tun. Deswegen ist Dein Grundgerüst in Form einer Tabelle nämlich auch schon mal sinnfrei, denn Du hast ja keinerlei tabellarische Daten, die Du mit einer Tabelle auszeichnen müsstest.
Warum Layout mit Tabellen dumm ist: Probleme definiert, Lösungen angeboten

Fragen? Gerne.

Gruß,
-Efchen

 

[fredz9r]

ja und wie fang ich da an? also ohne tabelle das alles zu machen
so schritt fuer schritt waer gut ich will ja keine perfekte homepage haben aber das mit dem text sollte schon sein. ist es denn einfacher das mit dem text etc ohne tabelle zu machen?
weil ist ja nicht so das ich nicht schon ueberall geguckt habe auf selfhtml etcpp. aber da finde ich absolut nichts ueber die sache mit dem text z.b....

 

[prm]

Beherzige das, was Efchen geschrieben hat.
Ich kann dir zwar jetzt diesen Codefetzen geben:

<td style="background: #d1d1d1; padding: 3px;" colspan="6" rowspan="5" valign="top">
   <p>Hallo</p> 
</td>

Aber wirklich und dauerhaft helfen tut dir das nicht.

Wenn du ernsthaftes Interesse hast, dann musst du HTML und CSS lernen. Denn selbst wenn jetzt ein Problem gelöst ist, werden immer wieder neue auftauchen und du wirst stets auf fremde Hilfe angewiesen sein.

Vielleicht ist das ein Einstieg für dich:
Friedels Homepage - Anleitungen für HTML-Autoren und mehr

 

[Efchen]

ja und wie fang ich da an? also ohne tabelle das alles zu machen

Meine Antwort dazu war:

Aber Du solltest HTML lernen. HTML ist dazu da, den Inhalt logisch auszuzeichnen, ihm eine Bedeutung zu geben. Mit Layout/Design hat HTML nichts zu tun.

Und gelesen hast Du den verlinkten Artikel in der kurzen Zeit sicher auch noch nicht, oder?

Mit HTML gibt man an, was der Inhalt bedeutet. Man zeichnet Überschriften mit <h1> bis <h6> aus, Textabsätze mit <p>, Adressen mit <address>. Man markiert wichtige Stellen im Text mit <em> und sehr wichtige mit <strong> usw.
Man nimmt am besten als erstes seinen Text für die Seite und schreibt den runter, zeichnet ihn dann mit HTML aus. OHNE Rücksicht auf Layout oder Design. Man wählt nicht <h2>, weil einem <h1> zu groß ist. Das ist irrelevant. Man wählt nicht <strong>, weil man etwas fett dargestellt haben möchte, und verzichtet nicht auf <p>, nur weil da ein Absatz mit einer Leerzeile zwischen zwei <p> ist. Man gibt mit HTML dem Inhalt eine logische Bedeutung (Semantik). Das Aussehen wird später mit CSS gemacht.

Wie kann ich weiter helfen?

-Efchen

 

[fredz9r]

und wie bekommt man mit css sone designs hin?
den "artikel" hab ich gelesen. aber is ja wirklich ne sehr grosse hilfe schoen da steht das es dumm is mit tabellen wow, das bringt mir aber ehrlichgesagt auch nichts...
das ding ist ueberall findet man im netz codes snippets und alles aber nirgendswo wird von vorne bis hinten erklaert wie man den code an ein design anpasst oder sowas. das is was ich braeuchte
naja trotzdem danke fuer eure hilfe erstmal, ich muss zur arbeit ;)

 

[Efchen]

und wie bekommt man mit css sone designs hin?

Nu lern doch erstmal HTML, denn ohne HTML geht es nicht, und ohne solide und valide HTML-Basis ist CSS unberechenbar. Viele scheitern schon an HTML und gar nicht erst an CSS. :-)
Es gibt viele Möglichkeiten, Design mit CSS zu machen, aber da kann ich Dir jetzt nur schwer in ein paar Sätzen drauf antworten. Lies Dich ein bei SELFHTML 8.1.2 (HTML-Dateien selbst erstellen) oder CSS 4 You - The Finest in Stylesheets

den "artikel" hab ich gelesen. aber is ja wirklich ne sehr grosse hilfe schoen da steht das es dumm is mit tabellen wow, das bringt mir aber ehrlichgesagt auch nichts...

Warum nicht? Was ist unklar? Frag mich, ich hab den Artikel übersetzt, ich sollte das schon verstanden haben :-)

das ding ist ueberall findet man im netz codes snippets und alles aber nirgendswo wird von vorne bis hinten erklaert wie man den code an ein design anpasst oder sowas. das is was ich braeuchte

Man passt keinen Code an ein Design an. Man schreibt erstmal die logische Struktur in HTML, dann erzeugt man mit CSS ein Design. Vielleicht gehst Du die Sache falsch an?

Gruß,
-Efchen

 

[prm]

Das ist eben kein Thema, das man sich so im Vorbeigehen gerade mal aneignet.
Du musst dir von deiner Page einen Plan/Skizze machen.
Dann überlegst du, wo und wie platzierst du die einzelnen Bestandteile (Elemente).
Mit welchen CSS-Angaben kannst du sie an der Stelle platzieren, wo sie hingehören.

Um sie mit Inhalt zu füllen, müssen dir die gängigen HTML-Tags geläufig sein.

Ich vergleiche es gerne so:
Jeder Beruf erfordert eine Ausbildung. Zum Autofahren braucht man den Führerschein. Aber wunderschöne Homepages soll es ohne Anstrengung vom Himmel regnen.
Oder anders: Ohne Fleiß kein Preis.
Aber die Arbeit und der Lernaufwand werden sich lohnen und amortisieren sich dann bei der späteren Pflege recht schnell. Wenn du nämlich das System kennst, kannst du Fehler von vornherein vermeiden, oder deren Ursachen schneller finden.

 

[Efchen]

Das hast Du schön gesagt, mit den Websites, die vom Himmel regnen. Aber irgendwer hat das wohl irgendwann mal in die Welt gesetzt, dass jedermann Websites machen kann und alles ganz einfach ist. Und wenn man den Anfängern das dann sagt, dann ist man selbst der Böse :-)
Dabei ist es IMHO tatsächlich einfacher, Websites zu erstellen, als der Führerschein oder ein handwerklicher Beruf.

 

[fredz9r]

wieder da, naja so kann man das n icht sehen fuer jeden geht was anderes leichter von der hand. fuehrerschein schwer? das ich nicht lache

btw der code von prm geht nicht dadurch wird dei ganze page veschoben..
also wenn ich ejtzt ophne tabelle arbeiten soll wie muss ich dann anfangen, weil ich glaub wenn ich erstmal den anfang habe komm ich schon klar, ist ja nich so das ich erst seit 1-2 tagen mich damit beschaeftige

 

[Efchen]

Naja, wie Du anfängst, habe ich schon kurz angerissen: http://www.html.de/html-und-xhtml/20008-text-richtig-ausrichten.html#post160635
HTML richtig einsetzen, Stichwort: Semantik. Dabei begreifen, wozu HTML da ist, und wozu CSS da ist. Trennung von Inhalt und Layout immer strikt einhalten. HTML-Tags niemals verwenden, weil sie einen bestimmten optischen Effekt haben, sondern, weil die Bedeutung für den Inhalt die richtige ist. Wer HTML beherrscht, kann sich an CSS wagen.

Noch Fragen? Detailfragen?

 

[fredz9r]

ja da stehen ein paar commands aber nicht wie ich anfange.

also was in den body kommt, wenn ich ohne tabelle arbeite.
z.b. die geslicten bilder verlinken, wie mach ich das ohne tabelle?
koennt ihr mir nich ein bisschen unter die arme greifen?

greetz

 

[Efchen]

Anfangen kannst Du mit dem HTML-Grundgerüst. Das ist bei SelfHTML dokumentiert. Wichtig ist der Doctype. Der definiert, welche HTML-Version Du benutzt. Der setzt auch fest, ob die Browser in den Quirks- oder den Standards Mode versetzt werden. Um Darstellungsunterschiede auszuschließen, müssen alle Browser im Standards Mode arbeiten.

Dann schreibst Du Deinen Inhalt. Diesen zeichnest Du dann mit sinnvoller Semantik aus. Das Layout hat zu dem Zeitpunkt noch keine wirkliche Bedeutung. Bilder zu slicen halte ich für sinnlos. Das impliziert pixelgenaue Layouts, die im WWW IMHO nichts zu suchen haben. Das WWW ist hochgradig skalierbar und parametrierbar. Ein pixelgenaues Layout macht nur Probleme. Aber zur Auszeichnung in HTML ist das ja alles noch gar nicht notwendig.

Schritt 1 ist semantisch (logisch) sinnvolles und valides HTML.

Gruß,
-Efchen

 

[fredz9r]

und wie macht man das ohne slicen? ein bissl mehr erklaerung brauch ich schon das bringt mir garnichts weiter...
es wuerde mir ja reichen wenn ihr mir sagt ich den den text endlich nach oben bekomm und richtig formatiere und wie ich den hintergrund aender.
die sprachen lern ich in einem jahr auf einer schule. also lass ich es erstmal mit der tabelle. waer halt cool wenn ihr die loesung wuesstet.
das was prm geschrieben hat klappt nicht siehe:

Unbenannt-1

 

[Efchen]

und wie macht man das ohne slicen? ein bissl mehr erklaerung brauch ich schon das bringt mir garnichts weiter.

Du bist auf eine seltsame Herangehensweise eingeschossen. Das macht es für Dich so schwierig. Man könnte meinen, Du bist gelernter Designer :-)
Vergiss erstmal das Layout und lerne HTML. Das hat rein gar nichts mit Layout zu tun.

es wuerde mir ja reichen wenn ihr mir sagt ich den den text endlich nach oben bekomm und richtig formatiere und wie ich den hintergrund aender.

Wenn Du lernen willst, wie man Layouts ohne Tabellen macht, dann ist das erstmal uninteressant.

die sprachen lern ich in einem jahr auf einer schule. also lass ich es erstmal mit der tabelle. waer halt cool wenn ihr die loesung wuesstet.

Schade, dass Du schon aufgibst. Dann klinke ich mich aus.

Schönen Abend,
-Efchen

 

[prm]

Du hast nicht den Quelltext eingebaut, den ich zuletzt gepostet hatte. Aber das würde eh keinen großen Sinn machen.

Das Slicen ist hier wirklich zunächst unwichtig.
Wenn du wirklich mal anfangen würdest, HTML und CSS zu lernen und auch zu verstehen, dann kannst du mit ganz einfachen Dingen anfangen und ihnen zunächst eine Hintergrundfarbe zuweisen.

Wenn das alles steht - und dazu darfst du bei intensiver Arbeit ruhig ein paar Tage brauchen - dann kannst du anstelle der Farben immer noch Hintergrundgrafiken slicen und einbauen.