Tabellenproblem

eraserx

Also mein Problem ist folgendes ich will eine Tabelle mit border. Ausserdem links und rechts von der Tabelle eine Linie deren Dicke ich verändern kann. Ich bekomm alles selbst hin ausser die Linien links und rechts.

Rocco

eine kleine skizze würde deinen wunsch verdeutlichen. die dicken linien, sind sie bestandteil der tabelle, oder sind sie extra?

eraserx

Also die extralinie sollte an der tabelle links und rechts anliegen
So wie in dem bild

[Blockierte Grafik: http://www.florian-m.de/test1.gif]

Rocco

ich weiß ned ob es eine sauberere / professionellere lösung gibt, aber ich würd das so machen:

in der mitte dene haupttabelle. links und rechts davon eine tabelle, die gleich hoch ist, breite nach wahl und die füllst du mit einer beliebigen farbe (border = natürlich 0)

klar? weil vertikale linie, in der form eine horizontalen linie gibt es meines wissens ned.

mfg
Rocco

Ronald

Moin!

Besser Lösung:

Das mit der Tabelle in der Tabelle ist schon ganz gut, allerdings würde ich auf Stylesheets zurückgreifen,
damit die Browser es auch alle gleich gut verstehen und du kannst auch feiner 'dosieren'.

Beispiel:

HTML

<html>
<style type="text/css">
<!--
*.linie {
           border-left-color:#007F00;
           border-left-style:solid;
           border-left-width:10px;
           border-right-color:#007F00;
           border-right-style:solid;
           border-right-width:10px;
          }
-->
</style>
<center>
<table class=linie bgcolor="#0060FF" border=0 cellspacing=0 cellpadding=0 height=400 width=200>
  <tr>
  <td>
  <table border=3 style="border-style:groove" cellspacing=0 cellpadding=0 width=100% height=100%>
    <tr>
    <td align=center>huhu</td>
    </tr>
  </table>
  </td>
  </tr>
</table>
</center>
</html>

Alles anzeigen

Probiere es mal aus

Gruß aus der Marsch!

Ronald

eraserx

Die idee Roland war richtig gut danke. Aber da ist noch ein kleines Problem ganz oben ist immer ein abstand der sollte noch weg weil das menü ganz oben anliegen sollte. Bekommt ihr das noch für mich hin ?

Ronald

Hi,

das ganze war ja nur ein Beispiel, da fehlte ja der komplette Body-Berreich und den kannst du auch mit Stylesheets beeinflußen. Also das ganze noch einmal etwas kompletter:

HTML

<html>
<head>
</head>
<style type="text/css">
<!--
body {margin:0px}
*.linie {
         border-left-color:#007F00;
         border-left-style:solid;
         border-left-width:10px;
         border-right-color:#007F00;
         border-right-style:solid;
         border-right-width:10px;
-->
</style>
<body>
<center>
<table class=linie bgcolor="#0060FF" border=0 cellspacing=0 cellpadding=0 width=200 height=400>
  <tr>
  <td>
  <table border=3 style="border-style:ridge;border-color:#FFFFFF" cellspacing=0 cellpadding=0 width=100% height=100%>
    <tr>
    <td align=center>huhu</td>
    </tr>
  </table>
  </td>
  </tr>
</table>
</center>
</body>
</html>

Alles anzeigen

eraserx

ahh cool so ist es bestens danke

Tags