Hjelp med hjemmeside+frames

13. mars 2008

Hei!

Jeg jobber for tiden med en hjemmeside i frontpage og jeg er veldig ny med frames.
Har et ekkelt problem som jeg ikke skjønner noe av:
Jeg har en frame midt på siden som har en størrelse på 661x136 piksler.

Jeg lager et bilde i photoshop som er nøyaktig like stort og plasserer det i framen.
I "Design-mode" ser alt bra ut, men i "Preview-mode" og hvis jeg velger "Preview in browser", får jeg tynne, hvite kanter rundt bildet. Hvis bildet er like stort som framen, skal ikke dette være mulig?

Har prøvd å velge bildet som bakgrunnsbilde i framen, men med samme resultat.
Hvordan er dette mulig? Og hvordan fikser jeg dette?

Det er ikke slik i andre rammer med de samme egenskapene. (Frames som har bilde i seg som er like stort som framen).

Jeg er nødt til å bruke FrontPage, så det er ikke noen vits i å foreslå at jeg skal bruke Dreamweaver eller noe sånt

Takker for svar!

edit: Den aktuelle rammen er helt på toppen av siden hvis det har noe å si.

Sist endret av Pope; 13. mars 2008 kl. 17:21.

ql1rz

268 24

13. mars 2008

Pope

LEIK

Trådstarter

13. mars 2008

Hehe.. Takk for svar, men nå fikk jeg det til. Etter å ha prøvd i timer. Det hadde lurt seg et par tegn inn i HTML-koden. Kopierte bare koden til en annet frame og endret størrelse, så virket det..

Men jeg støter sikkert på flere problemer, og da havner spørsmålene i denne tråden..

atomet

Reklamehore

6.439 2.363

14. mars 2008

Vær litt snill med deg selv, og eventuelle fremtidige besøkende, og dropp frames.

Pope

LEIK

Trådstarter

14. mars 2008

Sitat av atomet

Vær litt snill med deg selv, og eventuelle fremtidige besøkende, og dropp frames.

Vis hele sitatet...

Er frames så ille da? Jeg skjønner ikke helt hvordan jeg skal få designet websiden min som jeg vil uten det..?

Nytt Problem!
Layouten er ferdig og ser glimrende ut når jeg åpner siden i firefox (Maksimert vindu).
Men hvis jeg begynner å leke med størrelsen på browser-vinduet, eller åpner siden på en annen pc med annen oppløsning, eller iTouchen min, blir alt helt jævlig.

Bildene i de forskjellige framsene flytter på seg og hvis du tenker deg at layouten er litt som nFF sin, hvor selve siden er i midten av skjermen med kanter rundt, så ser jeg veldig mye av den ene kanten og bare litt av siden som ligger i midten.

På nFF er det slik at hvis du forminsker størrelsen på browser-vinduet, så er det bare kantene på høyre og venstre side som forsvinner. Selve siden i midten lar seg ikke forme.

Har prøvd å huke av og på "Resizeable in browser" på de forskjellige framesene, uten at det har hjulpet noe.

fuzzy76

webdings

2.482 589

14. mars 2008

nFF bruker ikke frames. Å få til samme funksjonalitet og effekter som et CSS-basert oppsett, men ved hjelp av frames, er en kamp du er dømt til å tape. CSS og Frames lar seg dårlig kombinere. Hovedsaklig fordi CSS ble oppfunnet omtrent på det tidspunktet (rundt Internet Explorer 4.0) man bestemte seg for at frames var en dårlig ide (det er derfor frames kun er gyldig med transitional-utgaven av HTML-standarden, det er for å gi folk en siste utvei mens framesets fases ut).

Det nFF har gjort har ingenting med resizing å gjøre. Du sier jo selv at midten IKKE resizer, så hvorfor skulle det hjelpe å sette rammene dine til resizeable da? Det er så enkelt som at innholdet er sentrert i nettleservinduet.

gb78

8 0

<frame src="frame1.html" name="frame1" scrolling="no" frameborder="1" />

frames er ikke kun støttet av transitional HTML doctype men jeg er enig at frames bør unngås mest mulig. husk og legg til en >noframe> element i koden

ett annet alternativ kan være <object> taggen

z0p

uʍop ǝpısdn

3.814 906

Eneste stedet jeg kan påstå at frames delvis kan forsvares er støtrre sider med dokumentasjon o.l.

fuzzy76

webdings

2.482 589

Sitat av gb78

frames er ikke kun støttet av transitional HTML doctype ...

Vis hele sitatet...

Det er faktisk verre enn som så. Tradisjonelle frames er kun støttet i frameset-utgaven av HTML og XHTML, en versjon som KUN ble laget for å skyve den proprietære frames-utvidelsen fra Netscape ut på sidelinjen for å dø i fred. Vanlige frameset er ikke engang tillatt i transitional, men der er iframe tillatt. I strict er derimot alt som har med frames å gjøre forbudt. Jfr: http://www.blackwidows.co.uk/resourc...comparison.php

Sist endret av fuzzy76; 16. mars 2008 kl. 15:45.

ma10as

990 198

Pope, det er helt umulig for oss å hjelpe deg med layoutproblemene uten å få se noe kode, eller det beste - siden din. Hvis du poster en link til den aktuelle siden er jeg sikker på at noen her på forumet vil ta en titt og hjelpe deg.

Pope

LEIK

Trådstarter

Jeg beklaer! Uten å ha lagt merke til det har jeg fortsatt denne trådem i en av mine andre tråder.
Stor tabbe..

Hvertfall dette er min siste post i den andre tråden:

Nytt problem

Hva har jeg gjort galt nå? www.home.no/t2-elektro

Bildene som sier "Gutta, Linker, gjestebok" osv. skulle jeg gjerne plassert i den tynne glippen rett under #header som jeg har kalt #spacer. Bildene skal være sentrerte.
Hos meg er bildene skjøvet ned på #content.

Og når det er i orden, skal jeg fikse sånn "onmouseover"-greier på bildelinkene, slik at når noen holder musen over, så endres bildet. dette har jeg klart før, men husker ikke hvordan.
Sikker lett å finne det på google, men hvis noen har en grei forklaring, hadde det vært fint.

Takk!

fuzzy76

webdings

2.482 589

Antakelig fordi koden din er et eneste rot, og nettleserene er nødt til å gjette hva du egentlig mente. Og da er det ikke usannsynlig at de gjetter feil (og antakelig gjetter ganske forskjellig seg imellom).

Feilene:
http://validator.w3.org/check?uri=ht...no/t2-elektro/

Ekstra info:
http://hp.fuzzy76.net/archives/154-H...elper-deg.html
(Samme på engelsk siden bloggen min får nedetid senere i dag: http://diveintomark.org/archives/200..._wont_help_you )

Sist endret av fuzzy76; 18. mars 2008 kl. 08:22.

Pjukern

Sikkerhetsklarert

2.471 332

Jeg skal gi deg to gode tips.

1. Ikke bruk frontpage, ikke nå, ikke seinere, aldri!

2. Ikke bruk frames og tables til design, forsøk å lær deg litt i css, du trenger ikke kunne det utenat, bare les deg frem til hvordan du gjør for å få siden du vil ha. Dette kommer du til å tjene på mtp tidsforbruk..

Pope

LEIK

Trådstarter

Sitat av fuzzy76

Vis hele sitatet...

Å hjelpes! Det virket ikke bra!
Men veldig rart ettersom alt jeg har gjort er å redigere en template. Vil ikke tro at det var så mange feil i den før jeg begynte på den, men...

Dette er et helvete.

grandm

40 1

Kanskje du burde prøve Adobe GoLive? Rimelig greit program som ikke skal by på for mange utfordringer selv om du har begrensede kunnskaper. Finnes mange tutorials som er til stor hjelp.

Sist endret av grandm; 18. mars 2008 kl. 17:17.

Toak

813 194

Sitat av Pope

Dette er et helvete.

Vis hele sitatet...

Frontpage og frames er et helvete.

Viss du ikke er så interessert i å lære deg CSS og design kan jeg jo anbefale deg å ta et søk på www.google.com etter "Free CSS Templates" . Der finner du mye ferdig, og ofte pene layouter hvor du kan bytte ut standarbilder og grafikk med ditt eget

, Lykke til.

Pope

LEIK

Trådstarter

20. mars 2008

Sitat av masac

, Lykke til.

Vis hele sitatet...

Det er faktisk problemet. Siden er basert på en css-template. Jeg har bare endret bilder og tekst, samt lagt til den lille sorte rammen under #header.
Rart at det da er så mange feil på siden...

Bekks

Epleplukker

1.334 19

20. mars 2008

Det er veldig mange som ikke skriver riktige koder, ta les litt selv så blir alt så mye bedre

20. mars 2008

Sitat av masac

, Lykke til.

Vis hele sitatet...

Du har funnet en CSS template side basert på frames?
Nei, men either way , skal se gjennom siden din.. så skal jeg se om jeg finner no feil..

edit:
Jeg må nesten få se style.css filen din og - selvom forsiden din er full av krøll .. og btw, siden din er jo basert på div CSS design - og det er da ikke frames

Edit2:

HTML-kode

		<div class="entry">
			<div class="entry-title">&nbsp;</div>
			<p style="line-height: 100%; margin-bottom: 1.38em">&nbsp;</p>
			<p style="line-height: 100%; margin-bottom: 1.38em; text-align:center">&nbsp;</p>
			<p style="line-height: 100%; margin-bottom: 1.38em; text-align:center">&nbsp;</p>
			<p style="line-height: 100%; margin-bottom: 1.38em; text-align:center">&nbsp;</p>
			<p style="line-height: 100%; margin-bottom: 1.38em; text-align:center">&nbsp;</p>
			<p style="line-height: 100%; margin-bottom: 1.38em; text-align:center">&nbsp;</p>
			<p style="line-height: 100%; margin-bottom: 1.38em; text-align:center">&nbsp;</p>
			<p style="line-height: 100%; margin-bottom: 1.38em; text-align:center">&nbsp;</p>
			<p style="line-height: 100%; margin-bottom: 1.38em; text-align:center">&nbsp;</p>
			<p style="line-height: 100%; margin-bottom: 1.38em; text-align:center">&nbsp;</p>
			<p style="line-height: 100%; margin-bottom: 1.38em; text-align:center">
			'</p>
			<p style="line-height: 100%; margin-bottom: 1.38em; text-align:center">&nbsp;</p>
			<p style="line-height: 100%; margin-bottom: 1.38em; text-align:center">&nbsp;</p>
			<p style="line-height: 100%; margin-bottom: 1.38em; text-align:left">&nbsp;</p>
		</div>

Okei- hva fan er det der godt for?

Nummer 2:

<div id="footer">
<div id="footer-valid" style="width: 648px; height: 160px">
<p align="center">
</p>
<p align="center"> 

<div id="container"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</div>
<script type="text/javascript" src="swfobject.js"></script>

<script type="text/javascript">
var s1 = new SWFObject("mediaplayer.swf","mediaplayer","400","220","8");
s1.addParam("allowfullscreen","false");
s1.addVariable("width","400");
s1.addVariable("height","50");
s1.addVariable("file","tinnitus.mp3");
s1.write("container");
</script>

<p align="center"> 
<p align="center"> 
<p align="center">Copyright © 2008 Berserk 08</font></div>
</div>

Her har du nested en div boks mellom en paragraf klamme..det sier seg selv blir fiasko..
Ved copyrighten din har du 3 paragrafer som mangler </p> ..

Ta som sagt å legg ut CSS filen og - så skal jeg rette opp det her for deg..tar 2 sek..

Sist endret av masac; 20. mars 2008 kl. 17:32.

21. mars 2008

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Berserk 08</title>
<meta name="keywords" content="viking berserk 08 berserk08 stabekk nadderud russ russebuss selge buss salg gjestebok tinnitus tinnitus08 russesang">
<meta name="description" content="Årets mest maskuline buss!">
<link rel="stylesheet" href="http://home.no/t2-elektro/style.css" type="text/css" media="screen" />
</head>

[COLOR=DarkRed]<body style="background-color: #000000; background-image: url('')">[/COLOR]

<div id="wrapper">

<div id="header">
</div>

<div id="spacer">
<img border="0" src="Buttons/gutta.jpg" width="141" height="30"><img border="0" src="Buttons/media.jpg" width="117" height="30"><img border="0" src="Buttons/gjestebok.jpg" width="150" height="30"><img border="0" src="Buttons/russ.jpg" width="118" height="30"><img border="0" src="Buttons/linker.jpg" width="120" height="30">
</div>

[COLOR=Orange]<div style="width: 700px; height: 356px">[/COLOR]
<div class="entry">
<div class="entry-title"><h3>Nyheter:</h3></div>
<p>Velkommen til Gutta sin hjemmeside. Her vil du finne informasjon om oss osv..</p>
</div>
</div>
<div id="footer">
<div id="container">
<a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var s1 = new SWFObject("mediaplayer.swf","mediaplayer","400","220","8");
s1.addParam("allowfullscreen","false");
s1.addVariable("width","400");
s1.addVariable("height","50");
s1.addVariable("file","tinnitus.mp3");
s1.write("container");
</script>

</div>
</div>
</div>
[COLOR=Orange]<div style="margin:auto;width:700px;">[/COLOR]
<p align="center">Copyright © 2008 Berserk 08</p>
</div>

Der jeg har merket rød, må du gå inn i body taggen i cssfilen og fjerne bakgrundsbildet - ikke drive å leke Ola Nordmann med å override med en url('') i html'en ..

Der jeg har merka oransje kan du mer enn gjerne opprette en klasse i cssfilen og legge styleegenskapene inn der istedenfor i HTML'en ..

Eksempelvis for denne da:
<div style="width: 700px; height: 356px"></div>

Så skriver du i css'en din
.divInnhold
{
width: 700px;
height: 356px;
}

I HTML'en tar du da og fjerner alt som har med styles og skriver:
<div class="divInnhold"></div>

Så arver den de egenskapene til divInnhold og ser ut som den gjorde fra før.

Jeg har rydda opp genrelt og fjerna klusset ditt - så nå kan du iaff prøve igjen - er det noe du lurer på så post her

Pope

LEIK

Trådstarter

23. mars 2008

Takker og bukker, masac! Jeg får ikke testet dette med en gang, men tar det til uken!

Jeg er veldig takknemlig!

25. mars 2008

:] No problemo

Pope

LEIK

Trådstarter

26. mars 2008

Masac: Nå sitter jeg og prøver å få til dette!
Ser at det du har gjort, har gitt en klar forbedring, men jeg må tilstå at jeg ikke skjønner så mye.
Siden funker tilsynelatende helt fint uten css fil nå, ettersom jeg endret navnet på css-filen til noe ukjent, og at det fremdeles virker.....?

Når jeg åpner siden får jeg opp to eller tre meldinger om feil på siden, men det kommer helt sikkert av at jeg ikke har gjort som du sa.
Kan du hjelpe meg?

edit: Når jeg valgte preview i frontpage, brukte programmet css-filen som jeg har lastet opp på nettet, så at den ikke trengte css-fil var bare tull...

Sist endret av Pope; 26. mars 2008 kl. 18:09.

Pope

LEIK

Trådstarter

26. mars 2008

Det var ikke fullt så krise som jeg trodde... Jeg har sikkert ikke gjort alt riktig, men nå ser det ut til at ting begynner å gå min vei!

Et problem jeg har nå er at noen av bildene jeg bruker er litt store og tar litt tid å, og det ser ganske dumt ut når en entrer en webside.
Jeg har sett flash-sider som laster alt innhold før siden vises.. Dere vet sånn: Loading...

I den anledning, klarte jeg å søke meg frem til en "image pre-loader" som jeg syntes så ganske lovende ut.

Den virker slik at bildene lastes som bakgrunnsbilder 1000px utenfor skjermbildet.
Når bildene er lastet på en side, trenger de ikke lastes igjen om de også skal vises på en annen side. Am I right?

Hvertfall.. For (ordens?) skyld lagde jeg en egen css-fil som jeg kalte "loader.css"
Den inneholder dette (og KUN dette):

div .loader{
background:url(images/fronter.png) no-repeat;
background:url(images/fronter_text.jpg) no-repeat;
background:url(images/bg-header.jpg) no-repeat;
background:url(images/bg-footer.jpg) no-repeat;
background:url(images/logo_center.png) no-repeat;
background:url(Buttons/gjestebok.jpg) no-repeat;
background:url(Buttons/gjestebok_s.jpg) no-repeat;
background:url(Buttons/gutta.jpg) no-repeat;
background:url(Buttons/gutta_s.jpg) no-repeat;
background:url(Buttons/linker.jpg) no-repeat;
background:url(Buttons/linker_s.jpg) no-repeat;
background:url(Buttons/media.jpg) no-repeat;
background:url(Buttons/media_s.jpg) no-repeat;
background:url(Buttons/russ.jpg) no-repeat;
background:url(Buttons/russ_s.jpg) no-repeat;
margin-left:-1000px;
}

Dette er alle bildene jeg bruker på websiden.

Jeg har laget en "velkomstside" som vises før index.html og jeg har tenkt til å linke domenet jeg skal kjøpe til denne siden.

I HTML-koden til velkomstsiden har jeg skrevet:

<head>
<meta http-equiv="Content-Language" content="no-bok">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Velkommen til Berserk08.com</title>
[COLOR=Red]<link rel="stylesheet" href="loader.css" type="text/css" media="screen" />[/COLOR]
</head>
[COLOR=Red]<div class="loader"></div>[/COLOR]
<body bgcolor="#000000">

<p align="center"> </p>
<p align="center"><a href="index.html"><img border="0" src="images/fronter.png" width="420" height="541"></a></p>
<p align="center">
<img border="0" src="images/fronter_text.jpg" width="538" height="33"></p>
<p align="center"> </p>
<p align="center"> </p>

</body>

</html>

Jeg har merket de delene jeg mener er viktigst med rød farge.

Problemet er at dette ikke virker for meg? Sikkert bare en liten filleting som er gjort galt, men jeg kan ikke se hva det er.

Kan noen hjelpe meg med dette?

EDIT: Og hva er egentlig den enkleste måten å lage "glowing buttons" på?
Altså: Slik at bildet endres når en holder musen over det og endres tilbake når en flytter musen vekk fra det..

Takk!

Sist endret av Pope; 27. mars 2008 kl. 00:08.

Carlo

Better than thou.

5.965 46

27. mars 2008

Du kan ikke plassere en div mellom header og body, bare legg den før du avslutter body-tagen. Men preloading er uansett irriterende og det faktum at du loader bilder en del sikkert ikke kommer til å se er teit. Du burde heller se på hvordan du komprimerer bildene. Bruker du Photoshop? Lagrer du de i så tilfelle med "Save for web"-funksjonen eller på vanlig måte?

Ang. disse såkalte "glowing buttons" er det svært enkelt å gjøre med mouse.over i Javascript eller evt. en hacking av hover-funksjonen for linker i CSS.

(Boy det er lenge siden jeg har drevet med web. Kan være en glipp eller to der.)

Pope

LEIK

Trådstarter

27. mars 2008

Sitat av Carlo

Vis hele sitatet...

Og da vil det virke? Får ikke testet før i morgen, men takk for svar!

Jeg bruker photoshop og save for web-funksjonen.
Komprimerer så mye jeg kan uten at bildene blir av betydelig dårligere kvalitet..

Skal finne på en fiks løsning i morgen på hvordan jeg kan f.eks lage et animert .gif bilde elns som får det til å se ut som siden faktisk loader.. Vet du/noen om det er mulig å få siden til å vise gif-animasjonen helt til siden er ferdig med å laste, for deretter å forsvinne? Eller er det la bedre å bare gjøre det ordentlig med flash/e.l.? Jeg kan ikke flash i det hele tatt, så det kan arte seg til å bli nok et problem..

Og forresten.. I guiden jeg leste om pre-loadingen stod det at jeg skulle plassere div rett over body-taggen.. Har jeg misforstått?

Takker for svar!

27. mars 2008

div .loader{
background:url(images/fronter.png) no-repeat;
background:url(images/fronter_text.jpg) no-repeat;
background:url(images/bg-header.jpg) no-repeat;
background:url(images/bg-footer.jpg) no-repeat;
background:url(images/logo_center.png) no-repeat;
background:url(Buttons/gjestebok.jpg) no-repeat;
background:url(Buttons/gjestebok_s.jpg) no-repeat;
background:url(Buttons/gutta.jpg) no-repeat;
background:url(Buttons/gutta_s.jpg) no-repeat;
background:url(Buttons/linker.jpg) no-repeat;
background:url(Buttons/linker_s.jpg) no-repeat;
background:url(Buttons/media.jpg) no-repeat;
background:url(Buttons/media_s.jpg) no-repeat;
background:url(Buttons/russ.jpg) no-repeat;
background:url(Buttons/russ_s.jpg) no-repeat;
margin-left:-1000px;
}

Du har en liten feil i CSS'en her. Var kanskje ikke helt klar når jeg forklarte dette, men når du skal deklarere en klasse i CSS'en bruker du .navnpåklassen . Du har skrevet div .loader, det skal være .divLoader eller loader, alt ettersom du selv vil.

<div class="loader"></div>
<body bgcolor="#000000">

Det er best om du bytter rekkefølge på disse to, <div class="loader"></div> skal innenfor <body></body> =)

Forøvrig, det som står i class="" er navnet på klassen du laga i CSS fila - så om du kaller klassen din for .loader i CSS filen , er det der helt riktig=)

Pre-loading av images er ikke nødvendig, ta heller og benytt deg av et komprimeringsverktøy for å forminske både bildenes filstørrelse og format. Det er også å anbefale og generere thumbnails av de store bildene, slik at du kan legge ut mindre versjoner av de, som igjen linker til de store versjonene.

Den enkleste måten å lage glowing buttons på er å lage to bilder, gjerne png'er hvor det ene er det statiske bildet, og det andre er mouseover bildet. Videre bruker du et enkelt javascript som kjøres når du beveger musen over bildet.

Det finnes hauger av slike javascript på nettet, bare ta å søk etter onMouseover effects eller noe slikt på google=)

Beklager sent svar, men har vært overveldene opptatt med ting idag =)

Post gjerne javascriptet ditt her, så skal jeg hjelpe deg å "montere" det på bildelinken din=)

Når det gjelder det faktum at siden fungerer uten CSS filen kan det ha noe med at jeg benyttet meg av
<link rel="stylesheet" href="http://home.no/t2-elektro/style.css" type="text/css" media="screen" />

Altså, jeg bare lagde en link til CSS filen din, siden jeg ikke orka å styre med å lage et webprosjekt osv for det lille greiene dine=) Bare å bytte tilbake igjen, om du ikke har gjort det.

Pope

LEIK

Trådstarter

Masac: Jeg takker igjen for svar.

Ser at du skriver at pre-loading av bilder ikke er bra, men akkurat nå dør jeg etter å finne ut av dette!

HVorfor virker ikke dette? Jeg mener å ha gjort akkurat som du ba meg om.

loader.css ser slik ut:

.imageloader{
background:url(images/fronter.png) no-repeat;
background:url(images/fronter_text.jpg) no-repeat;
background:url(images/bg-header.jpg) no-repeat;
background:url(images/bg-footer.jpg) no-repeat;
background:url(images/logo_center.png) no-repeat;
background:url(Buttons/gjestebok.jpg) no-repeat;
background:url(Buttons/gjestebok_s.jpg) no-repeat;
background:url(Buttons/gutta.jpg) no-repeat;
background:url(Buttons/gutta_s.jpg) no-repeat;
background:url(Buttons/linker.jpg) no-repeat;
background:url(Buttons/linker_s.jpg) no-repeat;
background:url(Buttons/media.jpg) no-repeat;
background:url(Buttons/media_s.jpg) no-repeat;
background:url(Buttons/russ.jpg) no-repeat;
background:url(Buttons/russ_s.jpg) no-repeat;
margin-left:-1000px;
}

HTML ser slik ut:

<html>

<head>
<meta http-equiv="Content-Language" content="no-bok">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Velkommen til Berserk08.com</title>
[COLOR=Red]<link rel="stylesheet" href="http://home.no/t2-elektro/loader.css" type="text/css" media="screen" />[/COLOR]
</head>

<body bgcolor="#000000">
<p align="center"> </p>
<p align="center"><a href="index.html"><img border="0" src="images/fronter.png" width="420" height="541"></a></p>
<p align="center"> </p>
<p align="center">
<img border="0" src="images/fronter_text.jpg" width="538" height="33"></p>
[COLOR=Red]<div class="imageloader"></div>[/COLOR]
</body>

</html>

Kan ikke fatte og begripe hvorfor ikke dette virker. Når jeg laster siden "index.htm", lastes ikke andre bilder enn de som skal vises. Ville tro at jeg vil se at siden jobber litt når den kommer til "imageloader"-delen, men det gjør den ikke.
Og når jeg trykker på bildet og blir sendt videre til index.html, tar det fremdeles tid før bildene lastes..

Ser du noen feil nå?

Edit: Fant forresten ut at jeg også kan bruke display:none i stedet for margin-left:-1000px;
Men det virker ikke da heller

Sist endret av Pope; 28. mars 2008 kl. 00:08.

.imageloader{
background:url(images/fronter.png) no-repeat;
background:url(images/fronter_text.jpg) no-repeat;
background:url(images/bg-header.jpg) no-repeat;
background:url(images/bg-footer.jpg) no-repeat;
background:url(images/logo_center.png) no-repeat;
background:url(Buttons/gjestebok.jpg) no-repeat;
background:url(Buttons/gjestebok_s.jpg) no-repeat;
background:url(Buttons/gutta.jpg) no-repeat;
background:url(Buttons/gutta_s.jpg) no-repeat;
background:url(Buttons/linker.jpg) no-repeat;
background:url(Buttons/linker_s.jpg) no-repeat;
background:url(Buttons/media.jpg) no-repeat;
background:url(Buttons/media_s.jpg) no-repeat;
background:url(Buttons/russ.jpg) no-repeat;
background:url(Buttons/russ_s.jpg) no-repeat;
margin-left:-1000px;
}

Ta og prøv med :

background-image: url( 'katalog/bilde.fil' );
background-repeat: no-repeat;

Om det ikke fungerer kan du jo prøve å lage en klasse for alle bildene dine og bruke det jeg skrev over for vær div box..har aldri prøvd å legge flere bilder som bakgrund samtidig.. virker litt kunstig om du spørr meg.
.loader1
{
background-image:url('fil.fil');
background-repeat: no-repeat;
margin-left:-1000px;
}
.loader2
{
margin-left:-1000px;
background-image:url('fil.fil')
background-repeat: repeat-y;
}

Så setter du bare alle inn på loadersiden din..

Eventuelt kan du da lage en divbox med egenskapen margin-left:-1000px, og legge alle de andre inni den, så slipper du å skrive det for alle..

=)

atomet

Reklamehore

6.439 2.363

Btw - å preloade bilder KAN absolutt være kjekt i en god del tilfeller, spesielt hvis man har mye store bilder e.l. på en side, men da bør det være en eller annen løsning der som viser brukerene at noe skjer, og at ting ikke bare har stoppa opp.

Forøvrig er en enda bedre (men litt mer knotete hvis du ikke er vant til å bruke css) løsning for å få rollover på knapper og sånt denne her: http://www.alistapart.com/articles/sprites , da er du ikke avhengig av javascript i det hele tatt, kun css, og du slipper også det lille "blinket" mange sider har mens rolloverbildet lastes inn.

Carlo

Better than thou.

5.965 46

Nå får du gi deg, atomet, har du sett på siden? Han har ingen grunn til å preloade bilder her overhodet. Han burde heller komprimere de bedre.

Pope

LEIK

Trådstarter

29. mars 2008

Jeg fikk det til. Funket fint og besøkende vil omtrent ikke merke pre-loadingen. Skal finne på noe lurt for fronter.jpg i index.htm i morgen. Se på kildekoden til siden for å se hva jeg har gjort..

Carlo

Better than thou.

5.965 46

29. mars 2008

Gjør som du vil for min del, men det er unødvendig å preloade disse bildene med mindre du bruker en eller annen form for ajax der elementer skal dukke opp pronto.

▼ ... over en uke senere ... ▼

Pope

LEIK

Trådstarter

9. april 2008

Kan noen fortelle meg hva jeg har gjort galt her?
(Når en trykket på et av navnene, skal det poppe opp et vindu med bilde. (Java).
Det funker fett i frontpage, men i firefox skjer det ingen ting. Når jeg åpner siden i IE, får jeg opp en melding;
"The web page you are viewing is trying to close the window. Close window?"
Kan noen ta en liten titt på koden og se hva som er galt?

Takker for svar!

edit:
URL: http://home.no.net/berser/gutta.html

Sist endret av Pope; 9. april 2008 kl. 23:18.

vidarlo

Trigonoceps occipita

27.682 31.078

9. april 2008

Sitat av Pope

Vis hele sitatet...

Error: Function popImage() is not defined.

Pope

LEIK

Trådstarter

9. april 2008

Sitat av slashdot

Error: Function popImage() is not defined.

Vis hele sitatet...

Kan være snill å forklare hvordan jeg fikser dette?
Du skjønner, jeg sakset hele koden fra codelifter.com, og i koden var det en kommentar som forklarte at jeg ikke skulle forandre koden nedenfor anvist skillelinje.

Er det der feilen ligger?

10. april 2008

var AutoClose = true;

Kanskje sett den til =false;

Det var da et helvetes script for å generere en liten popup.. Generelt et helvete med javascript på den siden din nå=P

Pope

LEIK

Trådstarter

10. april 2008

Sitat av masac

var AutoClose = true;

Kanskje sett den til =false;

Det var da et helvetes script for å generere en liten popup.. Generelt et helvete med javascript på den siden din nå=P

Vis hele sitatet...

Ja, det ble mye java :P

Autoclose true/false bestemmer bare om jeg kan ha flere popus oppe samtidig, eller om popupen skal lukkes når jeg åpner en ny.

10. april 2008

Ja, jeg vet jo hva den gjør - men har du forsøkt å slå den av? Kan være den bugger, og prøver å lukke hovedvinduet istede.

Pope

LEIK

Trådstarter

11. april 2008

Sitat av masac

Ja, jeg vet jo hva den gjør - men har du forsøkt å slå den av? Kan være den bugger, og prøver å lukke hovedvinduet istede.

Vis hele sitatet...

Åja, daså. Ja, jeg har prøvd å slå den av, men uten uforventede reultater, dessverre.