Just nu i M3-nätverket
Jump to content

Kan någon vänlig själ hjälpa mig snarast!!


Madde_Marley

Recommended Posts

Hejsan!

 

Jag är nybörjare med allt vad heter HTML, CSS m.m. Har jobbat med en webbsida ett bra tag nu.Har deadline med min skola. Kämpat för att fixa allt själv men nu behöver jag hjälp. Vore otroligt tacksam om nån kunde hjälpa mig.

 

Har 2 problem. När jag öppnar min sida i explorer funkar allt perfekt, men då jag öppnar i firefox då blir projektsidan inte alls bra. Vad har jag gjort fel??

 

Biforgar koden här

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Näsby IF</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<script type="text/javascript">
var c=0
var s

<!Kolla så att javascrift fungerar>

function photoGallery()
{
if (c%5==0){
document.getElementById('MainImage').src = "Bilder/venestad.jpg";
}
if (c%5==1){
document.getElementById('MainImage').src = "Bilder/seriepremiär 5.jpg";
}
if (c%5==2){
document.getElementById('MainImage').src = "Bilder/p.15 laget.jpg";
}
if (c%5==3){
document.getElementById('MainImage').src = "Bilder/seriepremiär 1.jpg";
}
if (c%5==4){
document.getElementById('MainImage').src = "Bilder/Seriepremiär 4.jpg";
}

c=c+1
s=setTimeout("photoGallery()",3000)
}



</script>
</head>

<body id="body" onload="photoGallery();">
<div id="container">
<!Samma bilder i header på varje undersida i projektet>    
<div id="header">
 <p><img class="image" src="Bilder/NIF_logga.gif" alt="logga"/><img class="image" src="Bilder/soccer.jpg" alt="soccer"/><img class="image" src="Bilder/ball.jpg" alt="ball"/><img class="image" src="Bilder/score.jpg" alt="score"/><img class="image" src="Bilder/shoot2.jpg" alt="goal"/></p>
</div>
<!menycontainer och all dess fliker kommer också vara synliga på alla sidorna>     
<div id="menycontainer">
<ul>
<li><a href="projekt.html">Hem</a></li>
<li><a href="klubben.html">Klubben</a></li>
<li><a href="Varalag.html">Våra lag</a></li>
<li><a href="Gastbok.html">Gästbok</a></li>
<li><a href="Kontakt.html">Kontakt</a></li>
<li><a href="Bilderna.html">Bilder</a></li>
<li><a href="Sponsorer.html">Sponsorer</a></li>
</ul>

</div>

<div id="main">
    <h1 class="h1">Välkommen till Näsby IF:s nya hemsida</h1>
<!Försök fixa så att bilden får runda hörn>
	<img id="MainImage" class="image1" src="Bilder/venestad.jpg" alt="Venestad" />

<div id="container1">
<div class="roundtop">
  <div class="r1"></div>
  <div class="r2"></div>
  <div class="r3"></div>
  <div class="r4"></div>
</div>
<div class="content"> <h6 class="h6">Näsby IF är en förening med ca 500 medlemmar mellan 5 och 90 år. Klubben består idag av 4
sektioner: fotboll, handboll, bridge och motionsgymnastik. Fotbollen har de senaste 5 åren
fört en lite undanskymd tillvaro men Näsby IF har nu beslutat att satsa på ungdomarna igen.
Upptagningsområdet är till stor del Gamlegården ett område bestående av många ungdomar
med många olika nationaliteter. Under 2008 har det funnits två seniorlag och tre
ungdomslag, alla pojklag, men klubben vill ha igång minst 10 ungdomslag inom en inte
alltför lång framtid, både pojkar och flickor. Åldrarna i fotbollslagen är framför allt mellan 7
och 35 år.</h6></div>
<div class="roundbottom">
  <div class="r4"></div>
  <div class="r3"></div>
  <div class="r2"></div>
  <div class="r1"></div>
</div>
</div>


</div> 

<div id="footer">
<h4 class="h4">© Copyright Näsby IF 2009</h4>
</div>

</div>

</body>
</html>

och här är mitt css stylesheet;

@charset "utf-8";
/* CSS Document */
#body {
background-image:url(Bilder/grass1.jpg);
background-repeat:inherit;
}

#body1 {
background-image:url(Bilder/grass1.jpg);
background-repeat:inherit;
}

.box{
position:relative;
left:10px;
width: 130px; 
height:30px;
background: #003300;
padding:10px;
margin-top:7px;
margin-left:5px;
border:groove #663300;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-size:medium;
}

.box2 {
position:relative;
width: 400px; 
height:300px;
background: #FFFFFF;
padding:10px;
margin-left:20px;
position:absolute;
margin-top:25px;
}

.box3{
position:static;
width: 100px; 
height:20px;
background: #003300;
padding:10px;
margin-top:7px;
margin-left:140px;
border:groove #663300;
}

.box4{
position:relative;
left:10px;
width: 300px; 
height:40px;
background: #FFFFFF;
padding:10px;
margin-top:10px;
margin-left:60px;
border:ridge #663300;
}

#box5{
margin-left:100px;
height:80px;
margin-top:50px;
border: groove  #000000;
position:relative;
}

#container  {
margin-left:200px;
margin-right:200px;
position:relative;
background-color:#FFFFFF;
border:groove #FFFFFF;
}

#container11  {
margin-left:100px;
margin-right:100px;
height:500px;
margin-top:50px;
margin-bottom:50px;
position:absolute;
background-color:#FFFFFF;
}

#container1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#FF3399;
width:300px;
position:absolute;
top:0;
left:0;
background-color:#FFFFFF;
margin-top:75px;
margin-left:90px;
}

#container2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#FF3399;
width:700px;
height:900px;
position:absolute;
top:0;
left:0;
background-color:#FFFFFF;
margin-top:20px;
margin-left:55px;
}

#container3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#FF3399;
width:520px;
height:300px;
position:absolute;
top:0;
left:0;
background-color:#FFFFFF;
margin-top:30px;
margin-left:245px;
}

#container4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#FF3399;
width:150px;
height:150px;
float:left;
margin-left:150px;
background-color:#FFFFFF;
}

#container5{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#FF3399;
width:500px;
height:1350px;
position:absolute;
top:0;
left:200px;
background-color:#FFFFFF;
margin-top:20px;
margin-left:55px;
}

.content {
padding: 10px; 
background: #ffffff;
}

.content1 {
padding: 10px; 
background: #ffffff;
width:500px;
height:400px;
}

#footer {
height:50px;
width:100%;
background-color:#003300;
border-top:groove #FFFFFF;
}

.h1 {
color:#006600;
margin-top:20px;
text-align:center;
}

.h11 {
color:#FFFFFF;
margin-top:20px;
text-align:center;
}

#h111 {
margin-top:140px;
text-align:center;
}

#h111 a {
color:#FFFFFF;

font-size:60px;
text-decoration:underline;
}

#h111 a:visited {
color: #006600;
width:100%;
}

#h111 a:hover {
color:#FFFFFF;
}
.h12 {
color:#000000;
margin-top:20px;
text-align:center;
}

.h13 {
color:#000000;
text-align:center;
font-size:45px;
position:absolute;
top:30px;
left:170px;
}

.h3{
text-align:center;
}

.h4 {
color:#FFFFFF;
text-align:center;
margin-top:15px;
}

.h5 {
color:#FFFFFF;
text-align:center;
margin-top:15px;
margin-left:250px;
position:absolute;
}

.h55 {
color:#000000;
margin-left:20px;
position:static;
text-align:center;
text-decoration:none;
}

h6 {
color:#000000;
text-align:left;
margin-top:20px;
margin-left:8px;
margin-right:8px;
}

.h7 {
color:#003300;
font-size:50px;
margin-top:60px;
text-align:center;
}

#header  {
width:100%;
height:100px;
background-color:#FFFFFF;
}

.image {
width:20%;
height:100%;
border:0;
position:inherit;
}

.image1 {
margin-left:430px;
width:300px;
height:270px;
}

.image2 {
margin-left:15px;
width:150px;
margin-top:7px;
border:groove #663300;
}

.image3 {
margin-left:15px;
width:150px;
height:88px;
margin-top:7px;
border:groove #663300;
}

.image4 {
margin-left:280px;
width:250px;
height:250px;
margin-top:20px;
position:absolute;
float:none;
clear:left;
}

.image5{
height:75px;
width:75px;
margin-top:50px;
margin-left:40px;
float:left;
clear:left;
}

.image6{
height:75px;
width:75px;
margin-top:50px;
margin-left:40px;
float:left;
clear:left;
}

.image7{
height:75px;
width:75px;
margin-top:50px;
margin-right:100px;
position: absolute;
}

.link2{
height:75px;
width:75px;
margin-top:50px;
margin-right:100px;
position: absolute;
}

.image8{
height:75px;
width:75px;
margin-top:50px;
margin-right:40px;
float:right;
clear:right;
}

.link1{
height:75px;
width:75px;
margin-top:200px;
margin-right:40px;
float:right;
}
.imagebilder{
width:150px;
height:150px;
}

.imagebilder1{
width:150px;
height:80px;
}

.kolumn1 {
position:relative;
left:150px;
width: 550px; 
height:300px;
background: #FFFFFF;
}






.loggdesign{
width:100px;
height:100px;
}

#main {
position:relative;
width:100%;
height: 370px;
background-color:#FFCC33;
overflow:auto;
}

#menycontainer {
width:100%;
background-color:#003300;
height:50px;
border-top:groove #FFFFFF;
border-bottom:groove #FFFFFF;
}

#menycontainer ul {
margin-top:6px;
margin-left:25px;
}

#menycontainer li {
background: #FFCC33; 
float:left;  
margin-right: 4px; 
height:30px;
width:100px;
border:groove #663300;
}

#meny a#current{background: #FFCC66; color: #000000;}


#menycontainer a {
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-size:medium;
padding:15px; 
}

#menycontainer a:visited {
color: #006600;
width:100%;
}

#menycontainer a:hover {
color:#FFFFFF;
}

.roundtop {background: #FFCC33;
}

.roundtop1 {background: #FFCC33;
}

.roundbottom {background: #FFCC33;
}

.roundbottom1 {background: #FFCC33;
}

.r1{
margin: 0 5px; 
height: 1px; 
overflow: hidden; 
background: #ffffff;
}

.r2{
margin: 0 3px; 
height: 1px; 
overflow: hidden; 
background: #ffffff;
}

.r3{
margin: 0 2px;
height: 1px; 
overflow: hidden;
background: #ffffff;
}

.r4{
margin: 0 1px;
height: 2px; 
overflow: hidden; 
background: #ffffff;
}

.ruta{
font-family:"Times New Roman", Times, serif;
font-size:12px;
width:780px;
height:150px;
position:relative;
top:40px;
text-decoration:none;
}

.ruta1{
font-family:"Times New Roman", Times, serif;
font-size:12px;
background-color:#FFFFFF;
width:150px;
height:200px;
padding:10px;
float:right;
border:groove #663300;
margin-left:8px;
text-decoration:none;
}

.ruta2{
font-family:"Times New Roman", Times, serif;
font-size:12px;
width:780px;
height:150px;
position:relative;
top:40px;
}

.ruta3{
font-family:"Times New Roman", Times, serif;
font-size:12px;
background-color:#FFFFFF;
width:150px;
height:80px;
padding:10px;
float:right;
border:groove #663300;
margin-left:8px;
}

#sidebar{
width:190px;
height:370%;
background-color:#FFFFFF;
border-right:double #000000;
}

#sidebar a{
color:#FFFFFF;
text-decoration:none;
}

#sidebar a:hover{
color:#FFCC33;
}

#sidebar2{
width:400px;
height:370px;
background-color:#FFFFFF;
position:absolute;
top:10px;
right:50px;
}

#sidebar3{
width:300px;
height:300px;
position:absolute;
margin-left:50px;
}

#sidebar4 {
width:300px;
height:300px;
position:absolute;
margin-left:-580px;
}

.text{
position:relative;
left:10px;
width: 200px; 
height:60px;
background: #FFFFFF;
padding:10px;
margin-top:10px;
margin-left:70px;
}

.textscript {
font-size:14px;
margin-left:20px;
margin-right:20px;
text-align:left;
}

Är det nån smart person som kan förklara varför det öppnas och alla bilder och design är förstört?


Och mitt andra problem är då jag försöker validera csskoden. Får detta meddelandet:

Markup Validation Service 
Check the markup (HTML, XHTML, …) of Web documents

Jump To: Potential Issues Validation Output 
Errors found while checking this document as HTML 4.01 Transitional!
Result: 11 Errors, 1 warning(s)  
Source: @charset "utf-8";
/* CSS Document */
#body {
background-image:url(Bilder/grass1.jpg);
background-repeat:inherit;
}

#body1 {
background-image:url(Bilder/grass1.jpg);
background-repeat:inherit;
}

.box{
position:relative;
left:10px;
width: 130px; 
height:30px;
background: #003300;
padding:10px;
margin-top:7px;
margin-left:5px;
border:groove #663300;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-size:medium;
}

.box2 {
position:relative;
width: 400px; 
height:300px;
background: #FFFFFF;
padding:10px;
margin-left:20px;
position:absolute;
margin-top:25px;
}

.box3{
position:static;
width: 100px; 
height:20px;
background: #003300;
padding:10px;
margin-top:7px;
margin-left:140px;
border:groove #663300;
}

.box4{
position:relative;
left:10px;
width: 300px; 
height:40px;
background: #FFFFFF;
padding:10px;
margin-top:10px;
margin-left:60px;
border:ridge #663300;
}

#box5{
margin-left:100px;
height:80px;
margin-top:50px;
border: groove  #000000;
position:relative;
}

#container  {
margin-left:200px;
margin-right:200px;
position:relative;
background-color:#FFFFFF;
border:groove #FFFFFF;
}

#container11  {
margin-left:100px;
margin-right:100px;
height:500px;
margin-top:50px;
margin-bottom:50px;
position:relative;
background-color:#FFFFFF;
}

#container1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#FF3399;
width:300px;
position:absolute;
top:0;
left:0;
background-color:#FFFFFF;
margin-top:75px;
margin-left:90px;
}

#container2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#FF3399;
width:700px;
height:900px;
position:absolute;
top:0;
left:0;
background-color:#FFFFFF;
margin-top:20px;
margin-left:55px;
}

#container3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#FF3399;
width:520px;
height:300px;
position:absolute;
top:0;
left:0;
background-color:#FFFFFF;
margin-top:30px;
margin-left:245px;
}

#container4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#FF3399;
width:150px;
height:150px;
float:left;
margin-left:150px;
background-color:#FFFFFF;
}

#container5{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#FF3399;
width:500px;
height:1350px;
position:absolute;
top:0;
left:200px;
background-color:#FFFFFF;
margin-top:20px;
margin-left:55px;
}

.content {
padding: 10px; 
background: #ffffff;
}

.content1 {
padding: 10px; 
background: #ffffff;
width:500px;
height:400px;
}

#footer {
height:50px;
width:100%;
background-color:#003300;
border-top:groove #FFFFFF;
}

.h1 {
color:#006600;
margin-top:20px;
text-align:center;
}

.h11 {
color:#FFFFFF;
margin-top:20px;
text-align:center;
}

#h111 {
margin-top:140px;
text-align:center;
}

#h111 a {
color:#FFFFFF;

font-size:60px;
text-decoration:underline;
}

#h111 a:visited {
color: #006600;
width:100%;
}

#h111 a:hover {
color:#FFFFFF;
}
.h12 {
color:#000000;
margin-top:20px;
text-align:center;
}

.h13 {
color:#000000;
text-align:center;
font-size:45px;
position:absolute;
top:30px;
left:170px;
}

.h3{
text-align:center;
}

.h4 {
color:#FFFFFF;
text-align:center;
margin-top:15px;
}

.h5 {
color:#FFFFFF;
text-align:center;
margin-top:15px;
margin-left:250px;
position:absolute;
}

.h55 {
color:#000000;
margin-left:20px;
position:static;
text-align:center;
text-decoration:none;
}

h6 {
color:#000000;
text-align:left;
margin-top:20px;
margin-left:8px;
margin-right:8px;
}

.h7 {
color:#003300;
font-size:50px;
margin-top:60px;
text-align:center;
}

#header  {
width:100%;
height:100px;
background-color:#FFFFFF;
}

.image {
width:20%;
height:100%;
border:0;
}

.image1 {
margin-left:430px;
width:300px;
height:270px;
}

.image2 {
margin-left:15px;
width:150px;
margin-top:7px;
border:groove #663300;
}

.image3 {
margin-left:15px;
width:150px;
height:88px;
margin-top:7px;
border:groove #663300;
}

.image4 {
margin-left:280px;
width:250px;
height:250px;
margin-top:20px;
position:absolute;
float:none;
clear:left;
}

.image5{
height:75px;
width:75px;
margin-top:50px;
margin-left:40px;
float:left;
clear:left;
}

.image6{
height:75px;
width:75px;
margin-top:50px;
margin-left:40px;
float:left;
clear:left;
}

.image7{
height:75px;
width:75px;
margin-top:50px;
margin-right:100px;
position: absolute;
}

.link2{
height:75px;
width:75px;
margin-top:50px;
margin-right:100px;
position: absolute;
}

.image8{
height:75px;
width:75px;
margin-top:50px;
margin-right:40px;
float:right;
clear:right;
}

.link1{
height:75px;
width:75px;
margin-top:200px;
margin-right:40px;
float:right;
}
.imagebilder{
width:150px;
height:150px;
}

.imagebilder1{
width:150px;
height:80px;
}

.kolumn1 {
position:relative;
left:150px;
width: 550px; 
height:300px;
background: #FFFFFF;
}






.loggdesign{
width:100px;
height:100px;
}

#main {
position:relative;
width:100%;
height: 370px;
background-color:#FFCC33;
overflow:auto;
}

#menycontainer {
width:100%;
background-color:#003300;
height:50px;
border-top:groove #FFFFFF;
border-bottom:groove #FFFFFF;
}

#menycontainer ul {
margin-top:6px;
margin-left:25px;
}

#menycontainer li {
background: #FFCC33; 
float:left;  
margin-right: 4px; 
height:30px;
width:100px;
border:groove #663300;
}

#meny a#current{background: #FFCC66; color: #000000;}


#menycontainer a {
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-size:medium;
padding:15px; 
}

#menycontainer a:visited {
color: #006600;
width:100%;
}

#menycontainer a:hover {
color:#FFFFFF;
}

.roundtop {background: #FFCC33;
}

.roundtop1 {background: #FFCC33;
}

.roundbottom {background: #FFCC33;
}

.roundbottom1 {background: #FFCC33;
}

.r1{
margin: 0 5px; 
height: 1px; 
overflow: hidden; 
background: #ffffff;
}

.r2{
margin: 0 3px; 
height: 1px; 
overflow: hidden; 
background: #ffffff;
}

.r3{
margin: 0 2px;
height: 1px; 
overflow: hidden;
background: #ffffff;
}

.r4{
margin: 0 1px;
height: 2px; 
overflow: hidden; 
background: #ffffff;
}

.ruta{
font-family:"Times New Roman", Times, serif;
font-size:12px;
width:780px;
height:150;
position:relative;
top:40px;
text-decoration:none;
}

.ruta1{
font-family:"Times New Roman", Times, serif;
font-size:12px;
background-color:#FFFFFF;
width:150px;
height:200px;
padding:10px;
float:right;
border:groove #663300;
margin-left:8px;
text-decoration:none;
}

.ruta2{
font-family:"Times New Roman", Times, serif;
font-size:12px;
width:780px;
height:150;
position:relative;
top:40px;
}

.ruta3{
font-family:"Times New Roman", Times, serif;
font-size:12px;
background-color:#FFFFFF;
width:150px;
height:80px;
padding:10px;
float:right;
border:groove #663300;
margin-left:8px;
}

#sidebar{
width:190px;
height:370%;
background-color:#FFFFFF;
border-right:double #000000;
}

#sidebar a{
color:#FFFFFF;
text-decoration:none;
}

#sidebar a:hover{
color:#FFCC33;
}

#sidebar2{
width:400px;
height:370px;
background-color:#FFFFFF;
position:absolute;
top:10px;
right:50px;
}

#sidebar3{
width:300px;
height:300px;
position:absolute;
margin-left:50px;
}

#sidebar4 {
width:300px;
height:300px;
position:absolute;
margin-left:-580px;
}

.text{
position:relative;
left:10px;
width: 200px; 
height:60px;
background: #FFFFFF;
padding:10px;
margin-top:10px;
margin-left:70px;
}

.textscript {
font-size:14px;
margin-left:20px;
margin-right:20px;
text-align:left;
}

Encoding: utf-8  (detect automatically) utf-8 (Unicode, worldwide) utf-16 (Unicode, worldwide) iso-8859-1 (Western Europe) iso-8859-2 (Central Europe) iso-8859-3 (Southern Europe) iso-8859-4 (North European) iso-8859-5 (Cyrillic) iso-8859-6-i (Arabic) iso-8859-7 (Greek) iso-8859-8 (Hebrew, visual) iso-8859-8-i (Hebrew, logical) iso-8859-9 (Turkish) iso-8859-10 (Latin 6) iso-8859-11 (Latin/Thai) iso-8859-13 (Latin 7, Baltic Rim) iso-8859-14 (Latin 8, Celtic) iso-8859-15 (Latin 9) iso-8859-16 (Latin 10) us-ascii (basic English) euc-jp (Japanese, Unix) shift_jis (Japanese, Win/Mac) iso-2022-jp (Japanese, email) euc-kr (Korean) gb2312 (Chinese, simplified) gb18030 (Chinese, simplified) big5 (Chinese, traditional) Big5-HKSCS (Chinese, Hong Kong) tis-620 (Thai) koi8-r (Russian) koi8-u (Ukrainian) iso-ir-111 (Cyrillic KOI-8) macintosh (MacRoman) windows-1250 (Central Europe) windows-1251 (Cyrillic) windows-1252 (Western Europe) windows-1253 (Greek) windows-1254 (Turkish) windows-1255 (Hebrew) windows-1256 (Arabic) windows-1257 (Baltic Rim)  
Doctype: HTML 4.01 Transitional  (detect automatically) HTML5 (experimental) XHTML 1.0 Strict XHTML 1.0 Transitional XHTML 1.0 Frameset HTML 4.01 Strict HTML 4.01 Transitional HTML 4.01 Frameset HTML 3.2 HTML 2.0 ISO/IEC 15445:2000 ("ISO HTML") XHTML 1.1 XHTML + RDFa XHTML Basic 1.0 XHTML Basic 1.1 XHTML Mobile Profile 1.2 XHTML-Print 1.0 XHTML 1.1 plus MathML 2.0 XHTML 1.1 plus MathML 2.0 plus SVG 1.1 MathML 2.0 SVG 1.0 SVG 1.1 SVG 1.1 Tiny SVG 1.1 Basic SMIL 1.0 SMIL 2.0  
OptionsShow Source Show Outline List Messages Sequentially Group Error Messages by Type 
Validate error pages Verbose Output Clean up Markup with HTML Tidy 
Help on the options is available. 

Potential Issues
The following missing or conflicting information caused the validator to perform guesswork prior to validation. If the guess or fallback is incorrect, it may make validation results entirely incoherent. It is highly recommended to check these potential issues, and, if necessary, fix them and re-validate the document.

Unable to Determine Parse Mode!

The validator can process documents either as XML (for document types such as XHTML, SVG, etc.) or SGML (for HTML 4.01 and prior versions). For this document, the information available was not sufficient to determine the parsing mode unambiguously, because:

in Direct Input mode, no MIME Media Type is served to the validator 
No known Document Type could be detected 
No XML declaration (e.g <?xml version="1.0"?>) could be found at the beginning of the document. 
No XML namespace (e.g <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">) could be found at the root of the document. 
As a default, the validator is falling back to SGML mode.

↑ Top

Validation Output: 11 Errors 
Line 1, Column 0: character "@" not allowed in prolog.
@charset "utf-8";✉ 
Line 17, Column 0: character "h" not allowed in prolog.
height:30px;✉ 
Line 31, Column 0: character "w" not allowed in prolog.
width: 400px; ✉ 
Line 48, Column 0: character "b" not allowed in prolog.
border:groove #663300;✉ 
Line 67, Column 0: character "b" not allowed in prolog.
border: groove  #000000;✉ 
Line 83, Column 0: character "m" not allowed in prolog.
margin-top:50px;✉ 
Line 97, Column 0: character "b" not allowed in prolog.
background-color:#FFFFFF;✉ 
Line 112, Column 0: character "m" not allowed in prolog.
margin-top:20px;✉ 
Line 127, Column 0: character "m" not allowed in prolog.
margin-left:245px;✉ 
Line 143, Column 0: this is not an SGML document.
font-size:12px;✉ 
Line 143, Column 0: cannot continue because of previous errors.
font-size:12px;✉ 
↑ Top

Home | About... | News | Docs | Help & FAQ | Feedback | Contribute | 


This is the W3C Markup Validator, v0.8.4. 

Copyright © 1994-2008 W3C® (MIT, ERCIM, Keio), All Rights Reserved. W3C liability, trademark, document use and software licensing rules apply. Your interactions with this site are in accordance with our public and Member privacy statements.

 

Tack på förhand!!

 

Mvh Madelen

 

 

KOD-taggar tillagda av moderator

 

[inlägget ändrat 2009-01-31 10:47:46 av Cluster]

Link to comment
Share on other sites

Det här forumet är inte gjort för att klistra in en massa kod, det är hopplöst att läsa. Har du sidan liggandes nånstans? Länk?

 

Link to comment
Share on other sites

hejsan!

 

Bara i min dator. Har tyvärr inte lagt upp den nånstans.. Är det nåt jag kan göra. Är inte så hype på det här.

 

Mvh

 

Link to comment
Share on other sites

Det här forumet är inte gjort för att klistra in en massa kod,
När man skriver ett inlägg finns det iof LOG/KOD-taggarna för att göra koden rätt så begripligt ;)

Nu kan moderatorn lägga till detta i efterhand.

 

[inlägget ändrat 2009-01-30 13:02:24 av Micke_skane]

Link to comment
Share on other sites

Är filen sparad som utf-8 också?

När jag tar din css och manuellt validerar detta (direct input) så validerar den utmärkt.

 

 

 

Link to comment
Share on other sites

hejsan

 

Några tips för kompatibilitet kod för båda webbläsarna

 

Body ska ha

ie har egen standard på body det löser man med sätta

margin: 0px; och padding: 0px;

 

font-size: 100%; som är x i webbläsarna

background-color:#FFFFFF;

color:#000000;

font-family:Verdana, Arial, Helvetica, sans-serif;

 

vi byter id till class

.container ska ha

[log]

margin-top: 20px; 
margin-left: auto;
margin-right: auto;
width: xx em;
inte border: medium groove #FFFFFF;
background-color: #ffffff; med plus  padding 1px;
men istället ta vi  en extra div box med 
border-right: 1px solid #xxxxxx;
border-bottom: 1px solid #xxxxxx;
border-left: 1px solid #xxxxxx;
border-top: 1px solid #xxxxxx;

 

en div med border och en div med border och background-color: #ffffff; med plus padding 1px; få vi samma slutresultat som border: medium groove #FFFFFF;

 

 

<p> är inte block som div box

byt ut p taggen till div

 

classen image för bilder

 

width:20%; byt till em eller ingenting 
height:100%; byt till em eller ingenting 
ska inte ha
position:inherit;

#header
ska inte ha
height:100px; 


#menycontainer 
padding: 5px;
background-color: #ffffff; med plus  padding 1px;
inte border: medium groove #FFFFFF;
men istället ta vi  en extra div box med 
border-right: 1px solid #xxxxxx;
border-bottom: 1px solid #xxxxxx;
border-left: 1px solid #xxxxxx;
border-top: 1px solid #xxxxxx;
ska inte  ha
width:100%; 
height:50px;

#menycontainer ul är okej om man inte vi ha i mitten  
background-color:#003300;

problem #menycontainer li 
float:left;  "måste avsluta float"det blir en ny css class och tagg med clear: both;
lägga till 
list-style-type: none;
justerar med  padding: 0px; och margin: 0px; 
border-right: 1px solid #xxxxxx;
border-bottom: 1px solid #xxxxxx;
border-left: 1px solid #xxxxxx;
border-top: 1px solid #xxxxxx;
background-color: #663300; med plus  padding 1px
ska inte 
height:30px; 
obs width:100px;  byt till em eller ingenting  obs igen om sätter värdet 
ska man inte ha padding-left eller padding-right istället sätter man text-align: center; på taggen som är inne för taggen. 

#menycontainer a {
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
problem font-size:14px; sätt em eller 75% för att modertaggen har body 100%
problem  font-size:medium; finns inte när man sätter värdet 
padding-top: 6px;
text-align: center;


#main

background-color:#FFCC33; 
ska inte ha 
height: 370px; för att vi  justerar med  innehållet eller padding och margin
overflow:auto;
position:relative;
width:100%;
för att div box är 100% i bredd som standard


problem .h1  
ie har egen standard på h1 till h6 det löser man  med 
justerar med  padding: 0px; och margin: 0px; 


Venestad bilden och #container1
kan man fixa lite bättre med float:left och clear: both; än position:absolute;


#footer
ska ha 
border-right: 1px solid #xxxxxx;
border-bottom: 1px solid #xxxxxx;
border-left: 1px solid #xxxxxx;
border-top: 1px solid #xxxxxx;
background-color: #ffffff; med plus  padding 1px;
ska inte ha 
height:50px; för att vi  justerar med  innehållet eller padding och margin 



h4 byter vi mot div box 
color:#FFFFFF;
text-align:center;
margin-top:15px;
background-color: #003300;
font-size:105%;
font-weight: bold;

[/log]

 

 

[inlägget ändrat 2009-01-31 00:18:17 av mac3]

 

KOD- och LOG-taggar tillagda av moderator

 

[inlägget ändrat 2009-01-31 10:50:13 av Cluster]

Link to comment
Share on other sites

ja ska göra det men jag tycker svårt att hålla era regel när det båda kod och text..
När du har skrivit koden eller motsvarande, i ditt fall alltså det som står i HTML-, CSS-filen mm, i inlägget så markerar du det och så trycker du på KOD-knappen.

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...