[GastForen Web allgemein HTML und CSS / Stylesheets blockierte Tabelle

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

blockierte Tabelle

troll_13
Beiträge gesamt: 40

30. Apr 2013, 17:22
Beitrag # 1 von 2
Bewertung:
(2176 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo, kann mir jemand helfen?
Ich habe eine Tabelle, die blockiert ist. Das heisst ich möchte eine Spalte breiter machen, aber ich finde einfach nicht heraus, wo ich es verstellen muss. Wer hilft mir?
Die Spalte mit dem Bild drin ist zu breit, die mit der Adresse zu schmal... Es nützt nichts, wenn ich die width="126" oder 45% verstelle.

Code
<div id="watermark" style="background: none;"> 
<div id="centerContent">
<h1 class="pageTitle">Vorstand</h1>

<table border="0" cellspacing="0" cellpadding="0">
<table width="1000" style="width: 98%; background-color: transparent; empty-cells: show;" cellpadding="3" cellspacing="0">

<tr width="1000">

<td width="126" style="border: 1px solid rgb(79, 129, 189); vertical-align: top; text-align: left; background-color: rgb(255, 255, 255);">Präsident:</td>
<td width="45%" style="border: 1px solid rgb(79, 129, 189); border-left: 0px; vertical-align: top; text-align: left; background-color: rgb(255, 255, 255);"<div class="imageParagraph paragraphBase" id="pa37"><img border="0" align="left" src="../../bilder/fotos_vorstand_web/DSCN0836.jpg" alt="Kuster" title="Foto_Kuster" /></div>

<td width="100" style="border: 1px solid rgb(79, 129, 189); border-left: 0px; vertical-align: top; text-align: left; background-color: rgb(255, 255, 255);">Randy Kuster<br>Winterstr.<br>3000 Bern</td>
<td style="border-top: 1px solid rgb(79, 129, 189); border-right: 1px solid rgb(79, 129, 189); border-bottom: 1px solid rgb(79, 129, 189); vertical-align: top; text-align: left; background-color: rgb(255, 255, 255);">P 031 555 55 55<br>Mobile<br><a href='mailto:xy@bluewin.ch'>xy@bluewin.ch</a></td>
</tr>

<tr>
<td width="126" style="border: 1px solid rgb(79, 129, 189); border-top: 0px; border-right: 0px; vertical-align: top; text-align: left; background-color: rgb(211, 223, 238);">Vizepräsident:</td>

<td width="45%" style="border: 1px solid rgb(79, 129, 189); border-top: 0px; vertical-align: top; text-align: left; background-color: rgb(255, 255, 255);"<div class="imageParagraph paragraphBase " id="pa37"><img border="0" align="left" src="../../bilder/fotos_vorstand_web/DSCN0843.jpg" alt="Christen" title="Foto_Christen" /></div> </td>

<td style="border-right: 1px solid rgb(79, 129, 189); vertical-align: top; text-align: left; background-color: rgb(211, 223, 238);">Rudi Christen<br>Sunnestrass 14<br> 3000 Bern</td>
<td style="border-right: 1px solid rgb(79, 129, 189); vertical-align: top; text-align: left; background-color: rgb(211, 223, 238);">Tel P: 031 555 55 55</br> <a href='mailto:'>blabla@bluewin.ch</a></td>

</tr>

X

blockierte Tabelle

FSt
  
Beiträge gesamt: 1965

20. Jun 2013, 13:00
Beitrag # 2 von 2
Beitrag ID: #514029
Bewertung:
(1984 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Troll_13

Oje, wo soll man da auch nur anfangen.
Das ganze hat sehr viele Fehler drin, der entscheidente dürfte aber eine fehlende schliessende spitze Klammer sein.

<div id="watermark" style="background: none;">
<div id="centerContent">
<h1 class="pageTitle">Vorstand</h1>

<table border="0" cellspacing="0" cellpadding="0">
<table width="1000" style="width: 98%; background-color: transparent; empty-cells: show;" cellpadding="3" cellspacing="0">

<tr width="1000">

<td width="126" style="border: 1px solid rgb(79, 129, 189); vertical-align: top; text-align: left; background-color: rgb(255, 255, 255);">Präsident:</td>
<td width="45%" style="border: 1px solid rgb(79, 129, 189); border-left: 0px; vertical-align: top; text-align: left; background-color: rgb(255, 255, 255);"><div class="imageParagraph paragraphBase" id="pa37"><img border="0" align="left" src="../../bilder/fotos_vorstand_web/DSCN0836.jpg" alt="Kuster" title="Foto_Kuster" /></div>

<td width="100" style="border: 1px solid rgb(79, 129, 189); border-left: 0px; vertical-align: top; text-align: left; background-color: rgb(255, 255, 255);">Randy Kuster<br>Winterstr.<br>3000 Bern</td>
<td style="border-top: 1px solid rgb(79, 129, 189); border-right: 1px solid rgb(79, 129, 189); border-bottom: 1px solid rgb(79, 129, 189); vertical-align: top; text-align: left; background-color: rgb(255, 255, 255);">P 031 555 55 55<br>Mobile<br><a href='mailto:xy@bluewin.ch'>xy@bluewin.ch</a></td>
</tr>

<tr>
<td width="126" style="border: 1px solid rgb(79, 129, 189); border-top: 0px; border-right: 0px; vertical-align: top; text-align: left; background-color: rgb(211, 223, 238);">Vizepräsident:</td>

<td width="45%" style="border: 1px solid rgb(79, 129, 189); border-top: 0px; vertical-align: top; text-align: left; background-color: rgb(255, 255, 255);"><div class="imageParagraph paragraphBase " id="pa37"><img border="0" align="left" src="../../bilder/fotos_vorstand_web/DSCN0843.jpg" alt="Christen" title="Foto_Christen" /></div> </td>

<td style="border-right: 1px solid rgb(79, 129, 189); vertical-align: top; text-align: left; background-color: rgb(211, 223, 238);">Rudi Christen<br>Sunnestrass 14<br> 3000 Bern</td>
<td style="border-right: 1px solid rgb(79, 129, 189); vertical-align: top; text-align: left; background-color: rgb(211, 223, 238);">Tel P: 031 555 55 55</br> <a href='mailto:'>blabla@bluewin.ch</a></td>

</tr>

Andere Fehler wären z.B., <tr> kennt kein "width", IDs dürfen nur ein einziges Mal pro Seite verwendet werden, ansonsten muss man eine Klasse verwenden, zwei <table>-Starttags, keine <table>-Endtags vorhanden. 126 als Breite verwendet nicht Pixel als Masseinheit sondern em, da könntest Du überrascht werden. Das sind nur die Fehler, die ich beim "überfliegen" gesehen habe. Keine Garantie auf Vollständigkeit!


als Antwort auf: [#511951]

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
16.05.2024

Online
Donnerstag, 16. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Günther Business Solutions und Impressed treten in einem Webinar den Gegenbeweis an. Experten beider Unternehmen zeigen, wie Großformatdrucker vom Einsatz zweier bewährter Lösungen profitieren können: • von advanter print+sign von Günther Business Solutions, dem ERP-System für den Großformatdruck, dass alle Phasen der Wertschöpfung im Large Format Printing abdeckt • von Impressed Workflow Server, der smarten PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt Über die Kombination beider Lösungen können Großformatdrucker ihre Prozesse mit modernen Workflows Schritt für Schritt automatisieren – und so zügig deutliche Zeit- und Kosteneinsparungen realisieren. Das Webinar sollten Sie sich nicht entgehen lassen – damit Sie keine Effizienzpotenziale mehr liegen lassen. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Nein

Organisator: Impressed / Günther Business Solutions

https://www.impressed.de/schulung.php?c=sDetail&sid=326

Und es geht doch: Automatisierung im Großformatdruck!