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;}
HTML & CSSur HTML, XHTML & CSS
4 svar · 376 visningar · startad av Ann-Sofie
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> </td>
</tr>
</table>
<p> </p>
<div class="style1" id="box">test</div>
</body>
</html>
Tack för hjälpen!
Ann-Sofie
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;}
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
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