panik....tabeller...css

HTML & CSS

12 svar · 280 visningar · startad av seven 13 maj 2002

sevenMedlem sedan jan. 200249 inlägg

Frågan13 maj 2002 20:42#1

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

frankofMedlem sedan jan. 20016 874 inlägg

13 maj 2002 20:45#2

Vet inte riktigt om jag fattar?

css:

.ram {border:1px solid black}

html:

<td class="ram">cellinnehåll</td>

SicoMedlem sedan maj 20002 597 inlägg

13 maj 2002 20:49#3

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?

sevenMedlem sedan jan. 200249 inlägg

13 maj 2002 20:53#4

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

SicoMedlem sedan maj 20002 597 inlägg

13 maj 2002 21:29#5

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

hypatiaMedlem sedan feb. 20016 388 inlägg

13 maj 2002 21:38#6

Eller så här, med frankofs css-kod:

<table>
<tr>
<td colspan="3">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>
<table class="ram">
<tr>
<td>innehåll</td>
<td>innehåll</td>
</tr>
</table>
</td>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="3">&nbsp;</td>
</tr>
</table>

sevenMedlem sedan jan. 200249 inlägg

13 maj 2002 21:38#7

tack! ska genast prova

seven

SicoMedlem sedan maj 20002 597 inlägg

13 maj 2002 22:05#8

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

hypatiaMedlem sedan feb. 20016 388 inlägg

13 maj 2002 22:10#9

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.

SicoMedlem sedan maj 20002 597 inlägg

13 maj 2002 22:17#10

du hade så rätt så .... spelar ingen roll, bara beroende om han vill att borden ska ligga i tabellen eller utanför tabellen...

sevenMedlem sedan jan. 200249 inlägg

13 maj 2002 23:10#11

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

hypatiaMedlem sedan feb. 20016 388 inlägg

13 maj 2002 23:39#12

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">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>
<table class="ram">
<tr>
<td>innehåll</td>
<td>innehåll</td>
</tr>
</table>
</td>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="3">&nbsp;</td>
</tr>
</table>
</body>
</html>

sevenMedlem sedan jan. 200249 inlägg

14 maj 2002 11:14#13

NU fick jag rätt på elendet.... kanske SKA sova varje natt hädanefter

Tackar ödmjukast för all hjälp

Seven