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

Brauche dringend hilfe :)

SedReaper

SedReaper

Neues Mitglied
ICh schreibe gerade eine Homepage und bin auf eine kleines Problem gestoßen: Ich zeig euch den Code und hoffe damit sind alle frage ngeklärt. Danke im Vorraus


<!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">
<head>
</head>

<body bgcolor="#000000" text="#FFFFFF">

<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
<tr><td colspan="2"><img src="pic/header.gif"
alt="****************************************
**********HEADER***********************
****************************************" width="537" height="115" /></td></tr>
<tr><td><p>

<a href="test.html"><b>
<div><img src="pic/Button.gif" width="150" height="48" alt="Button1" /></a>

<a href="test.html"><b>
<div><img src="pic/Button.gif" width="150" height="48" alt="Button2" /></a>

<a href="test.html"><b>
<div><img src="pic/Button.gif" width="150" height="48" alt="Button3" /></a>

<a href="test.html"><b>
<div><img src="pic/Button.gif" width="150" height="48" alt="Button4" /></a>

<a href="test.html"><b>
<div><img src="pic/Button.gif" width="150" height="48" alt="Button5" /></a>

</td>
<td>
<h3>Test:</h3>
Wie kann ich in diesem Feld Tabellen oder anderen<br>
Dinge einfügen und bearbeiten (Ein foto rechts das<br>
nächste darünter links und so weiter) Ohne<br>
jedoch die Struktur der seite zu verlieren.

</td></tr>
</table>
</body>
</html>


Unbenannt.jpg
 
Hallo,
is bestimmt nicht die Antwort die erhoft hast, las das mit den Tabellen das ist veraltet und macht man nicht.

Zu deiner frage in dem den inhalt mit css machst genau wie eigentlich der rest auch mit float und clear.

Cheffchen

ps: ein richtige titel zzum beitrag währe auch schon, den wer brauch bei hilfe die nicht dringend :O)
 
Und wie genau muss ich das einfugen das alle Dinge dort bleiben wo sie sind bzw. ein bsp wäre nett!?
Wie würdest du es den machen anstelle von Tabellen?
 
Hallo,

in dem dich mal mit css beschäftigtst oder in der job ecke mal fragst ob das einer für dich für 0 oder so macht.

Oder such mal nach free css templat da gibts auch hunderte.

Im grunde sieht das so aus
Code: 
<div id="wrapper">
<div id="kopf"></div>
<div id="navi"></div>
<div id="inhalt"></div>
</div>
der rest ist css #wrapper breite geben und zentrieren #kopf feste höhe geben #navi float das es lings ist und feste breite und #inhalt weste breit.

Cheffchen
 
Ich frage mich immer, wieso nahezu alle Einsteiger mit Tabellen ankommen. Wird das in der Schule so gelehrt, hat man sich an Selfhtml orientiert, oder woran liegt es?
 
Hallo

veraltete Tutorials aus dem letzten Jahrhundert, an welchen sich IMMER NOCH orientiert wird?
Zum Vergrößern anklicken....

Ich habe zwar noch zwei von der Sorte, allerdings auch bereits im letzten Jahrtausend gekauft. Die dürften zum Kauf kaum noch zu finden sein.

In der Regel ist das Problem das grenzenlose Denken. Die Leute kennen Papier aus dem Drucker, Zeichenprogramme, "ihren" Monitor und Programme wie Word, Powerpoint und ähnliche. Da können sie sich immer an den Rändern festklammern und genau festlegen, was wo dargestellt werden soll.

Die meisten Leute (nicht nur die Anfänger) haben deshalb Angst, ohne diese Grenzen zum geistigen Festhalten zu arbeiten. HTML und CSS gehen eindeutig zu Layouts, die sich allen möglichen Ausgabegeräten anpassen, so dass die Besucher die angebotenen Informationen jeweils problemlos aufnehmen können. Also z. B. ohne seitliches Scrollen.

Das erkennt man auch daran, das nach der Lösung vom Tabellenlayout prompt der Wunsch entsteht, ein Tabellenlayout durch DIVs nachzubauen, was aber nicht der Sinn von DIVs ist und für die Besucher meist auch wieder Barrieren aufbaut.

Zudem ist es schon beinahe lustig, wie auch "gestandene" Tabellen-als-Layout-Ablehner selbst Tabellen zum Layouten mißbrauchen, indem alles, was sich in Tabellenform darstellen läßt, zu Tabellen erklärt wird. Auch wenn das sachlich schlicht falsch ist. So nach dem Motto von Uli, dem Hoeneß: Ich bin für Alkohlverbot im Stadien. Aber Bier zählt doch nicht als Alkohol.

Um aktuelle Seiten zu erstellen reicht es heutzutage schlicht nicht mehr, die HTML5- und CSS3-Syntax zu lernen, sondern man muss sie auch semantisch korrekt der aktuellen Technik folgend einsetzen können.

Gruss

MrMurphy
 
Also um ein Verständnis für die Verschachtelung von Elementen und den Aufbau von HTML zu lernen, finde ich Tabellen sogar ausgezeichnet.

Ich behaupte sogar dass totale Anfänger besser dran sind, mit Tabellen zu beginnen, als mit Divs (+ kompliziertem CSS).
 
ICh brauche ienfach diese einfache Form und kenn mich nicht mit CSS aus ist es nicht möglich die einzelnene Elemente in den Tabellen zu fixieren? Vor allem die Buttons rutschen wenn ich bilder oder ähnliches einfüge runter und bleiben nicht oben wie sie es sollen, wäre echt dringend die Page sollte heute Online gehen und das ist das einzige Problem
 
Naja, da die Seite ohnehin Murks ist:


Etwas was für dich sicher hilfreich sein könnte, ist das Wissen, dass du Tabellen in Tabellen machen kannst. So zB:


HTML: 
<table>
     <tr>
          <td>
               <table>
                    <tr>
                         <td></td>
                    </tr>               
              </table>          
         </td>     
     </tr>
</table>

Und wenn du den Zellen (td) feste Breiten gibst, kommst du sicher irgendwie zum gewünschten Ziel:

HTML: 
<td width="200"></td>
 
Warum sollte man Tabellen in Tabellen verschachteln? Ebensogut könnte man in die <td> doch Blockelemente schreiben und diese per CSS ansprechen.

Aber ob nun Tabellen, Divs oder semantische HTML5-Tags: Ohne CSS lassen sich Webseiten nicht vernünftig stylen.
 
scbawik schrieb:
Also um ein Verständnis für die Verschachtelung von Elementen und den Aufbau von HTML zu lernen, finde ich Tabellen sogar ausgezeichnet.

Ich behaupte sogar dass totale Anfänger besser dran sind, mit Tabellen zu beginnen, als mit Divs (+ kompliziertem CSS).
Zum Vergrößern anklicken....

Wieso soll man es erst falsch lernen? Ich habe von Anfang an "richtig" und validator-Konform gearbeitet :)
 
Wenn ich mich zitieren darf:

Naja, da die Seite ohnehin Murks ist:
Zum Vergrößern anklicken....

--------

Nun ja, wie der TE geschrieben hat, will er sein 'Projekt' schnell (heute) abschließen. Wie meine Vorredner jetzt weiter darauf zu bestehen, keine Tabellen zu verwenden, macht daher wenig Sinn. Schließlich müsste er die Seite komplett neu aufbauen.

Soweit ich es verstanden habe, möchte er in seiner Tabellenzelle etwas platzieren. Und da er weiß wie man mit Tabellen etwas "platziert", wird er so schon irgendwie zum Ziel kommen.
 
scbawik schrieb:
Nun ja, wie der TE geschrieben hat, will er sein 'Projekt' schnell (heute) abschließen. Wie meine Vorredner jetzt weiter darauf zu bestehen, keine Tabellen zu verwenden, macht daher wenig Sinn. Schließlich müsste er die Seite komplett neu aufbauen.
Zum Vergrößern anklicken....

ich würd es anstatt 'schnell' lieber 'richtig' und Zukunftsbasiert machen.
 
root3450 schrieb:
Wieso soll man es erst falsch lernen? Ich habe von Anfang an "richtig" und validator-Konform gearbeitet :)
Zum Vergrößern anklicken....


Sind Tabellen nicht W3C-konform? Das ist nicht ironisch gemeint, ich weiß es wirklich nicht, denke aber schon!

Außerdem meine ich mit Anfänger nicht Anfänger, die gerade ihre erste Seite fertigstellen. Mit Anfängern meine ich Personen, die gerade mal herausgefunden haben dass man mit dem Texteditor eigene Websites machen kann. Und dazu zählen einfach die meisten hier.

Ich musste als solcher Anfänger, zur Prüfung, eine Tabelle mit ca 50 x 50 Zellen erstellen (ohne WYSIWYG), und dann ein Muster 'nachzeichnen' per colspan/rowspan. Im Nachhinein gesehen empfinde ich das als gute Übung um mit HTML klar zu kommen.

Und wenn ich mir die komischen Gebilde (Quelltexte sollen das sein) die manche CSS/HTML/JS-Spezialisten hier posten ansehe, denke ich mir schon dass es gut wäre erst einmal HTML zu verstehen bevor man mit dem nächsten Abschnitt (CSS) weitermacht.

Ich meine solange man kein Wunderkind ist, lernt man auch nicht Englisch, Französisch und Mandarin gleichzeitig.
 
Sind Tabellen nicht W3C-konform? Das ist nicht ironisch gemeint, ich weiß es wirklich nicht, denke aber schon!
Zum Vergrößern anklicken....
Naja zwechentfremdet - hmm, aufjedenfall sind sie dann nicht mehr barrierefrei und skalierbar ;)

Außerdem meine ich mit Anfänger nicht Anfänger, die gerade ihre erste Seite fertigstellen. Mit Anfängern meine ich Personen, die gerade mal herausgefunden haben dass man mit dem Texteditor eigene Websites machen kann. Und dazu zählen einfach die meisten hier.
Zum Vergrößern anklicken....
Dann fängt man eben 1-spaltig an und lernt erstmal die Basics...

Ich musste als solcher Anfänger, zur Prüfung, eine Tabelle mit ca 50 x 50 Zellen erstellen (ohne WYSIWYG), und dann ein Muster 'nachzeichnen' per colspan/rowspan. Im Nachhinein gesehen empfinde ich das als gute Übung um mit HTML klar zu kommen.
Zum Vergrößern anklicken....
Und was hat dir das gebracht? O.o

Und wenn ich mir die komischen Gebilde (Quelltexte sollen das sein) die manche CSS/HTML/JS-Spezialisten hier posten ansehe, denke ich mir schon dass es gut wäre erst einmal HTML zu verstehen bevor man mit dem nächsten Abschnitt (CSS) weitermacht.

Ich meine solange man kein Wunderkind ist, lernt man auch nicht Englisch, Französisch und Mandarin gleichzeitig.
Zum Vergrößern anklicken....

Wenn man HTML & CSS richtig kombiniert, hat man es sehr viel einfacher als mit Tabellen, wo später keiner mehr durchblickt.

Es geht mir darum, dass er vielleicht denkt: "Jo mit Tabelle hats gut funktioniert, so mach ich das auch nächstes mal"
 
Sorry, du darfst mich nicht falsch verstehen. Weder arbeite ich mit Tabellen, noch würde ich es jemandem empfehlen. Ich wollte ihm eigentlich nur schnell helfen - wie ich schon mehrfach geschrieben habe - seinen 'Müll' fertig zu stellen.

Soso, barrierefrei ... die ganzen Sehbehinderten werden auch langsam wirklich zur Überzahl ... Außerdem ist eine Website ohne Tabellen nicht automatisch barrierefrei.

Und nun ja, was ist schlimmer. Eine korrekt aufgebaute Tabelle ODER fehlerhafter HTML-Code der per CSS irgendwie doch noch hingebogen wird? Sorry aber was man hier teilweise zu sehen kriegt - da freue ich mich noch über jeden der erstmal die Finger von CSS lässt..

Wie auch schon erwähnt, haben (Daten-, nicht Layout-)Tabellen, mein Verständnis für HTML gestärkt. Aber letztlich lernt jeder anders.

Aber noch eine Frage - kannst du mir einen modernen Browser nennen der Tabellen nicht korrekt (bzw. wie gewollt) darstellt? ;)
 
Außerdem meine ich mit Anfänger nicht Anfänger, die gerade ihre erste Seite fertigstellen. Mit Anfängern meine ich Personen, die gerade mal herausgefunden haben dass man mit dem Texteditor eigene Websites machen kann. Und dazu zählen einfach die meisten hier.
Zum Vergrößern anklicken....

also warum gleich mit table's anfangen, wenn man es danach eh niemals braucht?
(was dann auch mächtig in die Hose gehen kann, wenn z.B. wie root3450 gesagt hat: Jo mit Tabelle hats gut funktioniert, so mach ich das auch nächstes mal.

& wenn die Person, es nicht besser weis, und nicht in Foren aktiv ist, und es bei Google Suchen in anderen Foren garnicht erst steht, dann fängt man nicht nur falsch an, dann ist es auch falsch.

das <table> Element ist nicht wirklich "Zukunftsbasiert"

&& um das klarzustellen, ich habe auch NUR mit Div's am Anfang gearbeitet, Tabellen konnte ich da noch garnicht.
Die kamen erst später, aber nicht um das Layout zu machen, sondern um den eigentlichen Sinn zu erfüllen: eine Tabelle machen.

Ob das heutzutage in den Tutorials trotzdem noch mit Tabellen gemacht wird, weiß ich nicht.
Ich habe HTML ausschließlich mit Quellcodes gelernt. Ich habe NIE ein Tutorial zu HTML gelesen, also weiß ich das nicht.

Ach, jeder Browser hat irgentwann mal seine Probleme, kennst du ein der Divs falsch darstellt?
(die keine großartigen float, pixelverschiebungen, aufwendige Sachen haben)
(ja es musste Kategoriert werden, weil es hier ja um Anfänger geht, nicht um voll ausgebildete Google Programmierer)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben