Tabelle mit Dreamweaver

iskra007 · 19.02.2009

hallo,

Wie kann ich so eine Webpage hinkriegen: wwwilonahannemann.de?
Als ich die Tabelle erstellt habe, war sie erst mal nur 3 x 3 cm, anstatt so groß wie der Bildschirm. Danach, als ich das Bild rein setzen wollte, musste ich einmal scrollen. Also, Ich kann den Fehler nicht finden.
Meine Cods:
<body>
<body bgcolor="#ffffff";>
<table border="1" >
<tr height="20%" >

<td align="right" valign="bottom">ilona</td>
<td > hannemann </td>
</tr>
<tr>
<td> test</td>
<td > <img src="taestensen.jpg" alt="my picture" /></td>
</tr>
</table>

</body>

Kann jemand mir beim fehlersuche helfen?
Gruss, Iskra.

Emporia · 19.02.2009

AW: Tabelle mit Dreamweaver

Sag ihr mit "width" wie breit du sie haben magst.

cebito · 19.02.2009

AW: Tabelle mit Dreamweaver

Du gibst ja keine Größen an, also wächst und schrumpft die Tabelle mit dem Inhalt.

Fritz_1990 · 19.02.2009

AW: Tabelle mit Dreamweaver

Die Breite ünd die höhe der einzelnen Zellen musst du mit pixel bestimmen.

cythux · 19.02.2009

AW: Tabelle mit Dreamweaver

Versuche es mal so

Code:

<table width="80%" height="226" border="1" >

schöner und sauber Lösung wäre es aber mit DIV's und CSS zu lösen!

iskra007 · 19.02.2009

AW: Tabelle mit Dreamweaver

Danke,
Ihr seit sehr schnell, aber bei mir tut sich gar nichts. Habe alle Alternativen ausprobiert. Kan das sein dass beim "Prewiev in firefox" ist der Fehler, nämlich , da gibt es keine Änderungen wenn ich die "width" und andere angebe.

Herr_D · 19.02.2009

AW: Tabelle mit Dreamweaver

Mach mal ne Skizze, wie du was haben möchtest, dann kommen bestimmt paar Leutchen und helfen dir, das ganz ohne Tabelle zu gestalten

Emporia · 19.02.2009

AW: Tabelle mit Dreamweaver

Wie cythux schreibt, am Schönsten und Besten wäre es, wenn du der Tabelle einen Namen, eine ID gibst (z.B. <table id="meinetabelle">) und dann in einem Stylesheet, also mittels dem berühmten CSS, die Breite, Höhe, ... bestimmst. z.B. so:

#meinetabelle td {
width: 200px;
height: 100px;
}

<tr> sind die Tabellenzeilen
<td> sind die Tabellenzellen

Verständlich?

psdoofer · 19.02.2009

AW: Tabelle mit Dreamweaver

Mir stellt sich die Frage ob dein Dreamweaver kaputt ist?
Ich verwende das Programm schon von Version 3 bis hin zu CS4 und kenne es seit Urzeiten so, dass schon bei der Auswahl der Option "Tabelle" ein Popup-Fenster erscheint, in welchem Du unter anderem die Tabellenbreite vorgeben kannst.

iskra007 · 19.02.2009

AW: Tabelle mit Dreamweaver

Ok,....das was Emporia meinte mit dem CSS klappt jetzt, nun jetzt bin ich bisschen durch einander mit dem ganzen: was ist mit dem Bild? es ist immer noch Groß. Es soll so aussehen:

Und bei mir ist als:

Welche Cods muss ich noch ändern?:
<a href="http://s11b.directupload.net/file/d/1710/jjhuh56v_png.htm" target="_blank"><img src="http://s11b.directupload.net/images/090219/temp/jjhuh56v.png" border="1" title="Kostenlos Bilder und Fotos hochladen"></a>

iskra007 · 19.02.2009

AW: Tabelle mit Dreamweaver

Meine Cods sind:
<style type="text/css">

#meinetabelle td {
width: 200px;
height: 100px;
}
</style>
</head>

<body>
<body bgcolor="#ffffff";>
<i id="meinetabelle">
<table width="80%" height="226" border="1" >
<tr >

<td id="logo" align="right" valign="bottom">ilona</td>
<td > hannemann </td>
</tr>
<tr>
<td> test</td>
<td > <img src="taestensen.jpg" alt="my picture" /></td>
</tr>
</table>
</i>
</body>
</html>

cebito · 20.02.2009

AW: Tabelle mit Dreamweaver

Du mußt auch deinem Bild Breite und Höhe zuweisen, dann wird es in diese Größe scaliert. 1000 mal besser wär es allerdings, wenn du es gleich in der richtigen Größe hochlädst, das spart Webspace und unnötige Ladezeit beim Besucher.

cebito · 20.02.2009

AW: Tabelle mit Dreamweaver

Code:

<html>
<head>
<style type="text/css">
body {
background-color:#FFFFFF;
}
#meinetabelle {
width: 80%;
height: 226px;
border: 1px solid #000000;
}
#meinetabelle .kopf {
text-align:left;
vertical-align:bottom;
height:50px;
}
#meinetabelle .left {
width:150px;
}

</style>
</head>

<body>

<table id="meinetabelle">
  <tr class="kopf">
    <td class="left">ilona</td>
    <td> hannemann </td>
  </tr>
  <tr>
    <td> test</td>
    <td > <img src="taestensen.jpg" alt="my picture" height="126px" /></td>
  </tr>
</table>

</body>
</html>

Ohne Erklärung, muß los...

Emporia · 20.02.2009

AW: Tabelle mit Dreamweaver

Mach einmal am Besten das Bild im Photoshop so klein, wie du es haben willst! Es ist schade um die unnötigen kb, die geladen werden müssen.

Außerdem kannst du (aber das musst du eigentlich nicht mehr, wenn das Bild eh schon die richtige Größe hat) im HTML folgendes schreiben:

<img src="meinbild.jpg" alt:"meinbild" width="200" height="100" />

Generell:
Also so wie ich die Seite sehe, wäre sie ohne Tabellenaufbau - wie Herr_D schon sagte - besser. Ich nehme an, Webseiten bauen ist nicht dein Hobby oder Beruf, sondern du baust gerade die Eine für dich?! Wir helfen auch gerne weiter, wenn du sie umstellen willst.

iskra007 · 20.02.2009

AW: Tabelle mit Dreamweaver

na, ja.....was soll ich sagen? Ich baue die Webseite für meine Firma wo ich als Screen und Webdesign Praktikantin arbeite. Aus deinem Kommentar sehe ich dass da noch viel zu nachholen ist.
Auf jeden Fall ich habe die Cods von Cebito benutzt, und es funktioniert, außer : "border 1px solid......" . Da ist keine Border zu sehen. Und weiß jemand warum?
Gruss, Iskra.

Emporia · 20.02.2009

AW: Tabelle mit Dreamweaver

Also wenn das Ganze nicht auf Druck passieren muss, dann schau, ob sie dir vielleicht eine Schulung angedeihen lassen

und wenn nicht, dann sollen sie dir ein entsprechendes Handbuch kaufen lassen.

Ein für mich ganz tolles Buch ist "Little boxes" von P. Müller (ich empfehl es immer gerne

). Er beschreibt wirklich alles ganz genau und lässt überflüssiges, komplettes Pseudoblabla echt außen vor. Und es kostet vielleicht 30 Euro, das sollte drinnen sein.

cebito · 20.02.2009

AW: Tabelle mit Dreamweaver

Das ist der Rahmen um die gesamte Tabelle, sollte zu sehen sein und war auch nur als Beispiel gedacht. Im Grunde kann ich mich Herr D und Emporia nur anschließen, wenn sie sagen du sollst das mal skizzieren usw. Ich mein, bei dem, was ich dir jetzt gegeben, benutz ich z.B. deinen 80%-Wert für die Tabellenbreite, somit wird die Tabelle (zumindest rechts, denn links ist die Spaltenbreite definiert) mit dem Bildschirm mitwachsen bzw. schrumpfen. Da sieht dein Bild dann entweder verloren aus oder du mußt wieder scrollen.

sokie · 20.02.2009

AW: Tabelle mit Dreamweaver

"border 1px solid......" . Da ist keine Border zu sehen. Und weiß jemand warum?

nach da fehlt der Doppelpunkt nach border.
Der einfachere Weg auf der Suche nach Lösungen ist eigentlich der, dass du die Sache mal höchlädst und einfach den Link postest /oder code posten (html und css) - so kann man immer nur raten.

wenn du ein Praktikum für Screen und Webdesign machst, ist auch der letzte Grund für in Tabellendesign uninteressant. Dieses Gefrickel will eigentlich kein Mensch mehr.

iskra007 · 21.02.2009

AW: Tabelle mit Dreamweaver

Hi,

...wie meinst Du "Gefrickel"?, wie würdest Du denn ein Website machen? Habe gefühl -ich muss mich "updaten"....
Gruss, Iskra

Schattenspringer · 21.02.2009

AW: Tabelle mit Dreamweaver

hallo iskra,

hier werden die argumente für und gegen ein tabellenlayout ganz gut auf den punkt gebracht:

das grundproblem vom tabellenlayout ist, dass du form UND inhalt in der html-datei festlegst und also auch vermischt.
mittlerweile ist es so, dass man den inhalt einer webseite in html schreibt und die form (also das layout) in css schreibt und die css-datei am besten als externe datei anlegt und in das html einbindet. damit wird die seite maschinenlesbar (wichtig für suchmaschinen) und barrierefrei.

gruss
schattenspringer