Tabell problem

5 svar · 268 visningar · startad av Fraggel 7 jan. 2005

FraggelMedlem sedan sep. 2003301 inlägg

Frågan7 jan. 2005 18:49#1

http://www.sagl.se/roguetrader/

Problem...

Jag vill gärna ha ett litet mellanrum mellan cellerna men inte mellan raderna i den nerdre tabellen den med 3 kolumner. Så jag har satt cellspacing och cellpadding till 0px

Anledningen till att det ser ut som det gör är att jag vill att alla celler skall bli lika långa som den LÄNGSTA av cellerna

Det finns en del "grafikfel" men ignorera dem.

Lösning ?

jarvkloMedlem sedan juli 20013 378 inlägg

7 jan. 2005 19:56#2

Hmm

Cellspacing och cellpadding (liksom border) är HTML-attribut som du anger utan enhet (dvs skriv inte "0px" utan bara "0" på dem som du gör i den övre tabellen)
Det där med mellanrum mellan celler är lite buggigt i t.ex. MSIE... Men du *kan* köra med border-left och border-right (om du samtidigt kör border-collapse:collapse på table) för att få till något liknande om du är nöjd med en enfärjad "glipa" mellan cellerna...

<html>
<head>
<meta NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
</head>
<link rel="stylesheet" type="text/css" href="http://www.sagl.se/roguetrader/style.css">

<style type="text/css">
table {border-collapse:collapse}
.vanster, .mitten {border-right: 2px solid red;}
.hoger, .mitten   {border-left: 2px solid red}
</style>

<body class="mainBody">
<table align="center" border="0" cellspacing="0" cellpadding="0" bordercolor="black">
  <tr><td colspan="3"><img src="http://www.sagl.se/roguetrader/images/banner.gif"></td></tr>
  <tr><td colspan="3"><img src="http://www.sagl.se/roguetrader/images/menu.gif"></td></tr>
</table>
<table align="center" border="0" cellspacing="0" cellpadding="0" bordercolor="black">
  <tr>
    <td class="vanster"><img src="http://www.sagl.se/roguetrader/images/notiser.gif"></td>
    <td class="mitten"><img src="http://www.sagl.se/roguetrader/images/main.gif" ></td>
    <td class="hoger"><img src="http://www.sagl.se/roguetrader/images/stodda.gif"></td>
  </tr>
  <tr>
    <td class="vanster leftSide" name="leftSide" id="leftCell" background="http://www.sagl.se/roguetrader/images/sidebg.gif">
    </td>
    <!---->
    <td class="mitten mainCell" name="mainCell" id="main" background="http://www.sagl.se/roguetrader/images/centerbg.gif">
     <div name="mainDiv" id="mainDiv" class="main"></div>
    </td>
    <!---->
    <td class="hoger rightCell" name="rightCell" id="rightCell" background="http://www.sagl.se/roguetrader/images/sidebg.gif">
    </td>
  </tr>
   <tr>
    <td class="vanster"><img src="http://www.sagl.se/roguetrader/images/bottomside.gif"></td>
    <td class="mitten"><img src="http://www.sagl.se/roguetrader/images/centerbottom.gif"></td>
    <td class="hoger"><img src="http://www.sagl.se/roguetrader/images/bottomside.gif"></td>
  </tr>
</table>

</body>
</html>

FraggelMedlem sedan sep. 2003301 inlägg

7 jan. 2005 20:18#3

Det löset allt :)

Jag har missat border collapse...

Tackar

FraggelMedlem sedan sep. 2003301 inlägg

7 jan. 2005 22:43#4

http://www.sagl.se/roguetrader/default.asp?action=admin

Mer problem....

zcorpanMedlem sedan dec. 20042 245 inlägg

7 jan. 2005 23:48#5

admin-sidan behöver väl inte se bra ut, eller? användaren ska ju inte se den ändå... ;)

<edit>Eller vad är problemet? Mellanrummen vid menyn?

Det lättaste är att använda egna marginaler för alla element...

* {margin: 0; padding: 0;}

Koden ovan tar bort margin och padding för alla element. Sen får du ange tex margin: .8em 0; för p osv.

Vidare kan jag påminna om fler problem :)
</edit>

FraggelMedlem sedan sep. 2003301 inlägg

8 jan. 2005 09:10#6

zcorpan skrev:

admin-sidan behöver väl inte se bra ut, eller? användaren ska ju inte se den ändå... ;)

Jo det som är problemet är att adminsidan ser ut rent ludermässigt, det stör min världsbild.