webForumDet fria alternativet

Göra tabell av lager istället för "table"

HTML & CSS

5 svar · 312 visningar · startad av solbulle

Medlem sedan mars 20015 287 inlägg
Frågan#1

Jag vill göra typ som en tabell fast med lager. Antingen kanske med en bakgrundsfärg eller med en bild som bakgrund. Kanterna måste synas. Anledningen är att detta skall tjäna som en bakgrund för andra lager.(!)

Denna kod har jag som en tabell idag.

<TABLE cellSpacing=1 cellPadding=1 width=180 border=1>
  <TBODY>
  <TR>
    <TD><IMG height=10 alt="" src="spacer.gif" width=180 
      border=0></TD></TR>
  <TR>
    <TD><IMG height=10 alt="" src="spacer.gif" width=180 
      border=0></TD></TR>
  <TR>
    <TD><IMG height=10 alt="" src="spacer.gif" width=180 
      border=0></TD></TR>
  <TR>
    <TD><IMG height=10 alt="" src="spacer.gif" width=180 
      border=0></TD></TR>
  <TR>
    <TD> <IMG height=10 alt="" src="spacer.gif" width=180 
      border=0></TD>
  </TR></TBODY></TABLE>
<P>
Medlem sedan dec. 20025 483 inlägg
#2

Har jag förstått det rätt om det är en till utseendet ekvivalent lösning med lager du söker? Då kanske denna fråga passar bättre i grannforumet?

:)

Medlem sedan juni 20004 308 inlägg
#3

Space'ad teckenuppsättning :)

Medlem sedan mars 20015 287 inlägg
#4

Det tog mig en stund att tyda de där hieroglyferna ;) Du kanske har rätt i att tråden passar bättre här.

Det jag har tänkte mig var att bygga med lager så at jag får flera fält med olika rader, precis som en tabell, men det är väldigt viktigt att jag vet var jag har kanterna. Det har jag svårt att ta rätt på med hjälp av en vanlig tabell, därav tanken på lager.
(Ovanpå denna ska jag placera andra flyttbara lager.)

Medlem sedan dec. 20025 483 inlägg
#5

Jag vet fortfarande inte riktigt hur du vill att detta lager skall se ut, men här kommer en lösning liknande din tabell:

<style type="text/css">
<!--

div#holder{
	border : 1px solid #777;
	width : 188px;
}

div#holder div{
	padding : 2px;
	text-align : center;
}

div#holder div.first{
	padding-top : 4px;
}

div#holder div.second{
	padding-bottom : 4px;
}

-->
</style>

...

<div id="holder">
	<div class="first"><img height="10" width="180"></div>
	<div><img height="10" width="180"></div>
	<div><img height="10" width="180"></div>
	<div><img height="10" width="180"></div>
	<div class="second"><img height="10" width="180"></div>
</div>

:)

Medlem sedan mars 20015 287 inlägg
#6

Det är en bra bit på väg.
Det jag vill uppnå är att få något som liknar en "bokhylla", vet inte om "hyllplanen" måste vara bilder eller om man kan lösa det på annat sätt.
Det som är viktigt är at jag måste veta var "hyllplanen" är placerade så att jag sen kan placera mina andra lager snyggt ovanpå.

Å det var ju inte så svårt...

div#holder{
	border : 1px solid #777;
	width : 188px;
	POSITION: absolute;
	LEFT:10px;
	TOP:250px;
	
}
265 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
125 ms — deklarationer (db)
0 ms — hämta statistik (cache)
135 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)