Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

Hjälp! Scroller för hemsida "finns" inte?

AntonNordi

Startad av AntonNordi,
i Webbutveckling

Rekommendera Poster

AntonNordi

AntonNordi

Postad
Postad

Hej eForum,

 

Har nu under en kortare tid försökt utveckla en webbsida för ett skolarbete (obs! ej relaterat till kurs i webbdesign) och jag var från början egentligen helt utlämnad till mörkret gällande kodning, scriptning; layout och ja, listan kan göras lång.

 

Nu har jag då lyckats snickra ihop en hemsida i Flash, som jag sedan importerade (.swf-fil) till Dreamweaver i ett html-dokument som jag sedan laddade upp på webbdomänen/servern.

 

Det ser ut att fungera som det ska, men problemet uppstår när man ska besöka hemsidan på skärmar med mindre upplösning; det går ej att scrolla på webbsidan!

 

Jag antar att jag har missat något grundläggande i HTML-koden?

 

 

<!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" lang="en" xml:lang="en">

<head>

<title>FlashSite</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css" media="screen">

html, body { height:100%; background-color: #ffffff;}

body { margin:0; padding:0; overflow:hidden; }

#flashContent {

width:100%;

height:100%;

text-align: center;

font-family: Verdana, Geneva, sans-serif;

font-size: 10px;

color: #999;

}

body {

}

#flashContent p {

font-family: Verdana, Geneva, sans-serif;

}

#flashContent p {

font-family: "MS Serif", "New York", serif;

}

#flashContent p {

font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

}

</style>

</head>

<body>

<div id="flashContent">

<p>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="1000" height="700" id="FlashSite" align="middle">

<param name="movie" value="FlashSite.swf" />

<param name="quality" value="best" />

<param name="bgcolor" value="#ffffff" />

<param name="play" value="true" />

<param name="loop" value="true" />

<param name="wmode" value="window" />

<param name="scale" value="showall" />

<param name="menu" value="true" />

<param name="devicefont" value="false" />

<param name="salign" value="" />

<param name="allowScriptAccess" value="sameDomain" />

<!--[if !IE]>-->

<object type="application/x-shockwave-flash" data="FlashSite.swf" width="1000" height="700">

<param name="movie" value="FlashSite.swf" />

<param name="quality" value="best" />

<param name="bgcolor" value="#ffffff" />

<param name="play" value="true" />

<param name="loop" value="true" />

<param name="wmode" value="window" />

<param name="scale" value="showall" />

<param name="menu" value="true" />

<param name="devicefont" value="false" />

<param name="salign" value="" />

<param name="allowScriptAccess" value="sameDomain" />

<!--<![endif]-->

<a href="http://www.adobe.com/go/getflash">

<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />

</a>

<!--[if !IE]>-->

</object>

<!--<![endif]-->

</object>

</p>

<p>Obs! Den här sidan kräver Flash Player 10 eller högre. | 2011-2012 </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p>sista raden</p>

</div>

</body>

</html>

 

 

Som ni ser har jag även lagt till en massa rader så att även högupplösta skärmar måste kunna scrolla.

 

Tack på förhand,

Anton

Länk till kommentar
Dela på andra webbplatser
Jonas__B

Jonas__B

Postad
Postad

I cssen står det att flashen ska ta upp 100% av skärmens bredd och höjd.

 

i koden står det dock att det är 1000px bred och 700px hög, så du får ta och bestämma dig lite här va. ;)

Länk till kommentar
Dela på andra webbplatser
AntonNordi

AntonNordi

Postad
  • Trådskapare
Postad

Tja,

 

Menar du den här raden:

 

html, body { height:100%; background-color: #ffffff;}

 

och jo, Flashen ska vara 1000x700. Men den blir inte utstretchad eller liknande på min skärm som man tror att den skulle bli när jag läser "100 %" (kör 1680X1050).

 

Erm, skulle du kanske vara vänlig och hjälpa mig lite på traven med hur jag ska ändra den där raden? :rolleyes:

Länk till kommentar
Dela på andra webbplatser
Jonas__B

Jonas__B

Postad
Postad 

#flashContent {
width:100%;
height:100%;
text-align: center;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
color: #999;
}

 

Ta bort width och height-specifikationerna så blir det kanske bättre.

Länk till kommentar
Dela på andra webbplatser
AntonNordi

AntonNordi

Postad
  • Trådskapare
Postad 

#flashContent {
width:100%;
height:100%;
text-align: center;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
color: #999;
}

 

Ta bort width och height-specifikationerna så blir det kanske bättre.

 

Gjorde det, men ingen scroller framkom. Däremot kan jag nu bläddra ned på sidan med hjälp av piltangenterna...

Länk till kommentar
Dela på andra webbplatser
AntonNordi

AntonNordi

Postad
  • Trådskapare
Postad

Jag löste det. Tror jag. Jag tvingade fram scrollern med hjälp av den här inbäddningen i CSS-koden:

 

html {overflow-y: scroll;}

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...