Wie würdet ihr diese Tabelle darstellen?
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
ahnung
aussehen
biet
datenfeld
ecken
gefallen
hell
inhalt
interessent
obere eck
obere rechte
pds
recht
safran
schatten
schattierung
schnelle hilfe
show
sinnen
tabelle
-
http://safran.xardas.lima-city.de/show/test.gif
Hi,
ich m?chte diese Tabelle (als Grafik vorhanden in meine Tabelle einbinden, und ahbe sie auch einigerma?en geslicet. Aber wenn da zuviel Inhalt drin steht sieht sie sehr unsch?n aus....kann mir jemand helfen? Wie w?rdet ihr diese Tabelle in eure Seite reinbasteln?
Kann es mir vielleicht einer nochmal slicen (wer mehr ahnung hat als ich)...ihr w?rdet mir ein rie?en gefallen tun!
Danke im Vorraus! -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
also wie ich dich verstanden habe soll da text in das weisse untere st?ck der grafik rein richtgi??
dann w?rde ich einfach eine tabelle mit 2 <tr>'s machen in die obere machst du den teil mit dem blau usw und in die untere den weissen teil. so kann der text dann auch nicht in das blaue ?bergehen was dann unsch?n aussieht wie du schon sagtest... -
Hoi
Eigetlich ganz einfach.. Der obere Teil (also die Blauen Felder) ein Feld, die Mitte (da wo die Links / Text reinkommt) und unten ein Feld (Ende)
Also so:
<tr><td style="background:url('oben.png')"> </td></tr>
<tr><td style="background:url('mitte.png')">Text</td></tr>
<tr><td style="background:url('untne.png')"> </td></tr>
  = Leerzeichen
Liebe Gr??e,
Ballu -
hi,
danke f?r die schnelle hilfe, aber ich habe mich wohl etwas falsch ausgedr?ckt. mein problem liegt eher darin, den Rahmen der Tabelle richtig darzustellen, da dies einzelne grafiken sind (diese schattierungen)...
die tabelle soll folgenderma?en aussehen: wie ihr schon richtig gesagt habt kommt unter die blauen felder der text hinein, und zwichen diese blauen felder sollte ein titel der tabelle stehen.
danke im vorraus!
-
dann machst du das so:
<table>
<tr>
<td style="background:url('o-links.png')" rowspan="2" width="100"> </td>
<td style="background:url('o-mitte.png')" rowspan="2" width="200"> </td>
<td style="background:url('o-rechts.png')" rowspan="2" width="100"> </td>
<td style="background:url('or-schatten.png')" width="25" height="25"> </td>
</tr>
<tr>
<td style"background:url('schatten1.png')"> </td>
</tr>
or-schatten muss eine ecke sein die nach oben und nach rechts immer heller wird und schatten1 muss ein Schatten sein der nach rechts immer heller wird.
Hoffe ich habe geholfen und du verstehst es wenn nicht nede mir mal ne pn, ich sowas schonma f?rn Freund gemacht da kann ihc auch dir weiterhelfen. -
Ich bekomme es beim besten willen nicht hin...vielleicht liegt es daran das die obere rechte Ecke nicht genauso gro? ist wie die erste Zeile. Ich muss dem zu folge mit "colspan" arbeiten, aber wenn die Tabelle dann w?chst, w?chst auch das obere rechte Datenfeld mit, und dem entsprechend unsch?n sieht die Tabellengrafik dann aus.
Ich habe mal f?r alle Interessenten die PDS Datei geuploadet: http://safran.xardas.lima-city.de/show/tabelle.psd
Vielleicht k?nnte mir echt jemadn einfach mal diese kleine Tabelle erstellen, weil ich habe noch mehr solche Tabellen, aber das w?re dann wohl kein Problem mehr, wenn ich einmal kapier wie es geht :D
Leider kann ich demjenigen nicht mehr als einen besonderen Dank bieten, w?re aber trotzdem sehr nett.
Danke im Vorraus! -
Sorry f?r den doppeltpost, aber ein neuen Thread erstellen macht ja wohl keinen Sinn...
Ich habe es jetzt weitgehend geschafft, alelrdings habe ich noch ein kleines Problem. Hier seht ihr wie die Tabelle aussehen sollte http://safran.xardas.lima-city.de/show/show.gif , aber mit zu viel inhalt sieht sie folgenderma?en aus:
http://safran.xardas.lima-city.de/show/show2.gif
Es geht also im Prinzip nur noch um das rechte, obere Eck.
Hier mein Quellcode:
<html>
<head>
<title> </title>
</head>
<body>
<!-- Begin Table -->
<table border="0" cellpadding="0" cellspacing="0" width="226">
<tr>
<td rowspan="1" colspan="6" width="226" height="3">
<img name="tabelle0" src="tabelle_1x1.gif" width="226" height="3" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="1" colspan="3" width="53" height="13">
<img name="tabelle1" src="tabelle_2x1.gif" width="53" height="13" border="0" alt="" /></td>
<td rowspan="1" colspan="1" width="109" height="13">
<p align="center"><font size="1">Das ist der Titel</font></td>
<td rowspan="1" colspan="2" width="64" height="13">
<img name="tabelle3" src="tabelle_2x3.gif" width="64" height="13" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" colspan="1" width="15" height="46" style="background:url('tabelle_3x1.gif')">
</td>
<td rowspan="2" colspan="4" width="189" height="46">
Das ist das Haus vom Nikolaus und neben an das vom Weinachtsmann<p>Das ist das Haus vom Nikolaus und neben an das vom Weinachtsmann</td>
<td rowspan="1" colspan="1" height="10" style="background:url('tabelle_3x3.gif')">
</td>
</tr>
<tr>
<td rowspan="1" colspan="1" width="22" height="35" style="background:url('tabelle_4x1.gif')">
</td>
</tr>
<tr>
<td rowspan="1" colspan="2" width="22" height="11" style="background:url('tabelle_5x1.gif')">
</td>
<td rowspan="1" colspan="3" width="182" height="11" style="background:url('tabelle_5x2.gif')">
</td>
<td rowspan="1" colspan="1" width="22" height="11" style="background:url('tabelle_5x3.gif')">
</td>
</tr>
<tr>
<td width="15" height="1">
<img name="blank" SRC="blank.gif" width="15" height="1" border="0"></td>
<td width="7" height="1">
<img name="blank" SRC="blank.gif" width="7" height="1" border="0"></td>
<td width="31" height="1">
<img name="blank" SRC="blank.gif" width="31" height="1" border="0"></td>
<td width="109" height="1">
<img name="blank" SRC="blank.gif" width="109" height="1" border="0"></td>
<td width="42" height="1">
<img name="blank" SRC="blank.gif" width="42" height="1" border="0"></td>
<td width="22" height="1">
<img name="blank" src="blank.gif" width="22" height="1" border="0"></td>
</tr>
</table>
<!-- End Table -->
</body>
</html>
Danke im Vorraus! -
Also der Ansatz ist richtig es fehlt nurnoch n bissl was, was f?r den schatten
n?tig ist, aber das musste ich hinbekommen.
Ich k?mmer mich ma drum und poste es dann rein. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
