tabell ut i kanten

11 svar · 324 visningar · startad av laidback 16 sep. 2002

laidbackMedlem sedan maj 2001797 inlägg

Frågan16 sep. 2002 20:33#1

Känns som en synnerligen fånig grej att fråga, men har kört fast på en sak jag tidigare inte reflekterat över.

Har en tabell som är 100% bred. hspace är satt till 0.
har en cell (td) som också är 100% och med en bild som bakgrund.

Jag vill få denna bild att upprepa sig, vilket den gör, men den slutar en liten bit från webbläsarfönstrets kant, vilket jag inte vill.

Jag trodde det var hspace som ordnade detta? Det spelar ingen roll om jag lägger in ett blanksteg eller en 1*1 genomskinlig bild i cellen, det enda som händer är att min bild upprepas en gång extra på höjden, vilket jag inte alls víll.

Alltså, hur får jag min tabell att gå ända ut i kanten?! x(

mozillaMedlem sedan juli 20011 084 inlägg

16 sep. 2002 21:35#2

style="margin: 0px" kan fungera samt cellpadding="0" cellspacing="0"

laidbackMedlem sedan maj 2001797 inlägg

16 sep. 2002 21:59#3

njet. *suckar* jag förstår verkligen inte.

mikkeXMedlem sedan aug. 2002477 inlägg

16 sep. 2002 22:01#4

Stylesheet:

html, body, table
{
margin: 0px;
padding: 0px;
}

laidbackMedlem sedan maj 2001797 inlägg

16 sep. 2002 22:11#5

Då jag endast vill applicera detta på en specifik tabell har jag försökt att göra så här utan framgång:

<table align="center" width="100%" hspace="0" style='{margin: 0px}' cellpadding="0" cellspacing="0">

Detta för att det kommer fler tabeller där jag inte vill åt samma funktion.

Att sätta margin: 0px på body fungerade inte alls. Då försvinner en massa vitala saker.

fler förslag?

MatteMedlem sedan aug. 20002 975 inlägg

17 sep. 2002 03:55#6

Du vill m.a.o ha en marginal på din sida, men för just denna tabell ska det inte vara någon marginal på sidan. Du skulle kunna göra något på det här hållet:

<table style="position:relative; left:-10px;">
<tr>
<td>Till vänster</td>
</tr>
</table>

Det du sätter left till ska vara samma som marginalen på sidan.

laidbackMedlem sedan maj 2001797 inlägg

17 sep. 2002 11:14#7

Hm. Så kan man nog uttrycka det. :)
Det där löste problemet på vänster sida, där går nu bagrundsbilden ända ut i kanten. Däremot kvarstår marginalen på höger sida. Går det att lösa på något liknande sätt?

MatteMedlem sedan aug. 20002 975 inlägg

17 sep. 2002 12:05#8

Då är det nog bäst att vända på det hela. Vi tar bort marginalen i body, och lägger till marginal på det som inte är i tabellen. T.ex något sånt här:

<body style="margin:0px; padding:0px">
<div style="padding:10px; padding-bottom:0px;">
Innehållet över tabell
</div>
<table style="width:100%">
<tr>
<td>100% tabell</td>
</tr>
</table>
<div style="padding:10px; padding-top:0px;">
Innehållet under tabell
</div>
</body>

noodlemanMedlem sedan sep. 200213 inlägg

27 sep. 2002 17:52#9

Hej

din bakgrundsbild är förmodligen helt enkelt för liten, därför repeterar den.

Mvh Noodleman

laidbackMedlem sedan maj 2001797 inlägg

27 sep. 2002 20:37#10

Ah. Min bortglömda tråd.
Matte: Jag löste det genom en omdesign helt enkelt :)

noodleman: Problemet var inte att bakgrunden repeterade, utan snarare att tabellen inte gick ut i kanten. Men tack ändå :)

noodlemanMedlem sedan sep. 200213 inlägg

28 sep. 2002 11:26#11

hspace

hej

jag skulle vilja veta vad hspace i en tabell är för något???????

Det fanns i version html 3.2 men inte i html 4.0 och detta fungerar inte med nyare versioner av webbläsare, IE 5.0 möjligen och äldre NS. Om du vill använda luft i cellerna bör du använda margin och padding i CSS. vill du ha avstånd mellan tabeller eller Body använder du Margin.

Mvh noodleman

laidbackMedlem sedan maj 2001797 inlägg

28 sep. 2002 17:41#12

Hej Noodleman.
Enligt min HTML 4.0 bok så är hspace ett attribut som

holds a number of pixels space to the left and right of an aligned table (same as hspace in the<img> tag.)

Eftersom jag inte gjort mer research än så så vet jag inte om O'reilley snurrade till det när dom gav ut boken, jag litade på att dom hade rätt, och om det inte stämmer så är ju det beklagligt.

Hur som helst så löste jag problemet på annat sätt, och den dagen jag får samma problem igen så löser det nog sig.