mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 03:54 Benutzername: Passwort: Auto-Login

Thema: Hilfe bei HMTL/CSS Tabellengestaltung vom 22.07.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Hilfe bei HMTL/CSS Tabellengestaltung
Seite: 1, 2  Weiter
Autor Nachricht
dreamy
Threadersteller

Dabei seit: 11.05.2006
Ort: Berlin
Alter: 39
Geschlecht: Weiblich
Verfasst So 22.07.2007 19:02
Titel

Hilfe bei HMTL/CSS Tabellengestaltung

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
EHST
Gesperrt

Dabei seit: 08.08.2006
Ort: Orbg.-Sachsenhausen
Alter: -
Geschlecht: -
Verfasst So 22.07.2007 19:39
Titel

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
dreamy
Threadersteller

Dabei seit: 11.05.2006
Ort: Berlin
Alter: 39
Geschlecht: Weiblich
Verfasst So 22.07.2007 20:17
Titel

Antworten mit Zitat Zum Seitenanfang

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>&nbsp;<U><a href="mailto:stefanie.benter@werbeagentur-benter.de">> Visitenkartenhalter Querformat <</U></b></a><br><br>
&nbsp;Dieser Visitenkartenhalter im Querformat eignet sich<br>
&nbsp;Bestens für die Präsentation Ihrer Visitenkarten im<br>
&nbsp;Theken- und Tresenverkauf oder auf dem Schreibtisch.<br>
&nbsp;Öffnungsmaß: 9,3 cm<br>
&nbsp;Fülltiefe: 2,0 cm<br>
&nbsp;Höhe: 5,2 cm<br>
&nbsp;<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>
  View user's profile Private Nachricht senden
EHST
Gesperrt

Dabei seit: 08.08.2006
Ort: Orbg.-Sachsenhausen
Alter: -
Geschlecht: -
Verfasst Mo 23.07.2007 07:11
Titel

Antworten mit Zitat Zum Seitenanfang

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">&gt;
Visitenkartenhalter Querformat &lt;</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. *hehe*


Zuletzt bearbeitet von EHST am Mo 23.07.2007 07:12, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
nicoG

Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht: Männlich
Verfasst Mo 23.07.2007 10:43
Titel

Antworten mit Zitat Zum Seitenanfang

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 &nbsp; erstellt werden, sonder mit CSS. Dafür ist es da: Inhalt und Layout zu trennen *zwinker*
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
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mo 23.07.2007 10:49
Titel

Antworten mit Zitat Zum Seitenanfang

oder um die änderungen knapp zu halten:

Code:
<TABLE style="border:none" cellspacing="0" width="98%"  height="140" bgcolor="White">



cellspacing="0"
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
dreamy
Threadersteller

Dabei seit: 11.05.2006
Ort: Berlin
Alter: 39
Geschlecht: Weiblich
Verfasst Mo 23.07.2007 11:47
Titel

Antworten mit Zitat Zum Seitenanfang

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.`?
  View user's profile Private Nachricht senden
Account gelöscht


Ort: -
Alter: -
Verfasst Mo 23.07.2007 12:32
Titel

Antworten mit Zitat Zum Seitenanfang

Ja: wegwerfen, neu machen *zwinker*. 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"
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.