12 svar · 278 visningar · startad av seven
Hej!
Jag har kört fast totalt!
Har en sida med tabeller som består av 4 columner och 3 rader.
Den översta och understa raden är med colspan="4"
den mittersta raden är där "allt ska stå" typ, och bara i de mittersta kolumnerna.
Nu till problemet... jag vill gärna styra all formatering från en css fil, och jag vill ha en tunn ram runt "där allt ska stå" alltså bara 2 kolumner och inte emellen dom heller...
Hur lyckas jag med detta?
Tack på förhand
Seven
Vet inte riktigt om jag fattar?
css:
.ram {border:1px solid black}
html:
<td class="ram">cellinnehåll</td>
Du får fixa det genom att ha en tabell infogad i den stora tabellen och därefter fixa ramen.
Fattar du?
Altså, du får ha en tabell som innehåller dom 2 kolummerna som du vill ha en ram runt inne i den stora tabellen och på den sätta border? cellspacing? eller vad du nu ska använda.
Hoppas du fattar för jag e helt snurrig, jag skriver väll inte på japanska iaf?
Jag försökte med att lägga en tabel runt den "blivande ramen" men jag får inte det att funka,,,, skulle du vilja berätta för vilsna lilla mig hur jag nästlar elendet :D
Kanske nåt sånt här.. du får ändra så det passar dig med bredd och färger.
<table width="600" bgcolor="blue">
<tr>
<td colspan="3" width="600"></td>
</tr>
<tr>
<td width="200"></td>
<td width="200">
<!-- här startar mittentabellen -->
<table width="200" bgcolor="black" cellspacing="1">
<tr>
<td bgcolor="blue">
<!-- här startar tabellen innanför ramen -->
<table bgcolor="blue">
<tr>
<td></td>
<td></td>
</tr>
</table>
<!-- här slutar tabellen innanför ramen -->
</td>
</tr>
</table>
<!-- här slutar mittentabellen -->
</td>
<td width="200"></td>
</tr>
<tr>
<td colspan="3" width="600"></td>
</tr>
</table>
Koden följer dock inte w3c standarden. Det får du fixa med css'en om du vill det...
mvh Sico
Eller så här, med frankofs css-kod:
<table>
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td> </td>
<td>
<table class="ram">
<tr>
<td>innehåll</td>
<td>innehåll</td>
</tr>
</table>
</td>
<td> </td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
</table>
jag har inte testat med jag tror din kod blir aningen fel hypatia..
<table>
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td> </td>
<td class="ram">
<table>
<tr>
<td>innehåll</td>
<td>innehåll</td>
</tr>
</table>
</td>
<td> </td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
</table>
så tror jag stämmer bättre
Jag skulle tro att det inte spelar någon roll om man lägger class="ram" i den inre tabellen eller i den omgivande cellen, men jag har bara testat i IE och Mozilla. :)
Border funkar väl inte alls i Netscape 4 har jag för mig.
du hade så rätt så :) .... spelar ingen roll, bara beroende om han vill att borden ska ligga i tabellen eller utanför tabellen...
fixar inte
Usch jag får inte rätt på det ändå....
Så här menar jag att det ska se ut (ursäkta min primitiva teckning)
Tack på förhand
Seven
Hmm... vad är det du inte får till? :)
Testa så här.
<html>
<head>
<title></title>
<style type="text/css">
<!--
.blue { background : #0000ff;}
.ram {border : 1px solid #ff0000; background : #ffffff;}
-->
</style>
</head>
<body>
<table class="blue">
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td> </td>
<td>
<table class="ram">
<tr>
<td>innehåll</td>
<td>innehåll</td>
</tr>
</table>
</td>
<td> </td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
</table>
</body>
</html>
NU fick jag rätt på elendet.... kanske SKA sova varje natt hädanefter ;)
Tackar ödmjukast för all hjälp
Seven