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

problem mit tabelle

mitees.clothing

Neues Mitglied
servus html crew!

ich hab mich hier schon sehr lange umgeschaut und finde in self html und google auch keine weiteren lösungen...auch habe ich bereits mitbekommen das einige nicht gut auf tabellen lauyouts zu sprechen sind ^^

ich habe trotzdem eins gemacht und kommen nun nicht mehr weiter!

mein problem:

ich wollte einen eStore machen wo ich in einer tabelle produkte anbiete in der linken spalte sollte das bild stehen in der rechten die produktinfo.

so habe nun inzwischen echt alles ausprobiert aber es will einfach nicht so klappen wie ich mir das vorstelle!

ich möchte noch dazu sagen das diese page keinesfalls fertig ist und der inhalt nur probeweise reingepostet wurde!

link zur page:MITEES - Store - T-Shirts

quelltext der seite:
PHP:
 // 
<html>
<head>
 
<title> MITEES - Store - T-Shirts </title>
<style type="text/css">
<!-- a { text-decoration:none;} -->
{ font-family:impact; }
/* button nummer 1 */
a#rollover{ 
width: 170px; /* Breite */
height: 30px; /* Hoehe */
float:left;
display: block; /* Element wird als Block-Element dargestellt */
outline: none; /* unterdrueckt gestrichelten Rahmen */
background: url(\bilder\button_clothing_test.jpg) no-repeat; /* Hintergrundgrafik */
}
a#rollover:hover { 
background: url(\bilder\button_clothing_test_on.jpg) no-repeat; /* Hintergrundgrafik */
}
/*button nummer 2 */
a#rollover1{ 
width: 170px; /* Breite */
height: 30px; /* Hoehe */
float:left;
display: block; /* Element wird als Block-Element dargestellt */
outline: none; /* unterdrueckt gestrichelten Rahmen */
background: url(\bilder\button_startseite_test.jpg) no-repeat; /* Hintergrundgrafik */
}
a#rollover1:hover { 
background: url(\bilder\button_startseite_test_on.jpg) no-repeat; /* Hintergrundgrafik */
}
/*button nummer 3 */
a#rollover2{ 
width: 120px; /* Breite */
height: 30px; /* Hoehe */
float:left;
display: block; /* Element wird als Block-Element dargestellt */
outline: none; /* unterdrueckt gestrichelten Rahmen */
background: url(\bilder\button_store_test.jpg) no-repeat; /* Hintergrundgrafik */
}
a#rollover2:hover { 
background: url(\bilder\button_store_test_on.jpg) no-repeat; /* Hintergrundgrafik */
}
 
/*button nummer 4 */
a#rollover3{ 
width: 190px; /* Breite */
height: 30px; /* Hoehe */
float:left;
display: block; /* Element wird als Block-Element dargestellt */
outline: none; /* unterdrueckt gestrichelten Rahmen */
background: url(\bilder\button_impressum_test.jpg) no-repeat; /* Hintergrundgrafik */
}
a#rollover3:hover { 
background: url(\bilder\button_impressum_test_on.jpg) no-repeat; /* Hintergrundgrafik */
}
</style>
 
</head>
<body bgcolor="#dbdbdb" topmargin="0" leftmargin="230" rightmargin="200" link="#ffffff" alink="#ffffff" vlink="#ffffff" text="#ffffff" fontstyle="impact"> 
<table border="0" width="1200px" cellpadding="0" cellspacing="0">
<!-- EXILE LOGO KLEIN -->
<tr>
<td>
<a href="\html\test.startseite.html"><img src="\bilder\header.jpg" border="0" alt="Startseite MITEES"></img></a>
</td>
</tr>
<!-- MENÜLEISTE OBEN --> 
<tr>
<td style="background-image:url(\bilder\menuleiste_bg.jpg)" width="1200px">
<a href="\html\test.startseite.html" id="rollover1"></a>
<a href="\html\test.clothing.html" id="rollover"></a>
<a href="\html\test.store.html" id="rollover2"></a> 
<a href="\html\test.impressum.html" id="rollover3"></a>
</td>
</tr>
 
<td>
 
</td>
 
</table>
<table border="1" bordercolor="#000000" cellspacing="0" cellpadding="2" style="background-color:#7bca28" width="1200px">
<tr>
<td width="100%" valign="TOP">
<h2><span style="font-family:'arial'" style="font-weight:100"><center> T-Shirts </center></span></h2>
</td>
<p/>
<tr>
<th>
<img src="\bilder\mitees_t-shirt_logo_weiss.jpg" width="30%"></img>
</th>
 
<th>
<img src="\bilder\mitees_t-shirt_tree_weiss.jpg" width="30%"></img>
<th< 
 
<img src="\bilder\mitees_t-shirt_raylight-kugeln_weiss.jpg" width="30%"></img>
</th>
</tr>
<tr>
<td style="background-image:url(\bilder\menuleiste_bg.jpg)" width="100%" colspan="2" highth="15px">
<center> 
 
<h5><span style="font-family:'arial'" style="font-weight:100"><a href="agb.html"> AGB </a><img src="\bilder\trennlinie_bottom.jpg" width="2px"></img><a href="\html\impressum.html"> IMPRESSUM </a><img src="\bilder\trennlinie_bottom.jpg" width="2px"></img> © Copyright MITEES 2009</span></h5>
</center>
</td>
</tr>
</table>
 
</body>
</html>
 
Zuletzt bearbeitet:
ich hab mich hier schon sehr lange umgeschaut und finde in self html und google auch keine weiteren lösungen...auch habe ich bereits mitbekommen das einige nicht gut auf tabellen lauyouts zu sprechen sind ^^

ich habe trotzdem eins gemacht und kommen nun nicht mehr weiter!

Selbst gemachte Leiden. Wenn du schon weißt, dass Tabellen nicht fürs Layout zu misbrauchen sind, warum verwendest du sie dann dafür?

Such mal nach "semantisches HTML" hier im Forum, dann findest du genügend Beiträge, die dir erklären, wofür HTML da ist und wofür nicht.

ich wollte einen eStore machen wo ich in einer tabelle produkte anbiete in der linken spalte sollte das bild stehen in der rechten die produktinfo.
Dafür könnte man sogar evtl. eine Tabelle verwenden. Aber nur für die Produkte, nicht für das Layout der Seite.

so habe nun inzwischen echt alles ausprobiert aber es will einfach nicht so klappen wie ich mir das vorstelle!
Und wie stellst du es dir vor?

ich möchte noch dazu sagen das diese page keinesfalls fertig ist und der inhalt nur probeweise reingepostet wurde!
Wenn du einen Link gepostet hast, brauchst du den Quellcode nicht mehr mit posten, den bekommen wir schon von deiner Seite.
 
ich habe mir halt gedacht das ich ne tabelle mit 2 spalten mache - eine spalte für das bild und eine spalte für die produktinfo

wie tabellen aufgebaut sind weiss ich ja aber wenn ich dann die tabelle geschrieben habe ist alles vollkommen woanders als das ich wollte.
als zweites habe ich versucht keine neue tabelle in der layout tabelle zu machen sondern einfach nochmal spalten in der layout tabelle zu machen
was aber zu dem ergebnis führt was ihr in dem obigen quelltext findet!

ich weiss einfach nichtmehr weiter....
 
habe ich bereits mitbekommen das einige nicht gut auf tabellen lauyouts zu sprechen sind ^^
ich habe trotzdem eins gemacht und kommen nun nicht mehr weiter!
Das nennt man dann "Masochist" :-)

so habe nun inzwischen echt alles ausprobiert aber es will einfach nicht so klappen wie ich mir das vorstelle!
Und das wäre?
Wie ist jetzt Deine Frage?
Und, warum hast Du letzten Endes Dich doch für den Hack aus den 1990er Jahren - Tabellenlayout - entschieden? Einfacher ist es nicht.
 
css und php trau ich mich noch nich so ran... ^^ html is da noch einigermasen verständlich für mich!

aber ich sehe schon muss wohl css oder php lernen....

wie ich mir das vorstelle steht weiter oben....

ich bekomme einfach keine 2 spalten mehr hin auch wenn ich <th> benutze, bei <td> geht auch nix.....
 
css und php trau ich mich noch nich so ran... ^^ html is da noch einigermasen verständlich für mich!
Da kann ich dir leider nicht zustimmen, denn es sieht so aus, als ob du noch nicht verstanden hättest, wofür HTML da ist. Mit HTML gibst du deinem Inhalt eine Bedeutung (Semantik), HTML hat nichts mit dem Layout zu tun, überhaupt nichts. Die Wahl der Tags wird nur von der Bedeutung des Inhaltes bestimmt, nicht von dem Aussehen im Browser.

aber ich sehe schon muss wohl css oder php lernen....
CSS und PHP sind nicht vergleichbar. CSS ist die Layoutsprache, die deinem HTML die Optik verpasst, PHP ist eine serverseitige Scriptsprache, mit der du dynamische Anwendungen erstellen kannst.

wie ich mir das vorstelle steht weiter oben....
Eine Tabelle mit 2 Spalten und n-Zeilen? Das findest du in jedem Tutorial.

ich bekomme einfach keine 2 spalten mehr hin auch wenn ich <th> benutze, bei <td> geht auch nix.....
Du hast ja auch einige Fehler in deinem Code und ein Doctype fehlt auch.
 
ok ja das es für 2 spalten und n-spalten 1 million tuts gibt weiss ich und die hab ich mir auch alle bereits angeschaut aber mein prob bleibt deswegen auch weiter bestehen.

hmm ok dann schau ich mir mal css an..... schade das mein prob doch keiner lösen konnte ....
gute css tut seite??
 
ich bekomme einfach keine 2 spalten mehr hin auch wenn ich <th> benutze, bei <td> geht auch nix.....

Hallo Mitees,

Html ist deutlich einfacher, wenn man es nur zum Auszeichnen der Inhalte verwendet...
Und CSS ist auch nicht so schwer, wie es aussieht...

Zu Deinem Tabellenproblem: Dein Quelltext wimmelt vor Fehlern, da versucht jeder
Browser so zu korrigieren, wie er glaubt, dass es sein könnte...

In einer Tabelle muss jede Zeile die gleiche Anzahl Spalten haben!

Code:
<tr>
<td width="100%" valign="TOP"><h2><span style="font-family:'arial'" style="font-weight:100"><center> T-Shirts </center></span></h2>
</td>
[B][COLOR=Red]<p/>[/COLOR][/B]
<tr>
<th>
<img src="\bilder\mitees_t-shirt_logo_weiss.jpg" width="30%">[B][COLOR=Red]</img>[/COLOR][/B]
</th>
<th>
<img src="\bilder\mitees_t-shirt_tree_weiss.jpg" width="30%">[COLOR=Red][B]</img>[/B][/COLOR]
[B][COLOR=Red]<th[/COLOR][/B][B][COLOR=Red]<[/COLOR][/B]
<img src="\bilder\mitees_t-shirt_raylight-kugeln_weiss.jpg" width="30%">[B][COLOR=Red]</img>
[/COLOR][/B]</th>
</tr>
In der ersten Zeile hast du nur eine Spalte, die nächste Tabellenzeile machst Du auf,
ohne die erste zu beenden (<p/> gibt es überhaupt nicht).
img-Tags schließt Du so:
Code:
<img src="\bilder\mitees_t-shirt_tree_weiss.jpg" width="30%" [B][COLOR=Red]/[/COLOR][/B]>
Weiter habe ich jetzt nicht geschaut...

Grüße
Bernhard
 
Zurück
Oben