[phpBB Debug] PHP Warning: in file [ROOT]/ext/tas2580/seourls/event/listener.php on line 213: Undefined array key "FORUM_NAME"
[gelöst] Tabelle in die Länge gezogen - REDAXO Forum
Hallo,

Wir haben in letzter Zeit festgestellt, dass die Kommunikation via Slack viel schneller und zielführender ist als ein Beitrag im Forum. Aufgrund der neuen und besseren Möglichkeiten der Kommunikation haben wir uns entschlossen das Forum nur noch als Archiv zur Verfügung zu stellen. Somit bleibt es weiterhin möglich hier nach Lösungen zu suchen. Neue Beiträge können nicht mehr erstellt werden.

Wir empfehlen, für deine Fragen/Probleme Slack zu nutzen. Dort sind viele kompetente Benutzer aktiv und beantworten jegliche Fragen, gerne auch von REDAXO-Anfängern! Slack wird von uns sehr intensiv und meistens "rund um die Uhr" benutzt :-)
Selbst einladen kannst Du dich hier: https://redaxo.org/slack/
fw-thomas
Beiträge: 329
Registriert: 11. Nov 2008, 10:01
Wohnort: Friesland
Kontaktdaten: Website

[gelöst] Tabelle in die Länge gezogen

9. Jun 2015, 23:54

Nabend,

ich habe nun bei Redaxo mit Dreamweaver eine Seite in HTML gefertig.
Unter anderem ist dort eine Tabelle mit den Fahrzeugeckdaten.

Diese wird nun leider auf der Webseite extrem in die Länge gezogen.
Siehe Bild.
tabelle.jpg
tabelle.jpg (40.13 KiB) 6532 mal betrachtet

In Dreamweaver sind die Abstände kleiner ..

Wo habe ich ein Fehler gemacht.

Achja ich habe das ganze auch mit einen HTML Modul eingebunden.

mfg
thomas
Zuletzt geändert von fw-thomas am 10. Jun 2015, 14:00, insgesamt 1-mal geändert.

Sysix
Beiträge: 101
Registriert: 23. Sep 2014, 15:08

Re: Tabelle in die Länge gezogen

10. Jun 2015, 09:09

Hallol thomas,

das kann mehrere Gründe haben.
Entweder hast du cellspacing oder cellpadding in der Tabelle (nicht) mitangegeben.
Es kann auch das normale CSS-Padding, auf die td elemente, das Problem sein.

Am besten öffnest du deine Entwickler-Konsole und spielst ein bisschen rum :)
Hast du auch schon geschaut, ob das auf jeden Browser der fall ist?

Gruß Sysix

fw-thomas
Beiträge: 329
Registriert: 11. Nov 2008, 10:01
Wohnort: Friesland
Kontaktdaten: Website

Re: Tabelle in die Länge gezogen

10. Jun 2015, 09:17

Guten morgen,
Ja, habe es auf diversen Rechnern, Tabletts und Handys ausprobiert.
Und leider auf allen Geräten das selbe.


Anbei der HTML Code

Code: Alles auswählen

<head>
<title>MTW 15-19-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" language="JavaScript">
<!-- Begin
// Bilder bekannt machen
var bild1 = new Image();
var bild2 = new Image();
var bild3 = new Image();
var bild4 = new Image();
var bild5 = new Image();
var bild6 = new Image();

bild1.src = "/files/img_0035.jpg";
bild2.src = "/files/img_0034.jpg";
bild3.src = "/files/img_0033.jpg";
bild4.src = "/files/img_0030.jpg";
bild5.src = "/files/img_0031.jpg";
bild6.src = "/files/img_0032.jpg";

function Zeigen(Bildname)
{
eval("document['picture'].src = " + Bildname + ".src");
}
//  End -->
</script>


<style type="text/css">
<!--

#Vorschau {
padding: 0px;
background: #FFFFFF;
border:none;
width:440px
}

#Vorschau .Bild{
float: left;
background: #FFFFFF;
border: 22px solid #8F8F8F;
margin: 2px 10px 2px 2px;
}

#Vorschau .Mini{
background: #FFFFFF;
border: 1px solid #3F3F3F;
margin: 2px 2px 2px 2px;
}

-->
</style>

<head>
<title>ELW 51-61</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
.Stil2 {font-size: large}
-->
</style>
</head>

<body>
<h1 class="pagetitle"></h1>
<p><img src="/files/dscf0038.jpg"alt="Einsatzleitwagen"
width="320" height="240" class="center" title="Einsatzleitwagen" /></p>
<h1 class="block"> </h1>

<table width="377" >
  <tr>
    <th><span class="block Stil2">Fahrzeugdaten</span></th>
  </tr>
</table>
<table width="400">
  <tbody>
    <tr>
      <th>Funkrufname</th>
      <td> Florian Friesland 15-19-1</td>
    </tr>
    <tr>
      <th>Kennzeichen</th>
      <td> FRI - E 517</td>
    </tr>
    <tr>
      <th>Tag der Erstzulassung</th>
      <td> 01.01.1990</td>
    </tr>
    <tr>
      <th>Fahrgestell-Hersteller</th>
      <td>Ford</td>
    </tr>
    <tr>
      <th>Typ</th>
      <td> Transit</td>
    </tr>
    <tr>
      <th>Leistung</th>
      <td> 51kW / ca. 70PS</td>
    </tr>
    <tr>
      <th>zul. Gesamtgewicht</th>
      <td> 2800kg</td>
    </tr>
    <tr>
      <th>Besatzung</th>
      <td> 1/8</td>
    </tr>
  </tbody>
</table>
<h1 class="block"> </h1>
<table width="377" border="0">
  <tr>
    <th><span class="block Stil2">Beschreibung:</span></th>
  </tr>
</table>
Fahrzeug  zum Transport der Einsatzkräfte zum Einsatzort
<table>
</table>
<h1 class="block"> weitere Bilder</h1>
<table width="700">
  <tbody>
    <tr>
      <td align="center"><a href="javascript:void(0)" onMouseOver="Zeigen('bild1')"><img class="Mini" src="/files/img_0035.jpg" width="100" height="75" border="0" alt=""></a></td>
      <td align="center"><a href="javascript:void(0)" onMouseOver="Zeigen('bild2')"><img class="Mini" src="/files/img_0034.jpg" width="100" height="75" border="0" alt=""></a></td>
      <td align="center"><a href="javascript:void(0)" onMouseOver="Zeigen('bild3')"><img class="Mini" src="/files/img_0033.jpg" width="100" height="75" border="0" alt=""></a></td>
      <td align="center"><a href="javascript:void(0)" onMouseOver="Zeigen('bild4')"><img class="Mini" src="/files/img_0030.jpg" width="100" height="75" border="0" alt=""></a></td>
      <td align="center"><a href="javascript:void(0)" onMouseOver="Zeigen('bild5')"><img class="Mini" src="/files/img_0031.jpg" width="100" height="75" border="0" alt=""></a></td>
      <td align="center"><a href="javascript:void(0)" onMouseOver="Zeigen('bild6')"><img class="Mini" src="/files/img_0032.jpg" width="100" height="75" border="0" alt=""></a></td>
    </tr>
  </tbody>
</table>
<table width="700">
  <tbody>
    <tr>
      <td><img class="Bild" name="picture" src="/files/begruessung.jpg" width="440" height="300" border="0" alt=""></td>
    </tr>
  </tbody>
</table>
<p> </p>
<p> </p>
<p><br>
</p>
	
<!-- BEGIN ckeditor -->
<link rel="stylesheet" type="text/css" href="../files/addons/ckeditor/redaxo.css" />
<style type="text/css">.cke_bottom .cke_resizer { visibility: hidden !important; }</style>
<script type="text/javascript" src="../files/addons/ckeditor/vendor/ckeditor.js"></script>
<script type="text/javascript" src="../files/addons/ckeditor/redaxo.js"></script>
<script type="text/javascript" src="../files/addons/ckeditor/smart_strip.js"></script>
<!-- END ckeditor -->
<!-- BEGIN ckeditor -->
<link rel="stylesheet" type="text/css" href="../files/addons/ckeditor/redaxo.css" />
<style type="text/css">.cke_bottom .cke_resizer { visibility: hidden !important; }</style>
<script type="text/javascript" src="../files/addons/ckeditor/vendor/ckeditor.js"></script>
<script type="text/javascript" src="../files/addons/ckeditor/redaxo.js"></script>
<script type="text/javascript" src="../files/addons/ckeditor/smart_strip.js"></script>
<!-- END ckeditor -->
<!-- BEGIN ckeditor -->
<link rel="stylesheet" type="text/css" href="../files/addons/ckeditor/redaxo.css" />
<style type="text/css">.cke_bottom .cke_resizer { visibility: hidden !important; }</style>
<script type="text/javascript" src="../files/addons/ckeditor/vendor/ckeditor.js"></script>
<script type="text/javascript" src="../files/addons/ckeditor/redaxo.js"></script>
<script type="text/javascript" src="../files/addons/ckeditor/smart_strip.js"></script>
<!-- END ckeditor -->
<!-- BEGIN ckeditor -->
<link rel="stylesheet" type="text/css" href="../files/addons/ckeditor/redaxo.css" />
<style type="text/css">.cke_bottom .cke_resizer { visibility: hidden !important; }</style>
<script type="text/javascript" src="../files/addons/ckeditor/vendor/ckeditor.js"></script>
<script type="text/javascript" src="../files/addons/ckeditor/redaxo.js"></script>
<script type="text/javascript" src="../files/addons/ckeditor/smart_strip.js"></script>
<!-- END ckeditor -->
<!-- BEGIN ckeditor -->
<link rel="stylesheet" type="text/css" href="../files/addons/ckeditor/redaxo.css" />
<style type="text/css">.cke_bottom .cke_resizer { visibility: hidden !important; }</style>
<script type="text/javascript" src="../files/addons/ckeditor/vendor/ckeditor.js"></script>
<script type="text/javascript" src="../files/addons/ckeditor/redaxo.js"></script>
<script type="text/javascript" src="../files/addons/ckeditor/smart_strip.js"></script>
<!-- END ckeditor -->
<!-- BEGIN ckeditor -->
<link rel="stylesheet" type="text/css" href="../files/addons/ckeditor/redaxo.css" />
<style type="text/css">.cke_bottom .cke_resizer { visibility: hidden !important; }</style>
<script type="text/javascript" src="../files/addons/ckeditor/vendor/ckeditor.js"></script>
<script type="text/javascript" src="../files/addons/ckeditor/redaxo.js"></script>
<script type="text/javascript" src="../files/addons/ckeditor/smart_strip.js"></script>
<!-- END ckeditor -->
<!-- BEGIN ckeditor -->
<link rel="stylesheet" type="text/css" href="../files/addons/ckeditor/redaxo.css" />
<style type="text/css">.cke_bottom .cke_resizer { visibility: hidden !important; }</style>
<script type="text/javascript" src="../files/addons/ckeditor/vendor/ckeditor.js"></script>
<script type="text/javascript" src="../files/addons/ckeditor/redaxo.js"></script>
<script type="text/javascript" src="../files/addons/ckeditor/smart_strip.js"></script>
<!-- END ckeditor --></body>
</html>


fw-thomas
Beiträge: 329
Registriert: 11. Nov 2008, 10:01
Wohnort: Friesland
Kontaktdaten: Website

Re: Tabelle in die Länge gezogen

10. Jun 2015, 13:26

ich habe beides mal eingetragen. OIhne veränderung

fw-thomas
Beiträge: 329
Registriert: 11. Nov 2008, 10:01
Wohnort: Friesland
Kontaktdaten: Website

Re: Tabelle in die Länge gezogen

10. Jun 2015, 13:59

So habe dann mal in der Main.css in der Zeile 319 padding den Wert von 12px auf 2px geändert.

Und sie da, die Zeilen sind nun enger..

dennoch danke für die Hilfe

Zurück zu „Allgemeines [R4]“