mellanrum

16 svar · 422 visningar · startad av icaaq 13 okt. 2002

icaaqMedlem sedan okt. 20005 273 inlägg

Trådstart13 okt. 2002 18:42#1

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]

dectgapMedlem sedan sep. 20021 655 inlägg

13 okt. 2002 22:35#2

Ä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.

icaaqMedlem sedan okt. 20005 273 inlägg

14 okt. 2002 06:28#3

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 ?

Web-TorMedlem sedan nov. 200013 890 inlägg

14 okt. 2002 06:56#4

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

icaaqMedlem sedan okt. 20005 273 inlägg

14 okt. 2002 07:01#5

tack....nu är den Validated

icaaqMedlem sedan okt. 20005 273 inlägg

14 okt. 2002 07:09#6

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.....

Web-TorMedlem sedan nov. 200013 890 inlägg

14 okt. 2002 07:23#7

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

icaaqMedlem sedan okt. 20005 273 inlägg

14 okt. 2002 07:26#8

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

Web-TorMedlem sedan nov. 200013 890 inlägg

14 okt. 2002 07:30#9

icaaq skrev:

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

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

icaaqMedlem sedan okt. 20005 273 inlägg

14 okt. 2002 07:42#10

Tack igen

icaaqMedlem sedan okt. 20005 273 inlägg

14 okt. 2002 09:41#11

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?

mvh icaaq

dectgapMedlem sedan sep. 20021 655 inlägg

14 okt. 2002 09:54#12

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.

icaaqMedlem sedan okt. 20005 273 inlägg

14 okt. 2002 10:07#13

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

icaaqMedlem sedan okt. 20005 273 inlägg

14 okt. 2002 10:08#14

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

icaaqMedlem sedan okt. 20005 273 inlägg

14 okt. 2002 10:47#15

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

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

DinoMedlem sedan sep. 20011 914 inlägg

14 okt. 2002 11:18#16

Testa padding-left istället.

icaaqMedlem sedan okt. 20005 273 inlägg

14 okt. 2002 11:33#17

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