webForumDet fria alternativet

mitt första försök med XHTML och CSS

HTML & CSS

7 svar · 451 visningar · startad av ptr_lks

Medlem sedan juni 2005584 inlägg
Frågan#1

Jag vill göra om och förbättra denna sida
XHTML-koden (se koden.txt) fick godkännt vid validering. Men CSS-koden (se css.txt) fick det inte
Sidan live

  1. vad beror varningen från valideringen?
  2. vad beror error från valideringen?
  3. texten i menyn är lite för liten, hur gör jag den större?
  4. Missnöjd med texten (p93´s hemsida). Nu har jag negativ värde på top margin, och ändå får jag inte till det. Vill ha som här
Medlem sedan aug. 20051 448 inlägg
#2

a) du har angett två body
b) varningen beror på att valideraren vill ha bakgrundsfärg på alla element. att du fick just det felmeddelandet beror nog på a) du har angett två body
c) ange font-size:14px; så blir menyn större än övrig text.
d) kan du inte göra såhär?

i koden
<h1>&nbsp</h1>
<h2>Pojkar P93´s hemsida </h2>

i css:en

h1 {
background-image:url(images/spifbanner.jpg);
height:hur hög bilden är;
widht:hur bred bilden är;
}

Medlem sedan juni 2005584 inlägg
#3

Har provat en liten förändring:
ändrat h2 ->

.hemsida{
margin-left: 250px;
margin-top: -20px;
}
<div class="hemsida">Pojkar P93&acute;s hemsida </div>

Det ser bättre ut iaf i IE (se div.gif), men inte i FF (se div_FF.gif).
Men vill ha större bokstäver och bättre placering i FF

div.GIFdiv_FF.GIF
Medlem sedan juni 2005584 inlägg
#4

Får inte till det hela..
har provat med

h2 {text-indent: 168px;
    margin-top: -15px;
}
  1. texten för nära bilden
  2. för stort avstånd mellan texten och menyn

Även om det ser bättre ut i IE än i FF
Och

  • Varför negativt värde på margin-top????
IE.GIFFF.GIF
Medlem sedan juni 2005584 inlägg
#5

Nu har jag ändrat koden till[CODE]h2 {
font: 24px verdana, arial, georgia, san-serif;
padding-left: 200px;
padding-top: 0px;
padding-bottom: 0px;
}
Som ni ser, ser det bättre ut, men fortfarande för stort mellanrum mellan bilden och meny
Dessutom fick jag följande resultat på CSS valideringen
Kan jag få hjälp med att tolka och ändra?

FF.GIFIE.GIF
Medlem sedan juni 200573 inlägg
#6

h2 {
font-size: 24px;
font-family: georgia, verdana, arial, sans-serif;
padding-left : 200px;
padding-top : 0;

}

Medlem sedan juni 2005584 inlägg
#7

Din kod webbebba ger fortfarande för stort mellanrum

Har gjort ett försök med två "spalter" header och menu..
Se ny_kod.txt
Blir tyvärr som ni ser skillnad mellan IE och FF :(
Det verkar som att det IE som strular, för efter att ha installerat Netscape 7.2 så ser jag att sidan ser bra ut även där...
MIn fråga:

  • går detta att lösa
  • i så fall hur?
Medlem sedan apr. 20012 427 inlägg
#8

Jag tyckte väl att sidan såg konstig ut. Bilden i sidhuvudet har "banner" i namnet, så mitt reklamfilter plockade bort den. Döp bilden till "header" eller något istället. Alla har inte så hårda filter som jag, men om du vill vara på den säkra sidan. :)

265 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
118 ms — deklarationer (db)
0 ms — hämta statistik (cache)
138 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)