Autor |
Nachricht |
dreamy
Threadersteller
Dabei seit: 11.05.2006
Ort: Berlin
Alter: 39
Geschlecht:
|
Verfasst So 22.07.2007 19:02
Titel Hilfe bei HMTL/CSS Tabellengestaltung |
|
|
Hallo Leute ich hoffe ihr könnt mir schnell weiterhelfen.
Hier zu erstmal die seite wo ihr den Fehler nachvollziehen könnt:
http://www.werbeagentur-benter.de/produkte1.html
Im Textfeld von Produkte will ich gerne so wie es schon zu sehen ist mehrere Artikel anbieten.
mein Problem hier nun ist, das ich gerne den weißen Rahmen vertikal zwischen den beiden roten Spalten weghaben möchte, also so, dass es nachher aussieht wie ein rotes kästchen mit text und bild und darum der weiße rahmen.
also wenn ich cellspacing deaktiviere dann nimmt er mir auch den äußeren weißen rahmen weg und der soll ja bleiben. Ansonsten habe iches mit clowspan versucht aber da zieht er mir nur noch mehrere solcher spalten mit weißen rand.
Jedoch müssen die 2 rotenspalten bleiben, da der text in einer ist und das bild in einer. Da das Bild dann so überall den gleichen abstand zum rand hat.
Könnt ihr mir bei meinem problemchen helfen? Is sehr eilig.
Dank euch im Vorraus
//Titel editiert: Keine Eyecatcher!
Zuletzt bearbeitet von aUDIOfREAK am Mo 23.07.2007 07:44, insgesamt 1-mal bearbeitet
|
|
|
|
|
EHST
Gesperrt
Dabei seit: 08.08.2006
Ort: Orbg.-Sachsenhausen
Alter: -
Geschlecht: -
|
Verfasst So 22.07.2007 19:39
Titel
|
|
|
Also mal davon abgesehen, dass der Quelltext eine Katastrophe ist.. aber darum soll es ja nicht gehen. Bei der CSS-Datei sehe ich auch nicht durch...
Aber Lösungvorschlag (nur mal eben auf die Schnelle direkt im Quelltext, keine Ahnung, wo da was definiert ist...)
Code: | <td style="border: 1px solid white; border-left: none">
<a href="mailto:stefanie.benter@werbeagentur-benter.de">
<IMG SRC="http://www.werbeagentur-benter.de/pic/produkte/visitenkartenhalter.jpg" BORDER=0 ALT="Visitenkartenhalter">
</td>
|
|
|
|
|
|
Anzeige
|
|
|
dreamy
Threadersteller
Dabei seit: 11.05.2006
Ort: Berlin
Alter: 39
Geschlecht:
|
Verfasst So 22.07.2007 20:17
Titel
|
|
|
mhh nee du das funktioniert nicht!
haste das mal ausprobiert? Da zieht er mir und die rechte rote tabelle noch mal zusätzlich einen rahmen und lässt dort dann links den rahmen weg. aber von der weißen hintergrund tabelle is ja immer noch der weiße zwischenbalken da.
hast du oder jmd anderes noch einen vorschlag??????
der zutreffende Quelltext ist:
Code: | <div class="intro">
<TABLE>
<div style="border:solid white;">
<TABLE style="border:none" width="98%" height="140" bgcolor="white">
<tr width="100%" valign="middle" bgcolor="#D60000" height="150">
<td>
<p style="color:white; background-color:#D60000; font: normal 11px; font-weight: normal">
<br>
<b> <U><a href="mailto:stefanie.benter@werbeagentur-benter.de">> Visitenkartenhalter Querformat <</U></b></a><br><br>
Dieser Visitenkartenhalter im Querformat eignet sich<br>
Bestens für die Präsentation Ihrer Visitenkarten im<br>
Theken- und Tresenverkauf oder auf dem Schreibtisch.<br>
Öffnungsmaß: 9,3 cm<br>
Fülltiefe: 2,0 cm<br>
Höhe: 5,2 cm<br>
<B>Zur Preisanfrage klicken sie <a href="mailto:stefanie.benter@werbeagentur-benter.de">- hier -</a></B>
<br><br>
</font>
</p>
</td>
<td>
<a href="mailto:stefanie.benter@werbeagentur-benter.de">
<IMG SRC="http://www.werbeagentur-benter.de/pic/produkte/visitenkartenhalter.jpg" BORDER=0 ALT="Visitenkartenhalter">
</td>
</tr>
</TABLE>
</div>
|
|
|
|
|
|
EHST
Gesperrt
Dabei seit: 08.08.2006
Ort: Orbg.-Sachsenhausen
Alter: -
Geschlecht: -
|
Verfasst Mo 23.07.2007 07:11
Titel
|
|
|
Achso.
Dann mach´s doch einfach so (mal als Beispiel):
Code: |
<div class="intro">
<div style="border: 2px solid white; border-top: 8px solid white; padding: 5px; width: 98%; height: 140px; background-color:#D60000;">
<h1 style="font-size: 1em"><a href="mailto:stefanie.benter@werbeagentur-benter.de">>
Visitenkartenhalter Querformat <</a></h1>
<div style="float: left; width: 300px;">
Dieser Visitenkartenhalter im Querformat eignet sich
bestens für die Präsentation Ihrer Visitenkarten im
Theken- und Tresenverkauf oder auf dem Schreibtisch.
<ul style="list-style-type: none; margin: 5px">
<li>Öffnungsmaß: 9,3 cm</li>
<li>Fülltiefe: 2,0 cm</li>
<li>Höhe: 5,2 cm</li>
</ul>
<strong>Zur Preisanfrage klicken sie <a href="mailto:stefanie.benter@werbeagentur-benter.de">- hier -</a></strong>
</div>
<img style="border: none; width: 150px; height: 115px;" src="http://www.werbeagentur-benter.de/pic/produkte/visitenkartenhalter.jpg" alt="Visitenkartenhalter">
</div>
</div>
|
Beschissen viele DIVs, aber durch die Liste kann man den Absatz, wenn man einen setzt, nicht nach links schubsen. Gut, bin kein Profi... falls jemand eine andere Idee hat.
Zuletzt bearbeitet von EHST am Mo 23.07.2007 07:12, insgesamt 1-mal bearbeitet
|
|
|
|
|
nicoG
Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht:
|
Verfasst Mo 23.07.2007 10:43
Titel
|
|
|
Dafür brauchst du keine Tabelle für das was du vor hast. Der Semantik zuliebe würde ich eine Defintionsliste erstellen (oder auch einfach nur Überschrift, dann Text) und die Produktbilder daneben als Hintergrudnbild einbinden...
Die Urlaten font-Tags gehören da nicht hin, Abstände sollten nicht mit erstellt werden, sonder mit CSS. Dafür ist es da: Inhalt und Layout zu trennen
Außerdem fehlt dem Dokument ein Doctype, so ist der im Quirksmode und zeigt daas soweiso total falsch an in einigen Browsern.
Zuletzt bearbeitet von nicoG am Mo 23.07.2007 10:46, insgesamt 1-mal bearbeitet
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mo 23.07.2007 10:49
Titel
|
|
|
oder um die änderungen knapp zu halten:
Code: | <TABLE style="border:none" cellspacing="0" width="98%" height="140" bgcolor="White"> |
cellspacing="0"
|
|
|
|
|
dreamy
Threadersteller
Dabei seit: 11.05.2006
Ort: Berlin
Alter: 39
Geschlecht:
|
Verfasst Mo 23.07.2007 11:47
Titel
|
|
|
ja cellspacing habe ich ja schon probiert, aber dann nimmt er mir ja den ganzen weißen rand weg. Wobei ja der äußere bleiben soll.
ne andere idee vllt.`?
|
|
|
|
|
Account gelöscht
Ort: -
Alter: -
|
Verfasst Mo 23.07.2007 12:32
Titel
|
|
|
Ja: wegwerfen, neu machen . Das geht wirklich gar nicht, auch wenn du keine Dienstleistungen im Web-Bereich anbietest, das Ding ist vom technischen Standpunkt aus gesehen einfach nicht zeitgemäß.
Einzelne Fehler zu suchen & zu korrigieren sprengt ebenfalls den Rahmen. Aber es gibt gottlob Werkzeuge, die einem das abnehmen.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.werbeagentur-benter.de%2Fprodukte1.html
Zuletzt bearbeitet von am Mo 23.07.2007 12:33, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
Flash versus HMTL
horizontales scrollen von bildern (css/hmtl)
CSS menü mit link versehen - wie ein HMTL "target"
|
|