---
title: "mellanrum"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/55872-mellanrum"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "icaaq"
published: "2002-10-13T18:42:59.000Z"
updated: "2002-10-14T11:33:50.000Z"
replies: 16
views: 422
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/55872-mellanrum"
---

# mellanrum

## #1 — icaaq, 2002-10-13T18:42Z

Vad har jag missat när det blir ett mellanrumvid \<span\> taggen?

kolla in <http://www.meditrix.nu/leklust/> så ser ni resultatet.

CSS:en ser ut som följer:

```
[red]
.stext
{
	font-size: 70%;
	left: 0px;
	background-image: url(images/2_2.jpg);
	margin: 0px;
	width: 144px;
	color: #000066;
	font-family: Verdana;
	position: static;
	top: 0px;
	height: 86px;
}
.mainTable
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	width: 530px;
	padding-top: 0px;
}[/red]
```

Permalänk: https://www.webforum.nu/p/55872

## #2 — dectgap, 2002-10-13T22:35Z

Ändra cellspacing för tabellen till 0, och lägg till padding: 0px till alla celler. Alltså:

```
<TABLE class="mainTable" cellspacing="0">  
  <TR>
    <TD colspan="3"><IMG id=IMG1 src="images/1.jpg"></TD>
  </TR>
  <TR>
    <TD><IMG src="images/2_1.jpg" ></TD>
    <TD><SPAN class="stext">Testar</SPAN></TD>
    <TD><IMG src="images/2_3.jpg" ></TD></TR>
  <TR>
    <TD colspan="3"></TD>
  </TR>  
  <TR>
    <TD colspan="3"></TD>
  </TR>
</TABLE>
```

Och lägg till i "Style sheet1.css" (undvik förresten mellanslaget i namnet):

```
td {
padding: 0px;
}
```

Eller så får du fixa det genom interna style sheets, eller klasser, om du ska ha fler celler på sidan som inte ska ha padding: 0px;, men det förstår du nog.

Permalänk: https://www.webforum.nu/p/820224

## #3 — icaaq, 2002-10-14T06:28Z

ok...jag fick det att se bra ut :) Tack dectgap!

Men jag testade att köra sidan genom HTML validatorn och fick följande resultat:

```
[red]Below are the results of attempting to parse this document with an SGML parser. 

Line 4, column 5: 
  <HTML>
       ^Error: element "HTML" not allowed here; check which elements this element may be contained within 

Line 8, column 6: 
  </HEAD>
        ^Error: missing a required sub-element of "HEAD" 

Line 29, column 8: 
  </HTML>
          ^Error: "HEAD" not finished but document ended 

Line 29, column 8: 
  </HTML>
          ^Error: "HTML" not finished but document ended 
[/red]
```

På följande kod

```
[red]
   1: 
   2: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
   3: <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   4: <HTML>
   5: <HEAD>
   6: <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
   7: <LINK rel="stylesheet" type="text/css" href="Style Sheet1.css">
   8: </HEAD>
   9: <BODY>
  10: 
  11: 
  12: <TABLE class="mainTable" cellspacing="0">  
  13:   <TR>
  14:     <TD colspan="3"><IMG id=IMG1 src="images/1.jpg" alt=" "></TD>
  15:   </TR>
  16:   <TR>
  17:     <TD><IMG src="images/2_1.jpg" alt=" "></TD>
  18:     <TD><SPAN class="stext">Testar</SPAN></TD>
  19:     <TD><IMG src="images/2_3.jpg" alt=" "></TD></TR>
  20:   <TR>
  21:     <TD colspan="3"><IMG 
  22:       src="images/3.jpg" alt=" "></TD>
  23:   </TR>  
  24:   <TR>
  25:     <TD colspan="3">tada</TD>
  26:   </TR>
  27: </TABLE>
  28: </BODY>
  29: </HTML>
[/red]
```

Hur ska jag lösa detta ?

Permalänk: https://www.webforum.nu/p/820271

## #4 — Web-Tor, 2002-10-14T06:56Z

Testa med att lägga \<meta\>-taggen på rad 3 mellan \<head\>-taggarna.

Permalänk: https://www.webforum.nu/p/820283

## #5 — icaaq, 2002-10-14T07:01Z

tack....nu är den Validated :e

Permalänk: https://www.webforum.nu/p/820289

## #6 — icaaq, 2002-10-14T07:09Z

men attans....nu ser den ju inte klok ut.......\<span\> håller inte widthen.......hur ska jag göra

det är samma url som inlägget högst upp men nu med denna css:

```
[red].stext
{
	font-size: 70%;
	left: 0px;
	background-image: url(images/2_2.jpg);
	margin: 0px;
	width: 144px;
	color: #000066;
	font-family: Verdana;
	position: static;
	top: 0px;
	height: 86px;
}
.mainTable
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	width: 530px;
	padding-top: 0px;
}
td
{
	padding: 0px;
}[/red]
```

hmm.....

Permalänk: https://www.webforum.nu/p/820295

## #7 — Web-Tor, 2002-10-14T07:23Z

Testa med att byta ut \<span\> mot \<div\>.

Permalänk: https://www.webforum.nu/p/820298

## #8 — icaaq, 2002-10-14T07:26Z

Tack ....nu funkade det......men vad är skillnaden? :q

Permalänk: https://www.webforum.nu/p/820299

## #9 — Web-Tor, 2002-10-14T07:30Z

> **icaaq skrev:**
>
> Tack ....nu funkade det......men vad är skillnaden? :q

<http://www.webforum.nu/showthread.php?s=&threadid=49573>

Permalänk: https://www.webforum.nu/p/820300

## #10 — icaaq, 2002-10-14T07:42Z

Tack igen

Permalänk: https://www.webforum.nu/p/820307

## #11 — icaaq, 2002-10-14T09:41Z

Tillbax ;)
Jag vill få in texten lite i mitt \<div\> element, hur gör jag då ?
Jag har testat att använda padding men då sabbar jag ju designen igen....hur ska jag lösa det utan att sabba designen? :q

mvh icaaq

Permalänk: https://www.webforum.nu/p/820373

## #12 — dectgap, 2002-10-14T09:54Z

Lägg in en \<span\> i din div-tag:
\<DIV class="stext"\>\<span style='margin-left: 10px;'\>Testar\</span\>\</DIV\>

Om du vill ha sådana marginaler på alla håll tar du bara bort "-left", så att det står "margin: 10px" (eller hur många px indrag du nu vill ha) istället.

Permalänk: https://www.webforum.nu/p/820381

## #13 — icaaq, 2002-10-14T10:07Z

Jag får inte margin-top att fungera......
så här ser det ut nu

```
[red].margintext
{
	margin-top: 20px;
	margin-left: 10px;
	color: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
[/red]
```

mvh icaaq

Permalänk: https://www.webforum.nu/p/820390

## #14 — icaaq, 2002-10-14T10:08Z

\+

```
[red]<span class="margintext">Testar</span>[/red]
```

 ;)

Permalänk: https://www.webforum.nu/p/820392

## #15 — icaaq, 2002-10-14T10:47Z

Jag klippte till bilden så att jag inte behövde använda margin-top :) men jag fick ett annat problem.... :l

![](http://www.meditrix.nu/leklust/fel.jpg)
Som ni ser blir det bara margin-left: 10px; på första raden......jag använder följande

```
[red].margintext
{
	margin-left: 10px;
	color: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}[/red]
```

tack på förhand icaaq

Permalänk: https://www.webforum.nu/p/820412

## #16 — Dino, 2002-10-14T11:18Z

Testa padding-left istället.

Permalänk: https://www.webforum.nu/p/820434

## #17 — icaaq, 2002-10-14T11:33Z

Jag klippte till den lite mer.......och sen la jag bilden i cellen, lade ett \<div\> element ovanpå och lade texten i det istället......nu funkar det som det ska..... tack allihopa :)

Permalänk: https://www.webforum.nu/p/820447

---

Tråden på webben: https://www.webforum.nu/amne/html-css/55872-mellanrum
