Gå til innhold

Jeg lærer meg HTML og CSS! Vekk med WYSIWYG.

-Teddy-

Av -Teddy-
i Programmering og webutvikling

Anbefalte innlegg

Videoannonse

Videoannonse
Annonse
Haraldson

Haraldson

Skrevet
Skrevet

-Teddy-: Den alternative teksten dukker opp uansett om bildet ikke er tilgjengelig eller ikke kan vises. Alt-taggen bør som du skriver beskrive bildet på en kort og grei måte, og du bør ikke skrive ting som «Bilde 1» i denne, da det er lite beskrivende.

 

Det at alt er et krav er pga. tilgjengelighet, noe som er veldig viktig på nettet.

Lenke til kommentar
-Teddy-

-Teddy-

Skrevet
  • Forfatter
Skrevet
stemmer det(det med alt)

 

Du må rette feilene dine, da blir de borte.

Om det er noen du ikke skjønner bare spørr.

5013123[/snapback]

 

Skjønner lite av noen av error'sa egentlig... Trodde jeg hadde gjort det riktig jeg. :hrug:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
<title>Teddy.moo.no</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="shortcut icon" href="favicon.ico" />
</head>



<body>

<div id="wrap">

<a href="main.html" target="innhold">
<h1><span class="borte"> Teddy ruler </span></h1>
</a>

<div id="linje"><span class="borte"> Teddy ruler </span></div>

<div id="blokk"><span class="borte"> Teddy ruler </span></div>

<a href="blog.php" target="innhold">
<div id="blog"><span class="borte"> Teddy ruler </span></div>	
</a>

<div id="bindestrek"><span class="borte"> Teddy ruler </span></div>

<a href="galleri.html" target="innhold">

<div id="galleri"><span class="borte"> Teddy ruler </span></div>
</a>


<div id="bindestrek2"><span class="borte"> Teddy ruler </span></div>

<a href="om_meg.html" target="innhold">
<div id="om_meg"><span class="borte"> Teddy ruler </span></div>

</a>

<div id="fade"><span class="borte"> Teddy ruler </span></div>
<iframe src="main.html" width="460px" height="330px" frameborder="0" name="innhold"> <span class="borte"> Teddy ruler </span> </iframe>
<div id="footer"><span class="borte"> Teddy ruler </span></div>

</div>

<div class="borte"> <img src="images/blog_h.gif" /> <img src="images/galleri_h.gif" /> <img src="images/om_meg_h.gif" /> </div>

<!-- Som noen så fint en gang sa: "You're using HTML like a fucking typewriter!" -->

<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=987696; 
var sc_invisible=1; 
var sc_partition=9; 
var sc_security="68d5bb12"; 
</script>

<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/frames.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img  src="http://c10.statcounter.com/counter.php?sc_project=987696&java=0&security=68d5bb12&invisible=1" alt="site stats" border="0"></a> </noscript>

<!-- End of StatCounter Code -->

</body>
</html>

 

Lim den inn her:

http://validator.w3.org/

 

Syns det er endel crap som står der. width ikke validerer, hva er det for noe piss?

Er det feil doctype, hvilken skal jeg bruke / hvilke kan jeg velge mellom? :shrug:

Lenke til kommentar
potetskrell

potetskrell

Skrevet
Skrevet 

<a href="main.html" target="innhold">
<h1><span class="borte"> Teddy ruler </span></h1>
</a>

 

skrives slik:

 

<h1><a href="main.html">
<span class="borte">Teddy ruler</span>
</a></h1>

 

target="innhold"

skjønner jeg ikke, forklar.

 

<iframe src="main.html" width="460px" height="330px" frameborder="0" name="innhold">

 

skrives slik:

 

<iframe src="main.html" style="width:460px; height:330px; border: 1px solid #000;" name="innhold">

 

OBS: Du kan ikke bruke en doctype av typen "strict" hvis du skal bruke iframe.

Lenke til kommentar
-Teddy-

-Teddy-

Skrevet
  • Forfatter
Skrevet

Aha... Trodde noe av det der var "same shit" i hvilken rekkefølge det stod jeg.

 

Grunnen til at "target=" er at linken skal endre innholdet i iframen. har jeg ikke target= så endrer den bare hele siden til det som skal være inni iframen, altså "designet" forsvinner.

 

Hvordan endrer jeg doctype til en som ikke bruker strict da? Er helt blank på det der med doctype...

 

Takker for hjelpen! :)

Lenke til kommentar
potetskrell

potetskrell

Skrevet
Skrevet
Aha... Trodde noe av det der var "same shit" i hvilken rekkefølge det stod jeg.

 

Grunnen til at "target=" er at linken skal endre innholdet i iframen. har jeg ikke target= så endrer den bare hele siden til det som skal være inni iframen, altså "designet" forsvinner.

 

Hvordan endrer jeg doctype til en som ikke bruker strict da? Er helt blank på det der med doctype...

 

Takker for hjelpen! :)

5015343[/snapback]

 

Bruk feks 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

i toppen av sida og skriv feks <img src="" /> om til <img src="">. Gjelder feks <hr> og <br> også.

 

På lenkene som er "inne i iframen" (altså det dokumentet som "inkluderes") legger du til target="_parent" og sidene popper opp i samme vinduet som hovedsida i full størrelse. target="_parent" er gyldig html.

Lenke til kommentar
-Teddy-

-Teddy-

Skrevet
  • Forfatter
Skrevet
Bruk feks 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

i toppen av sida og skriv feks <img src="" /> om til <img src="">. Gjelder feks <hr> og <br> også.

 

På lenkene som er "inne i iframen" (altså det dokumentet som "inkluderes") legger du til target="_parent" og sidene popper opp i samme vinduet som hovedsida i full størrelse. target="_parent" er gyldig html.

5015414[/snapback]

 

ÆææÆæh!

Forandre alle de fine <br /> <img src= /> taggene mine? :cry:

 

target="_parent" fungerer det, så lenge linken er i framen. Men nå er linkene i index.html ikke i iframen så derfor target="innhold" som er navnet på iframen. ;)

 

Har testet litt med andre doctypen og dette er det nærmeste jeg kommer perfekt med 6 errors:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Teddy.moo.no</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
<link rel="stylesheet" type="text/css" href="style.css" >
<link rel="shortcut icon" href="favicon.ico" />
</head>



<body>

<div id="wrap">

<a href="main.html" target="innhold">
<div id="header1"> <span class="borte"> Teddy ruler </span> </div>
</a>

<div id="linje"><span class="borte"> Teddy ruler </span></div>
<div id="blokk"><span class="borte"> Teddy ruler </span></div>

<a href="blog.php" target="innhold">
<div id="blog">	<span class="borte"> Teddy ruler </span> </div> 
</a> 

<div id="bindestrek"><span class="borte"> Teddy ruler </span></div>


<a href="galleri.html" target="innhold">
<div id="galleri"> <span class="borte"> Teddy ruler </span></div>
</a>


<div id="bindestrek2"><span class="borte"> Teddy ruler </span></div>

<a href="om_meg.html" target="innhold">
<div id="om_meg"> <span class="borte"> Teddy ruler </span> </div>
</a> 

<div id="fade"><span class="borte"> Teddy ruler </span></div>

<iframe src="main.html" style="width:460px; height:330px; border: 1px solid #f7f7f7;" name="innhold"> <span class="borte"> Teddy ruler </span> </iframe>

<div id="footer"><span class="borte"> Teddy ruler </span></div>

</div>

<div class="borte"> <img src="images/blog_h.gif" alt="" /> <img src="images/galleri_h.gif" alt="" /> <img src="images/om_meg_h.gif" alt="" /> </div>

<!-- Som noen så fint en gang sa: "You're using HTML like a fucking typewriter!" -->

<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=987696; 
var sc_invisible=1; 
var sc_partition=9; 
var sc_security="68d5bb12"; 
</script>

<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/frames.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img  src="http://c10.statcounter.com/counter.php?sc_project=987696&java=0&security=68d5bb12&invisible=1" alt="site stats" border="0"></a> </noscript>
<!-- End of StatCounter Code -->

</body>
</html>

Lenke til kommentar
potetskrell

potetskrell

Skrevet
Skrevet

Du må jo lese gjennom feilene. Mange er helt rett frem. Fjern alle /> der de ikke skal være. Du kan heller ikke legge <a> rundt hva du vil. Hvorfor fjerna du <h1>?

 

Valid kode.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Teddy.moo.no</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="shortcut icon" href="favicon.ico">
</head>



<body>

<div id="wrap">

<h1><a href="main.html" target="innhold">
<span class="borte"> Teddy ruler </span>
</a></h1>

<div id="linje"><span class="borte"> Teddy ruler </span></div>
<div id="blokk"><span class="borte"> Teddy ruler </span></div>


<div id="blog"><a href="blog.php" target="innhold"> <span class="borte"> Teddy ruler </span></a></div> 


<div id="bindestrek"><span class="borte"> Teddy ruler </span></div>



<div id="galleri"><a href="galleri.html" target="innhold"> <span class="borte"> Teddy ruler </span></a></div>



<div id="bindestrek2"><span class="borte"> Teddy ruler </span></div>

<div id="om_meg"><a href="om_meg.html" target="innhold"> <span class="borte"> Teddy ruler </span></a></div>


<div id="fade"><span class="borte"> Teddy ruler </span></div>

<iframe src="main.html" style="width:460px; height:330px; border: 1px solid #f7f7f7;" name="innhold"> <span class="borte"> Teddy ruler </span> </iframe>

<div id="footer"><span class="borte"> Teddy ruler </span></div>

</div>

<div class="borte"> <img src="images/blog_h.gif" alt=""> <img src="images/galleri_h.gif" alt=""> <img src="images/om_meg_h.gif" alt=""> </div>

<!-- Som noen så fint en gang sa: "You're using HTML like a fucking typewriter!" -->

<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=987696; 
var sc_invisible=1; 
var sc_partition=9; 
var sc_security="68d5bb12"; 
</script>

<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/frames.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img  src="http://c10.statcounter.com/counter.php?sc_project=987696&java=0&security=68d5bb12&invisible=1" alt="site stats" border="0"></a> </noscript>
<!-- End of StatCounter Code -->

</body>
</html>

Lenke til kommentar
-Teddy-

-Teddy-

Skrevet
  • Forfatter
Skrevet
Du må jo lese gjennom feilene. Mange er helt rett frem. Fjern alle /> der de ikke skal være. Du kan heller ikke legge <a> rundt hva du vil. Hvorfor fjerna du <h1>?

 

Valid kode.

*snip*

 

Jeg kan ikke ha det på den måten du setter det opp i "h1" eller i div'ene. Da virker nemlig ikke linkene som er bakgrunnbildet i div'en. :shrug:

Lenke til kommentar
potetskrell

potetskrell

Skrevet
Skrevet (endret)
Du må jo lese gjennom feilene. Mange er helt rett frem. Fjern alle /> der de ikke skal være. Du kan heller ikke legge <a> rundt hva du vil. Hvorfor fjerna du <h1>?

 

Valid kode.

*snip*

 

Jeg kan ikke ha det på den måten du setter det opp i "h1" eller i div'ene. Da virker nemlig ikke linkene som er bakgrunnbildet i div'en. :shrug:

5016043[/snapback]

 

Okok, hvis du aboslutt ikke vil bruke h1, skriv i hvert fall slik:

 

<div id="header1"> <a href="main.html" target="innhold"><span class="borte"> Teddy ruler </span></a> </div>

 

Da virker det og er valid. Du kan ikke legge 'a' rundt 'div'.

Endret av Ingardj
Lenke til kommentar
-Teddy-

-Teddy-

Skrevet
  • Forfatter
Skrevet
Okok, hvis du aboslutt ikke vil bruke h1, skriv i hvert fall slik:

 

<div id="header1"> <a href="main.html" target="innhold"><span class="borte"> Teddy ruler </span></a> </div>

 

Da virker det og er valid. Du kan ikke legge 'a' rundt 'div'.

5016520[/snapback]

 

Hm, nei, altså det er samme for meg om jeg bruker div eller h1 men greia er at for at bildet skal bli en link så må jeg ha a rundt div. div rundt a virker ikke. Span greia er bare fordi det ikke virker uten den i midten, id #borte er bare display: none;

 

Men om jeg da kjører en span istedet for div og trer a rundt to span, burde det virke? Skal prøve når jeg kommer hjem...

Lenke til kommentar
-Teddy-

-Teddy-

Skrevet
  • Forfatter
Skrevet

Byttet ut alle div med span så ble den så valid og fin atte. :)

 

Er en ting til:

Mange av kompisene mine klager på at de på scrolle selve siden det hele ligger på. Er det noen mulighet for å gjøre det slik at iframen stiller seg ettersom hvor stort browservinduet er / hvilken oppløsning brukeren har slik at de slipper å ha en "mainscroll" på hele skiten?

Lenke til kommentar
-Teddy-

-Teddy-

Skrevet
  • Forfatter
Skrevet
Byttet ut alle dic's med span?

Det hørtes veldig feil ut...

 

Om du bruker % istedenfor px på høyden vil du få en slik efekt.

Men da må alt annet også bruke % da :)

5019164[/snapback]

 

div -> span gjorde iallefall koden både valid og velfungerende. :shrug:

 

Har tre spm:

 

1. Jeg har et problem med url adressene under "galleri". De varer nemlig ut hele linjen, selv der det ikke er tekst. Hvordan forhindre det?

 

2. I Internet Explorer er det scrolls horisontalt i iframen, tror det gjelder safari og men er ikke sikker. Hvordan skal jeg forhindre at disse horisontale scrollene dukker opp? Når det blir vertikalscroll blir det også horisontal scroll som scroller bredden den vertikale scrollen tar...

 

3. Hvor mange % skal jeg ha i høyden på iframen, får det ikke helt til. :hmm:

 

Takker for at dere er tolmodige. ;)

 

Valid kode som virker:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Teddy.moo.no</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
<link rel="stylesheet" type="text/css" href="style.css" >
<link rel="shortcut icon" href="favicon.ico" >
</head>



<body>

<div id="wrap">

<a href="main.html" target="innhold">
<span id="header1"> <span class="borte"> Teddy ruler </span> </span>
</a>

<span id="linje"><span class="borte"> Teddy ruler </span></span>
<span id="blokk"><span class="borte"> Teddy ruler </span></span>

<a href="blog.php" target="innhold">
<span id="blog"><span class="borte"> Teddy ruler </span> </span> 
</a> 

<span id="bindestrek"><span class="borte"> Teddy ruler </span></span>


<a href="galleri.html" target="innhold">
<span id="galleri"> <span class="borte"> Teddy ruler </span></span>
</a>


<span id="bindestrek2"><span class="borte"> Teddy ruler </span></span>

<a href="om_meg.html" target="innhold">
<span id="om_meg"> <span class="borte"> Teddy ruler </span> </span>
</a> 

<span id="fade"><span class="borte"> Teddy ruler </span></span>

<iframe src="main.html" style="width:460px; height:330px; border: 1px solid #f7f7f7;" name="innhold"> <span class="borte"> Teddy ruler </span> </iframe>

<div id="footer"><span class="borte"> Teddy ruler </span></div>

</div>

<div class="borte"> <img src="images/blog_h.gif" alt="" /> <img src="images/galleri_h.gif" alt="" /> <img src="images/om_meg_h.gif" alt="" /> </div>

<!-- Som noen så fint en gang sa: "You're using HTML like a fucking typewriter!" -->

<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=987696; 
var sc_invisible=1; 
var sc_partition=9; 
var sc_security="68d5bb12"; 
</script>

<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/frames.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img  src="http://c10.statcounter.com/counter.php?sc_project=987696&java=0&security=68d5bb12&invisible=1" alt="site stats" border="0"></a> </noscript>
<!-- End of StatCounter Code -->

</body>
</html>

Lenke til kommentar
-Teddy-

-Teddy-

Skrevet
  • Forfatter
Skrevet

Har prøvd endel nå og dette er valid kode.

 

Hvordan skal jeg få sentrert det hele nå da? Etter at jeg byttet ut div med span og forandret litt så vil ikke siden sentrere seg i IE men det virker i FF og Opera.

HTML Sourcen min:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Teddy.moo.no</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
<link rel="stylesheet" type="text/css" href="style.css" >
<link rel="shortcut icon" href="favicon.ico" >
</head>



<body>

<div id="wrap">

<a href="main.html" target="innhold">
<span id="header1"> <span class="borte"> Teddy ruler </span> </span>
</a>

<span id="linje"><span class="borte"> Teddy ruler </span></span>
<span id="blokk"><span class="borte"> Teddy ruler </span></span>

<a href="blog.php" target="innhold">
<span id="blog"><span class="borte"> Teddy ruler </span> </span> 
</a> 

<span id="bindestrek"><span class="borte"> Teddy ruler </span></span>


<a href="galleri.html" target="innhold">
<span id="galleri"> <span class="borte"> Teddy ruler </span></span>
</a>


<span id="bindestrek2"><span class="borte"> Teddy ruler </span></span>

<a href="om_meg.html" target="innhold">
<span id="om_meg"> <span class="borte"> Teddy ruler </span> </span>
</a> 

<span id="fade"><span class="borte"> Teddy ruler </span></span>

<iframe src="main.html" frameborder="0" width="460px" height="330px" name="innhold"> <span class="borte"> Teddy ruler </span> </iframe>

<div id="footer"><span class="borte"> Teddy ruler </span></div>

</div>

<!-- Som noen så fint en gang sa: "You're using HTML like a fucking typewriter!" -->

<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=987696; 
var sc_invisible=1; 
var sc_partition=9; 
var sc_security="68d5bb12"; 
</script>

<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/frames.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img  src="http://c10.statcounter.com/counter.php?sc_project=987696&java=0&security=68d5bb12&invisible=1" alt="site stats" border="0"></a> </noscript>
<!-- End of StatCounter Code -->

</body>
</html>

 

 

CSS

 

body
{
background: black;
/* HVA I SVARTE SKAL JEG HA SOM MARGIN? Skal ha % og få den på midten, evt wrap. Se bunn. */

margin:;
}

/* Bildeoppsett */

#header1
{
background: black url(images/header.gif);
width: 500px;
height: 142px;
margin: 0px;
display: block;
clear: both;
}

#linje
{
background: white url(images/linje.gif);
width: 500px;
height: 14px;
margin: 0px;
display: block;
clear: both;
}

#blokk
{
background: white url(images/blokk.gif);
width: 29px;
height: 16px;
margin: 0px;
display: block;
float: left;
}

#blog
{
background: white url(images/blog.gif);
width: 89px;
height: 16px;
margin: 0px;
display: block;
float: left;
}

#blog:hover
{
background: white url(images/blog_h.gif);
width: 89px;
height: 16px;
margin: 0px;
display: block;
float: left;
}

#bindestrek
{
background: white url(images/bindestrek.gif);
width: 55px;
height: 16px;
margin: 0px;
display: block;
float: left;
}

#galleri
{
background: white url(images/galleri.gif);
width: 135px;
height: 16px;
margin: 0px;
display: block;
float: left;
}

#galleri:hover
{
background: white url(images/galleri_h.gif);
width: 135px;
height: 16px;
margin: 0px;
display: block;
float: left;
}

#bindestrek2
{
background: white url(images/bindestrek2.gif);
width: 53px;
height: 16px;
margin: 0px;
display: block;
float: left;
}

#om_meg
{
background: white url(images/om_meg.gif);
width: 139px;
height: 16px;
margin: 0px;
display: block;
float: left;
}

#om_meg:hover
{
background: white url(images/om_meg_h.gif);
width: 139px;
height: 16px;
margin: 0px;
display: block;
float: left;
}

#fade
{
background: white url(images/fade.gif);
width: 500px;
height: 24px;
margin: 0px;
display: block;
float: left;
clear: both;
}

#footer
{
background: #f7f7f7 url(images/footer.gif);
width: 500px;
height: 82px;
margin: 0px;
clear: both;
display: block;
}




/* Diverse */

.borte	
{
display: none
}

/* HVA ER FEIL? Siden vil jo ikke på midten. */

#wrap 
{
width: 500px;
margin: 0 auto;
background: #f7f7f7;
}

iframe
{
margin: 10px 0px 1px 10px;
display: block;
clear: both;
}

Lenke til kommentar
JohnRichard

JohnRichard

Skrevet
Skrevet

HTML4.01 er ikke gammelt, så de DOCTYPENE er nok ikke gamle, nei.

Ser du har brut XHTML, dette er vel ikke så smart når du ikke skal bruke XML?

 

Uansett ser du har endret DOCTYPE til Transitional nå, men du mangler jo URL til dokumentet til w3c i Doctypen din.

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

 

Husk at dersom du bruker Frames, så er det egen Doctype for dette.

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

Lenke til kommentar
-Teddy-

-Teddy-

Skrevet
  • Forfatter
Skrevet
HTML4.01 er ikke gammelt, så de DOCTYPENE er nok ikke gamle, nei.

Ser du har brut XHTML, dette er vel ikke så smart når du ikke skal bruke XML?

 

Uansett ser du har endret DOCTYPE til Transitional nå, men du mangler jo URL til dokumentet til w3c i Doctypen din.

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

 

Husk at dersom du bruker Frames, så er det egen Doctype for dette.

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

5027761[/snapback]

 

Det hjalp litt kan man si. :wee:

 

Så straks mye bedre ut.

- Har nå kun to errors som jeg nå har prøvd å løse men som jeg ikke finner ut av.

- Lurer fremdeles på hva jeg skal gjøre med scrollen som dukker opp i iframen i IE!

- Hvordan skal jeg få iframen til å stille seg etter størrelsen på browservinduet / oppløsningen til de som komemr for å se. Hva regnes "%" parameteret av?

 

 

Nesten valid good looking kode:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

<html>
<head>
<title>Teddy.moo.no</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css"
<link rel="shortcut icon" href="favicon.ico">
</head>



<body>

<div id="wrap">
<a href="main.html" target="innhold">
<span id="header1"> <span class="borte"> Teddy ruler </span> </span>
</a>

<span id="linje"><span class="borte"> Teddy ruler </span></span>
<span id="blokk"><span class="borte"> Teddy ruler </span></span>

<a href="blog.php" target="innhold">
<span id="blog"><span class="borte"> Teddy ruler </span> </span> 
</a> 

<span id="bindestrek"><span class="borte"> Teddy ruler </span></span>


<a href="galleri.html" target="innhold">
<span id="galleri"> <span class="borte"> Teddy ruler </span></span>
</a>


<span id="bindestrek2"><span class="borte"> Teddy ruler </span></span>

<a href="om_meg.html" target="innhold">
<span id="om_meg"> <span class="borte"> Teddy ruler </span> </span>
</a> 

<span id="fade"><span class="borte"> Teddy ruler </span></span>

<iframe src="main.html" frameborder="0" width="460px" height="330px" name="innhold"> </iframe>

<div id="footer"><span class="borte"> Teddy ruler </span></div>

</div>
</body>
</html>

Lenke til kommentar
-Teddy-

-Teddy-

Skrevet
  • Forfatter
Skrevet

Nå har jeg mekka og fiksa en hel del. Blant annet fjernet iframene.

Tror alle sidene skal være valid html 4.01 Transisitonal.

 

Problemet:

I FireFox (mulig også Opera) ser "blog" siden fucked ut. Den første nyheten har hoppet langt ut på høyresiden, utenfor #content.

Hvorfor? Av en eller annen merkelig grunn virker hover effekten i IE nå og. :shrug:

¨

Hjelp meg litt på vei! ;)

 

http://home.no.net/teodor89/blog.php

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...