16 svar · 422 visningar · startad av icaaq
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]
Ä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.
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 ?
Testa med att lägga <meta>-taggen på rad 3 mellan <head>-taggarna.
tack....nu är den Validated :e
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.....
Testa med att byta ut <span> mot <div>.
Tack ....nu funkade det......men vad är skillnaden? :q
icaaq skrev:
Tack ....nu funkade det......men vad är skillnaden? :q
Tack igen
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
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.
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
Jag klippte till bilden så att jag inte behövde använda margin-top :) men jag fick ett annat problem.... :l
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
Testa padding-left istället.
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 :)