Få ordning på tabellerna!

3 svar · 278 visningar · startad av medialabs 1 dec. 2003

medialabsMedlem sedan mars 20023 686 inlägg

Frågan1 dec. 2003 14:52#1

Nu är det lite problem igen. Det är så att jag tänkte lägga in en tunn lodrät linje medllan två tabeller, Men har inte lyckats få till något.

Om ni tar er en titt på min indexsida : https://www.medialabs.se/index.asp så ser ni lite längre ned på sidan vid "Tävla & Vinn!" en tunn linje och under den en till tunn linje,

För att få en tunn linje använder jag mig av denna kod. Men har inte lyckats göra om så att jag får en lodrät. Hoppas verkligen att ni kan hjälpa mig med detta irriterande problem.

	<table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td height="1" bgcolor="#EBF0F5"></td>
                          </tr>
                        </table>

hade tänkt mig att det skulle se ut som på bilden här:

jeanetteMedlem sedan sep. 2003901 inlägg

1 dec. 2003 15:09#2

Slängde ihop det snabbt...
det finns ju andra sätt med föredragsvis med css
men här är principen iaf.
[KOD]<table width="800" border="0" cellpadding="0" bgcolor="EBF0F5">
<tr>
<td colspan="3"><div align="center"><img src="bluedot.gif" width="500" height="1" alt="pixel"></div></td>
</tr>
<tr>
<td width="400"> </td>
<td width="0%"><img src="bluedot.gif" width="1" height="100" alt="pixel"></td>
<td width="400"> </td>
</tr>
<tr>
<td colspan="3"><div align="center"><img src="bluedot.gif" width="500" height="1" alt="pixel"></div></td>
</tr>
</table> [KOD]

PepeJeriaMedlem sedan feb. 2003774 inlägg

1 dec. 2003 15:54#3

Eller om du vill köra utan tabeller (text-align:center; är för IE 5.x, som inte har bra stöd för margin:auto;):

<style type="text/css">
div div
{
	background:#EBF0F5;
	overflow:hidden;
}
</style>

<div style="width:400px; text-align:center;">
	<div style="height:1px;"></div>
	<div style="width:1px; height:100px; margin:0px auto;"></div>
	<div style="height:1px;"></div>
</div>

bossseMedlem sedan juni 2003771 inlägg

1 dec. 2003 16:13#4

Om du vill göra enl. din metod från inlägget så blir det väl så här för att få en lodrät linje

<table width="1px">
<tr>
<td width="1px" height="100px" bgcolor="black"></td>
</tr>
</table>