Log In
Home
March 31, 2003
Offline
Tjena...
Den här fråga går till zcorpan eller någon annan kunnig inom css 😛
https://www.nordichardware.se/.....ht=#938814
I den tråden fick jag en kod av zcorpan:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="sv">
<head>
<title>Test</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen, projection">
* {margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,p,address,ul,ol,dl {margin: .8em 0;}
ul,ol,dd {margin-left: 20px; padding-left: 2em;}
html, body {height: 100%;}
table#sitelayout {
height: 100%;
width: 100%;
cell-collapse: collapse;
background-image: url(bilder/hoger.gif);
background-position: right;
background-repeat: repeat-y;
}
table#sitelayout tbody {
background-image: url(bilder/vanster.gif);
background-position: left;
background-repeat: repeat-y;
}
</style>
</head>
<body>
<table id="sitelayout">
<tbody>
<tr>
<td>
<h1>Test</h1>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Den ger mig två linjer höger/vänster om sitelayouten, och det funkar perfekt ! men... Nu gör den samma sak på alla tabells jag ritar :bgrin:
Hur ska jag få bort det ? :bok:
December 26, 2003
Offline
Den ger bara bakgrund till de tabeller som har attributet "id" vars attributvärde är "sitelayout", och du får bara ha samma id en gång per dokument.... alltså, ta bort id-attributet från dina andra tabeller.
Men igen.... (för att vara besvärlig) det vore trevligt om du släppte tabeller för layout, och använder CSS för all presentation, som det är tänkt... 😉
Typ:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="sv">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
<style type="text/css" media="screen, projection">
/* avstånd/mellanrum */
* { margin: 0; padding: 0; } /* Olika webbläsare har olika standardvärden, så vi sätter våra egna. */
h1,h2,h3,h4,h5,h6,p,address,ul,ol,dl { margin: .8em 0; }
ul,ol,dd { margin-left: 20px; padding-left: 2em; }
html { height: 100%; }
body { min-height: 100%; } /* För att bakgrunden ska täcka hela höjden. */
#outer { padding: 1px; } /* För att inte marginalerna ska komma utanför body. */
/* dekoration/färger */
html { background: white url(bilder/hoger.gif) repeat-y right; color: black; }
body { background: url(bilder/vanster.gif) repeat-y left; }
</style>
<!--[if IE]>
<style type="text/css">
body { height: 100%; } /* IE behandlar "height" som om det vore "min-height". */
</style>
<![endif]-->
</head>
<body>
<div id="outer">
<h1>Test</h1>
</div>
</body>
</html>
🙂
March 31, 2003
Offline
Andra tables har inget ID, kollade nyss dom har inget ID men linjerna kommer fram iaf 😛 Någon annan lösning ?
Layout har id "sitelayout" resten har ingen id
December 26, 2003
Offline
Aha... nu förstår jag 😛 Alla TBODY inom #sitelayout påverkas ju.... Det som skulle lösa det är
table#sitelayout > tbody {
...men....det funkar inte med IE, så du får väl ge TBODY och ID också. Eller CLASS blir nog bättre, kom jag på.
<table class="layout">
<tbody class="layout">
table.layout {...}
tbody.layout {...}
hope this helps. 🙂
1 Guest(s)
