Dreamweaver: Bild in fixe Tabelle einfügen?

masterdi · 13.05.2013

Hallo an alle, ich bin neu hier und hoffe ihr könnt mir weiterhelfen...
bin mir nicht sicher ob es das thema schon gibt - ich habe leider nichts brauchbares gefunden...

ich versuche mir seit kurzer zeit die html grundkenntnisse mit hilfe von dreamweaver selbst beizubringen.

nun bin ich an ein kl. problem gestoßen, dass mich beschäftigt.

ich hab eine tabelle 2x2 mit einer weite von 1024.
ich würde gerne fotos einfügen, jedoch sind die fotos größer als die tabelle und müssen immer mühsam angepasst werden.

meine frage jetzt, gibt es eine möglichkeit die tabelle auf eine fixe größe einzustellen und dann einfach die bilder reinzuziehn und sie werden automatisch an die fixe tabellen größe angepasst?

bin für jeden tip sehr dankbar - und bitte habt geduld ich bin mit meinem knowhow noch ganz am anfang =)

lg

randacek_pro · 13.05.2013

AW: Dreamweaver: Bild in fixe Tabelle einfügen?

Hallo und herzlich willkommen!

Ich kann wieder ein mal noch nicht schlafen, daher setze ich mich gleich mal an das Thema

Du lernst HTML mit Hilfe von Dreamweaver?
Nutzt du auch irgendwelche Literatur, Anleitungen, Bücher, Websites, Videos dazu?

Wenn ich so deine Beschreibung lese, dann verstehe ich das so, als möchtest du eine Art Galerie mit Fotos aufbauen?

Generell sind Tabellen für die visuelle Struktur, also das Layout, einer Website nicht geeignet.
Also nicht, dass es nicht geht, aber vereinfacht gesagt, Tabellen sind Tabellen, also Vergleichslisten mit Zeilen, Spalten, Überschriften, Tabellenkopf, etc..., sie dienen zur Informationsvermittlung und nicht, um eine Seite zu strukturieren.
Später wirst du mit Seiten, die auf Tabellen basieren, auch mehr Schwierigkeiten haben, sie an einzelne Bildschirmgrößen und Geräte anzupassen, da du innerhalb einer Tabelle die Zellen ja nur begrenzt anpassen kannst, nämlich je nur maximal auf Höhe und Breite der einzelnen Zeilen und Spalten.
Von daher: Tabellen nur dahin, wo du auch handschriftlich eine Tabelle zeichnen würdest.

Zum Strukturieren der Websites werden Container, bzw. Boxes verwendet.
Damit meint man Blocklemente, bzw. DIV-Elemente (<div>).
Wie das genau aussehen soll, überlasse ich mal denen, die es schon ausführlich erklärt haben

http://jendryschik.de/wsdev/einfuehrung/eigenschaften/css-boxmodell/
http://little-boxes.de/lb1/7.2-das-box-modell-in-der-uebersicht.html
und überhaupt die Seite little-boxes.de ist sehr zu empfehlen.

Jetzt kommt es auch noch ein bisschen drauf an, möchtest du wirklich eine Galerie machen, wie ich vermute? Oder sollen die Bilder Hintergrundbilder sein?

Lieber Gruß

patrick_l · 13.05.2013

AW: Dreamweaver: Bild in fixe Tabelle einfügen?

- Dreamweaver ist nur ein Werkzeug
- Mit Dreamweaver lernt man kein HTML
- Für das Lernen von HTML und Co ist der Dreamweaver alles andere als geeignet
- HTML ist zum Strukturieren von Inhalten da
- CSS zum Formatieren dieser Inhalte verwenden

Zum Lernen hat randacek_pro bereits ein paar gute Quellen genannt. Du findest im Internet noch viele weitere nützliche Ressourcen, mit denen du dich auseinandersetzen solltest. Auch von meiner Seite noch ein zwei nützliche Links. Vor allem aktuell zu HTML5.

- HTML5-Handbuch - Webkompetenz
- Mozilla Developer Network | Lerne HTML, CSS & JS

An deiner Stelle würde ich auch den Dreamweaver beiseite legen, und vorerst mit einem ganz simplen Quelltexteditor arbeiten. Dieser sollte einem nicht zu viel abnehmen. Also ein einfacher Editor mit Syntax-Highlighting (Hervorhebung). Auto-complet Fuktionen, wenn vorhanden, deaktivieren. Je weniger dir abgenommen wird, um so eher macht es klick.

Liebe Grüße, Patrick

ekiam14 · 13.05.2013

AW: Dreamweaver: Bild in fixe Tabelle einfügen?

Hallo,

meine Vorredner haben Dir ja schon gesagt was Dreamweaver ist und welche Hilfen Du ungedingt in Anspruch nehmen sollstest.

Hilfe gibt es zusätzlich auch hier: http://dreamworker.de/

Gruß
Ekiam14

Pixelverwender · 13.05.2013

AW: Dreamweaver: Bild in fixe Tabelle einfügen?

patrick_l schrieb:
[...] und vorerst mit einem ganz simplen Quelltexteditor arbeiten. Dieser sollte einem nicht zu viel abnehmen. Also ein einfacher Editor mit Syntax-Highlighting (Hervorhebung).

Um Patricks guten Tipp zu vervollständigen: Für Windows gibt es den kostenlosen und sehr guten Notepad++ Editor. http://notepad-plus-plus.org/

masterdi · 13.05.2013

AW: Dreamweaver: Bild in fixe Tabelle einfügen?

wow - vielen dank für den massigen input! mit sowiel hab ich nicht gerechnet! spitzen forum ist das hier :daumenhoch

:

hab mich wohl ein bisschen schwammig ausgedrückt, ich habe sehr wohl tutorials, video, und internet seiten herangezogen - sogut ich halt konnte.
und das ganze versuch ich mit dreamweaver umzusetzen...

was ich suche:
geplant war das ganze für ebay. ich wollte mir eine html seite bauen wo ich nur noch text und fotos ändern muss! ich hab mir das mit den fotos so vorgestellt, dass ich eine fixe größe von tabelle/box oder was man da braucht habe und die fotos dann einfach in die fixe tabelle reinziehen kann und die fotos passen sich der tabellen größe an...

ich stell euch mal den code hoch, damit ihr seht was ich bis jetzt so fabriziert habe. ist alles ganz simpel in tabellen gehalten...(ich hab jetzt noch keine banner hochgeladen aber man sieht wie es aussehen sollte...)

PHP:

<html>
<head>
<title>eBay Template</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
body {
    background-image: url();
    background-repeat: repeat;
    background-color: #383838;
}

borders {
    border: thin solid #6E3E00;
}
-->
</style>
</head>



<body>
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><img src="BigCuno 1024/1024 Banner Kopf.jpg" width="1024" height="110" alt="Banner Kopf"></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="7">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="7"><img src="BigCuno 1024/Banner Beschreibung 1024.jpg" width="1024" height="40" alt="Banner Beschreibung"></td>
  </tr>
  <tr>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="450" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="28" bgcolor="#383838">&nbsp;</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="450" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td width="24" rowspan="5" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="450" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="24" rowspan="5" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="28" rowspan="5" bgcolor="#383838">&nbsp;</td>
    <td width="24" rowspan="5" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="450" align="center" bgcolor="#FFFFFF">Bitte beachten Sie auch meine anderen Auktionen!</td>
    <td width="24" rowspan="5" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td width="450" bgcolor="#FFFFFF">&nbsp;</td>
    <td height="19" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td width="450" bgcolor="#FFFFFF">&nbsp;</td>
    <td align="center" bgcolor="#FFFFFF">--->Klicken<---</td>
  </tr>
  <tr>
    <td width="450" bgcolor="#FFFFFF">&nbsp;</td>
    <td bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td width="450" bgcolor="#FFFFFF">&nbsp;</td>
    <td bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td width="24">&nbsp;</td>
    <td>&nbsp;</td>
    <td width="24">&nbsp;</td>
    <td width="28">&nbsp;</td>
    <td width="24">&nbsp;</td>
    <td width="450">&nbsp;</td>
    <td width="24">&nbsp;</td>
  </tr>
</table>
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><img src="BigCuno 1024/Banner Fotos.jpg" width="1024" height="40" alt="Banner Fotos"></td>
  </tr>
  <tr>
    <td width="1024" align="center" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td width="1024">&nbsp;</td>
  </tr>
</table>
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="3"><img src="BigCuno 1024/Banner Versand.jpg" width="1024" height="40" alt="Banner Versand"></td>
  </tr>
  <tr>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="955" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td width="24" height="205" rowspan="5" align="center" bgcolor="#FFFFFF">&nbsp;</td>
    <td align="center" bgcolor="#383838"><table width="100%" cellspacing="3" cellpadding="2">
      <tr>
        <th width="300" align="center" bgcolor="#FFFF82">Anzahl</th>
        <th width="220" align="center" bgcolor="#FFFF82">&Ouml;sterreich</th>
        <th width="220" align="center" bgcolor="#FFFF82">Deutschland</th>
        <th width="220" align="center" bgcolor="#FFFF82">Weltweit</th>
      </tr>
      <tr>
        <td width="300" align="center" bgcolor="#FFFF82">bis 4</td>
        <td width="220" align="center" bgcolor="#FFFF82">0,90&euro;</td>
        <td width="220" align="center" bgcolor="#FFFF82">1,00&euro;</td>
        <td width="220" align="center" bgcolor="#FFFF82">2,00&euro;</td>
      </tr>
      <tr>
        <td width="300" align="center" bgcolor="#FFFF82">5-19</td>
        <td width="220" align="center" bgcolor="#FFFF82">1,00&euro;</td>
        <td width="220" align="center" bgcolor="#FFFF82">1,50&euro;</td>
        <td width="220" align="center" bgcolor="#FFFF82">2,50&euro;</td>
      </tr>
      <tr>
        <td width="300" align="center" bgcolor="#FFFF82">20-39</td>
        <td width="220" align="center" bgcolor="#FFFF82">1,50&euro;</td>
        <td width="220" align="center" bgcolor="#FFFF82">3,50&euro;</td>
        <td width="220" align="center" bgcolor="#FFFF82">6,00&euro;</td>
      </tr>
      <tr>
        <td width="300" align="center" bgcolor="#FFFF82">40-99</td>
        <td width="220" align="center" bgcolor="#FFFF82">3,00&euro;</td>
        <td width="220" align="center" bgcolor="#FFFF82">7,00&euro;</td>
        <td width="220" align="center" bgcolor="#FFFF82">14,00&euro;</td>
      </tr>
      <tr>
        <td width="300" align="center" bgcolor="#FFFF82">100-999</td>
        <td width="220" align="center" bgcolor="#FFFF82">4,00&euro;</td>
        <td width="220" align="center" bgcolor="#FFFF82">10,00&euro;</td>
        <td width="220" align="center" bgcolor="#FFFF82">22,00&euro;</td>
      </tr>
      <tr>
        <td width="300" align="center" bgcolor="#FFFF82">ab 1000</td>
        <td width="220" align="center" bgcolor="#FFFF82">6,00&euro;</td>
        <td width="220" align="center" bgcolor="#FFFF82">15,50&euro;</td>
        <td width="220" align="center" bgcolor="#FFFF82">30,00&euro;</td>
      </tr>
    </table></td>
    <td width="24" rowspan="5" align="center" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td align="center" bgcolor="#FFFFFF"> <p>&nbsp;</p></td>
  </tr>
  <tr>
    <td height="28" align="center" bgcolor="#FFFFFF"><p>Sparen Sie Versandkosten und n&uuml;tzen Sie die M&ouml;glichkeit des kombinierten Versandes. Bis zu 30 Tage k&ouml;nnen Sie gewonnene Auktionen sammeln. </p></td>
  </tr>
  <tr>
    <td height="25" align="center" bgcolor="#FFFFFF">F&uuml;r jede weiter gewonnene Auktion fallen 0,10&euro; an </td>
  </tr>
  <tr>
    <td align="center" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td width="24">&nbsp;</td>
    <td>&nbsp;</td>
    <td width="24">&nbsp;</td>
  </tr>
</table>
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="8">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="8"><img src="BigCuno 1024/Banner Bezahlung.jpg" width="1024" height="40" alt="Banner Bezahlung"></td>
  </tr>
  <tr>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="20" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="430" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="28" bgcolor="#383838">&nbsp;</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="450" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td width="24" height="22" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="20" height="22" bgcolor="#FFFFFF">&bull;</td>
    <td width="430" height="22" bgcolor="#FFFFFF"><p>Bezahlung per Paypal m&ouml;glich</p></td>
    <td width="24" height="22" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="28" bgcolor="#383838">&nbsp;</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="450" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td width="24" height="22" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="20" height="22" bgcolor="#FFFFFF">&bull;</td>
    <td width="430" height="22" bgcolor="#FFFFFF">Bezahlung per &Uuml;berweisung m&ouml;glich</td>
    <td width="24" height="22" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="28" bgcolor="#383838">&nbsp;</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="450" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td width="24" height="22" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="20" height="22" bgcolor="#FFFFFF">&bull;</td>
    <td width="430" height="22" bgcolor="#FFFFFF">Barzahlung bei Abholung in Wien 1100 m&ouml;glich</td>
    <td width="24" height="22" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="28" bgcolor="#383838">&nbsp;</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="450" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="20" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="430" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="28" bgcolor="#383838">&nbsp;</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="450" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td width="24">&nbsp;</td>
    <td width="20">&nbsp;</td>
    <td width="430">&nbsp;</td>
    <td width="24">&nbsp;</td>
    <td width="28">&nbsp;</td>
    <td width="24">&nbsp;</td>
    <td width="450">&nbsp;</td>
    <td width="24">&nbsp;</td>
  </tr>
</table>
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="3"><img src="BigCuno 1024/Banner Kaufabwicklung.jpg" width="1024" height="40" alt="Banner Kaufabwicklung"></td>
  </tr>
  <tr>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="969" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
    <td bgcolor="#FFFFFF">Nach abgeschlossener Auktion...</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
    <td height="10" align="center" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
    <td height="10" align="center" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
    <td bgcolor="#FFFFFF">&nbsp;</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td width="24">&nbsp;</td>
    <td>&nbsp;</td>
    <td width="24">&nbsp;</td>
  </tr>
</table>
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="3"><img src="BigCuno 1024/Banner Sonstiges.jpg" width="1024" height="40" alt="Banner Sonstiges"></td>
  </tr>
  <tr>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="969" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
    <td align="center" bgcolor="#FFFFFF">Ich bin Privatverk&auml;ufer</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
    <td height="10" align="center" bgcolor="#FFFFFF">Unter Ausschluss jeglicher Gew&auml;hrleistung f&uuml;r Sachm&auml;ngel am Kaufgegenstand.</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
    <td height="10" align="center" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="24" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td width="24">&nbsp;</td>
    <td>&nbsp;</td>
    <td width="24">&nbsp;</td>
  </tr>
</table>
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><img src="BigCuno 1024/1024 Banner Kopf.jpg" width="1024" height="110" alt="Banner Fuss"></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

Pixelverwender · 13.05.2013

AW: Dreamweaver: Bild in fixe Tabelle einfügen?

Du hast genau das getan, wovon Dir die Vorposter aus gutem Grund abgeraten haben: Seitengestaltung mit Tabellen. Wenn Du Dich mit den Grundlagen von HTML beschäftgt hast, müsstest Du eigentlich darüber gestolpert sein, dass man Seiten So eben NICHT umsetzt, sondern (wie weiter oben schon aufgeführt) mit <div> Containern/Boxen.
Ich kann Dir hierzu nur wärmstens die Linktipps von randacek und patrick ans Herz legen.

Was Dein Anliegen an sich betrifft: Bilder werden durch ihre Größenangaben skaliert, nicht durch Tabellen.

Code:

<img source="mein-bild.jpg"  width="240" height="160>

Und die Bilder werden vorher mit einer Bildbearbeitungssoftware so in ihrer Größe bearbeitet, wie sie hinterher auch benötigt werden, um unnötige Ladezeiten, Verzerrungen und Bildstörungen durch zwangsweise (Falsch-)skalierung durch HTML zu vermeiden.

owieortho · 13.05.2013

AW: Dreamweaver: Bild in fixe Tabelle einfügen?

masterdi schrieb:
PHP:

<img src="BigCuno 1024/Banner Beschreibung 1024.jpg" width="1024" height="40" alt="Banner Beschreibung">

Auch gerne eine Fehlerquelle: Leerzeichen in Datei- und Verzeichnisnamen. Besser:
BigCuno_1024/Banner_Beschreibung_1024.jpg

Und natürlich keine Umlaute.

Gruß

O.

dagdavincy · 13.05.2013

AW: Dreamweaver: Bild in fixe Tabelle einfügen?

Ich rate dringend die Tips von Randacec und Patrick zu beherzigen. Dreamwaver ist zwar ein tolles Werkzeug. Da drin aber rumzuklicken ohne wirklich zu verstehen was hintendran abgeht, macht keinen Sinn.

Tabellenaufbau in der Site war mal - Struktur und Aufbau der Site in HTML sind das eine. Verhalten und Gestaltung gehören in eine CSS. Das erhöht u. A. die Übersicht, dient der Korrekturfähigkeit und vermeidet das Dein Script sinnlos zu unermesslichen Umfang wächst.
Bleib also dran und nimm die Anregungen auf. Wenn´s hakt ruhig noch mal hier melden. Es gibt keine dummen Fragen - höchstens dumme Antworten.

patrick_l · 13.05.2013

AW: Dreamweaver: Bild in fixe Tabelle einfügen?

Das Websites nicht mit Tabellen umgesetzt werden, haben wir dir ja bereits gesagt. Was mir jetzt an deinem geposteten Quelltext noch auffällt, wäre der fehlende Doctype. Zurück zum Aufbau bzw. der Strukturierung mit HTML.

Mit einzelnen Divs werden dem Layout entsprechend Container erstellt, in denen durch weitere Elemente die einzelnen Inhalte angegeben werden. So auch für deine Bilder. Die Anpassung (Formatierung) wird dann entsprechend mit CSS umgesetzt.

Als Beispiel habe ich dir jetzt mal einen ähnlichen Aufbau in verkürzter Form erstellt. Wenn du dieses jetzt mal mit deinem Quelltext (der Tabelle) vergleichst, wird dir allein die kürze Code auffallen. Mit CSS kann jetzt z.B. die unsortierte Liste (ul) angesprochen und entsprechend formatiert werden.

HTML:

<div id="content">
  <ul id="images">
    <li><img src="#" alt="Auto" /></li>
    <li><img src="#" alt="Boot" /></li>
    <li><img src="#" alt="Flugzeug" /></li>
  </ul>
</div>

Mehr erfährst du, wenn du dich näher mit HTML und CSS auseinandersetzt. Um das Verhalten der einzelnen Elemente besser kennen zu lernen und diese schneller zu merken, eignet sich wie gesagt eher ein einfacher Editor ohne viele Features, die einem zu viel abnehmen.

Quelltexteditore gibt es wie Sand am Meer. Sowohl als Free und Shareware. Der von Pixelverwender genannte Notepad++ wäre schon mal ein Guter. Schlichtes Interface ohne viel "Schnickschnack". Vor allem ohne eher kontraproduktive WYSIWYG-Features, wie man sie aus dem Dreamweaver kennt.

Je mehr du per Hand machen musst, um so eher lernst du es. Wenn dann die Grundlagen erst einmal sitzen, du dich mit den einzelnen Sprachen vertraut gemacht hast, kannst du dich natürlich nach einem Editor umschauen, der die Arbeit durch entsprechende Features beschleunigt. Erst dann würde ich deinen Dreamweaver wieder hervor kramen.

Liebe Grüße, Patrick

masterdi · 15.05.2013

AW: Dreamweaver: Bild in fixe Tabelle einfügen?

ok wie is sehe hab ich sogut wie alles falsch gemacht ...

werde mir noch mal in ruhe alle tipps zu herzen nehmen - vielen dank die vielen links und ratschläge...

noch eine letzte frage:
bei der seite die ich erstellt habe, habe ich mich an das tutorial -> Link gehalten. meint ihr mein entwurf ist absolut unbrauchbar für eine normale ebay auktion oder würde es trotzdem in ordnung gehen auch wenn das ganze nur aus tabellen besteht und absolut leihenhaft gemacht wurde ?

vielen dank an alle !!