Skillnad på border i css resp tabell

4 svar · 376 visningar · startad av Ann-Sofie 24 apr. 2008

Ann-SofieMedlem sedan mars 2003136 inlägg

24 apr. 2008 11:29#1

Jag brukar använda mig av stilmallar (css) och gör ofta en kantlinje: border:1px solid;

Nu ska jag bara fräscha till en hemsida som är uppbyggd av tabeller och bl a vill vi använda kantlinje. När jag lägger in kantlinje på tabellen border="1" så blir den mycket kraftigare än när jag använder css.

Varför?

Kan man göra kantlinjen runt tabellen tunnare?

Jag slänger med testkod så ni ser skillnaden!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style1 {font-family: Verdana, Arial, Helvetica, sans-serif}
#box{
width:800px;
height:50px;
border:1px solid;
border-color:#CCCCCC;
}
-->
</style>
</head>

<body>
<table width="800"  cellspacing="0" border="1"  align="center"  bordercolor="#CCCCCC">
  <tr >
    <td>&nbsp;</td>
  </tr>
</table>

<p>&nbsp;</p>
<div class="style1" id="box">test</div>
</body>
</html>

Tack för hjälpen!

Ann-Sofie

OkkidoMedlem sedan maj 20007 492 inlägg

24 apr. 2008 12:05#2

Varför gör du inte din border på tabellen på exakt samma sätt som du gör på din div?

table {border:1px solid #ccc; border-collapse:collapse;text-align:center;}

Ann-SofieMedlem sedan mars 2003136 inlägg

24 apr. 2008 12:15#3

Jag vill inte gå in och bygga om hela sajten utan vill bara gå in och ändra lite i den befintliga koden som är just tabell form och inte stildokument.

I tabellen är koden:

<table width="719" border="1" cellspacing="0" cellpadding="0" align="center" height="100%" bordercolor="#CCCCCC">
    <td align="center" valign="middle">

och min fråga är alltså hur jag enklast får en tunnare border än det blir när jag väljer border ="1"? Jag vill alltså inte sätta mig och göra stildokument, då är det enklare att bygga om hela sidan och det är inte meningen just nu.

tack
ann-sofie

OkkidoMedlem sedan maj 20007 492 inlägg

24 apr. 2008 12:21#4

Well, varför inte använda dig av inline-css istället då?

<table style="border:1px solid #ccc;">

Ann-SofieMedlem sedan mars 2003136 inlägg

24 apr. 2008 12:35#5

Jamen gud så bra! Jag använder inte tabeller så jag hade inte alls nån lösning på det. Tusen tack för hjälpen! inline-css - det ska jag inte glömma!!!

Ta en kaffe och ut njut av solen!! Det är du värd! :h

ann-sofie