Avatar billede jakobblochehlers Nybegynder
27. september 2000 - 21:52 Der er 12 kommentarer og
1 løsning

Tilpasning til alle browsere

Jeg er ved at lave en hjemmeside, der ligger som demo på www.000webvisage.dk.

Siden er i 800x600, men meningen er (naturligvis)at den skal tilpasses alle browsere den åbnes i.

Siden skal stå centreret og gå fra top til bund uden scrolling.

Vh.

jakob
Avatar billede crunch Nybegynder
27. september 2000 - 22:41 #1
hvad er præcis dit spørgsmål... størrelsen har ikke noget at gøre med browsertypen.

Hvis du fra direkte fra dreamweaver vil kunne tjekke det via f12 preview kan du sætte det op via \"file>prewiev i browser>edit browserlist.

Hvis du vil tjekke om den overholder 600 x 800 sætter du din skærm ned og kører denne opløsning (højreklik >propertys>settings
ligeledes kan du se det fra dreamweaver neders i højre hjørne.

hvis du vil konvertere din side så du er sikker på at den vises i de fleste browsere kan du vælge file>convert > 3.0 compertible.

endelig hvis du vil skalere din side kan du sætte din grafik (vektor og ensfarvet der kan tåle det) til 100% i stedet for pixels.

hvis du ikke ønker scroling vælger du bare noscroll i din property bar.

Avatar billede doeleman Nybegynder
27. september 2000 - 22:43 #2
I opløsningen 800x600 er det ikke muligt at læse hele teksten. F.eks. på siden produkter kan jeg kun læse til \"Jeg kan for eksempel hjælpe med:\". Da du ovenikøbet har fjernet scrollbars, er det helt umuligt at finde ud af, hvad det er du kan hjælpe med.

Desuden synes jeg, at det er en temmelig dårlig idé, at lave hele sitet som grafik, da det gør det vanskeligt at opdatere og umuligt for søgemaskiner at indexere.

Udover mine kritikpunkter vil jeg da gerne rose det visuelle design.
Avatar billede jakobblochehlers Nybegynder
27. september 2000 - 23:57 #3
Ok spørgsmålet var nok lidt mangelfuldt og i øvrigt kvajet formuleret.

Det her er den første hjemmeside jeg har lavet. Grafikken er lavet i photoshop 5.5 (baggrund)og Flash 4(Film og hvad der ellers dukker op i \"rammen\".

Flash og Photoshop er jeg vel efterhånden nogenlunde stiv i. Dreamweaver er jeg lige begyndt på.

Siden er (ikke færdigt) sat op med dreamweaver 3.

Da jeg lavede grafikken anede jeg (heller ikke) noget om opsætning til browsere og skærmop-løsninger. Siden er derfor lavet i 800x600 pixels efter et tilfældigt råd.

Mit problem er nu som følger:

Uanset valgt skærmopløsning (ikke browser - sorry)skal siden vises \"hel\". Det vil sige at den skal gå fra kant til kant i den ene dimension og være centreret i den anden.

Jeg ved ikke om dette er praktisk muligt?

Hvis løsningen er at ændre grafikken til 100 pct. bedes dette uddybet. (hvor gør jeg dette?).

Jeg håber I kan hjælpe.

Vh.

Jakob.

Avatar billede crunch Nybegynder
28. september 2000 - 00:06 #4
ja det er nemt.
du vælge window > property

du har nu en lille \"flydende menu fremme\"
klik på dit billede. vælg align boks og sæt til center.
-billedet er nu centreret på midten

vælg height boksen og skriv i denne 100%
billedet fylder nu hele højden.

hvis du ønske at sætte din vidde til noget bestemt skal du bare sætte den til et tal (bliver automatisk pixels)
Avatar billede jakobblochehlers Nybegynder
28. september 2000 - 00:53 #5
OK! Der skete i hvert fald et eller andet - men ikke lige det ønskede - men jeg må lige eksperimentere lidt mere.

Da jeg er ramt af fast arbejde er det desværre blevet sengetid. Jeg vender tilbage med uddybende spm. eller point fredag.
Avatar billede riejensen Nybegynder
28. september 2000 - 23:26 #6
?? hov - klokken på min pc er 28-09 2000 23:25 ??
Avatar billede doeleman Nybegynder
29. september 2000 - 00:09 #7
Ja, så er det snart 22½ time siden jakobblochehlers gik i seng ?!???

Hvad er problemet?
Avatar billede jakobblochehlers Nybegynder
29. september 2000 - 18:04 #8
Jeg har sg.. da ikke sovet i 22,5 timer. Jeg skrev fredag, fordi jeg ikke havde tid til at lave min side i går.

Jo doeleman - Problemet er det som du oplever i din skærmopløsning - som jeg formoder er 800x600 -nemlig at du ikke kan se hele siden.

Siden er ikke designet efter scrollbar. Det er miningen man skal kunne se det hele på en gang i alle opløsninger. Siden skal gå fra top til bund.
Horisentalt skal den centreres men med samme størrelsesforhold mellem længde og bredde.

Jeg tror at crunch er inde på noget af det rigtige - men det virker ikke helt. Hvis jeg ændre størrelsen til \"%\" på filerne bliver de mindre indefor den enkelte frame.

jeg skal lige oplyse, at siden er bygge op med en indeksfil (selvfølgeligt) og to \"framefiler\" i et frameset med to rækker.

Er det ikke  framesættet der skal ændres til % i højden? Og Hvis ja: Hvordan gør man dette og skal filerne ændres tilsvarende.

Jeg vedlægger her html-koderne. Det kan være den bedre forklarer problemet end jeg selv kan:

FRAME1

<HTML>
<HEAD>
<TITLE>Forside</TITLE>
<META HTTP-EQUIV=\"Content-Type\" CONTENT=\"text/html; charset=iso-8859-1\">
<!-- ImageReady Preload Script (Forside.psd) -->

<SCRIPT LANGUAGE=\"JavaScript\">
<!--  Begin
var MSIE=navigator.userAgent.indexOf(\"MSIE\");
var NETS=navigator.userAgent.indexOf(\"Netscape\");
var OPER=navigator.userAgent.indexOf(\"Opera\");
if((MSIE>-1) || (OPER>-1)) {
document.write(\"<BGSOUND SRC=testmusik.swf LOOP=INFINITE>\");
} else {
document.write(\"<EMBED SRC=testmusik.swf AUTOSTART=TRUE \");
document.write(\"HIDDEN=true VOLUME=100 LOOP=TRUE>\");
}
// End -->
</SCRIPT>

<SCRIPT LANGUAGE=\"JavaScript\">
<!--

function newImage(arg) {
    if (document.images) {
        rslt = new Image();
        rslt.src = arg;
        return rslt;
    }
}

function changeImages() {
    if (document.images && (preloadFlag == true)) {
        for (var i=0; i<changeImages.arguments.length; i+=2) {
            document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
        }
    }
}

var preloadFlag = false;
function preloadImages() {
    if (document.images) {
        frame1_03_over = newImage(\"images/frame1_03-over.gif\");
        frame1_04_over = newImage(\"images/frame1_04-over.gif\");
        frame1_05_over = newImage(\"images/frame1_05-over.gif\");
        frame1_06_over = newImage(\"images/frame1_06-over.gif\");
        frame1_07_over = newImage(\"images/frame1_07-over.gif\");
        frame1_08_over = newImage(\"images/frame1_08-over.gif\");
        preloadFlag = true;
    }
}

// -->
</SCRIPT>
<!-- End Preload Script -->
</HEAD>
<BODY BGCOLOR=#CCCCCC height\"100%\" wide=\"relative\" ONLOAD=\"preloadImages();\">
<center>
  <TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 height=\"35%\">
    <TR>
       
      <TD COLSPAN=7 align=\"center\"> <IMG SRC=\"images/frame1_01.gif\" WIDTH=800 HEIGHT=180></TD>
    </TR>
    <TR align=\"center\">
      <TD> <IMG SRC=\"images/frame1_02.gif\" WIDTH=9 HEIGHT=30></TD>
       
      <TD> <A HREF=\"frame2.html\"
              ONMOUSEOVER=\"changeImages(\'frame1_03\', \'images/frame1_03-over.gif\'); return true;\"
              ONMOUSEOUT=\"changeImages(\'frame1_03\', \'images/frame1_03.gif\'); return true;\" target=\"main\">
        <IMG NAME=\"frame1_03\" SRC=\"images/frame1_03.gif\" WIDTH=129 HEIGHT=30 BORDER=0></A></TD>
       
      <TD> <A HREF=\"ydelser.html\"
              ONMOUSEOVER=\"changeImages(\'frame1_04\', \'images/frame1_04-over.gif\'); return true;\"
              ONMOUSEOUT=\"changeImages(\'frame1_04\', \'images/frame1_04.gif\'); return true;\" target=\"main\">
        <IMG NAME=\"frame1_04\" SRC=\"images/frame1_04.gif\" WIDTH=131 HEIGHT=30 BORDER=0></A></TD>
       
      <TD> <A HREF=\"priser.html\"
              ONMOUSEOVER=\"changeImages(\'frame1_05\', \'images/frame1_05-over.gif\'); return true;\"
              ONMOUSEOUT=\"changeImages(\'frame1_05\', \'images/frame1_05.gif\'); return true;\" target=\"main\">
        <IMG NAME=\"frame1_05\" SRC=\"images/frame1_05.gif\" WIDTH=132 HEIGHT=30 BORDER=0></A></TD>
       
      <TD> <A HREF=\"billedgrafik.html\"
              ONMOUSEOVER=\"changeImages(\'frame1_06\', \'images/frame1_06-over.gif\'); return true;\"
              ONMOUSEOUT=\"changeImages(\'frame1_06\', \'images/frame1_06.gif\'); return true;\" target=\"main\">
        <IMG NAME=\"frame1_06\" SRC=\"images/frame1_06.gif\" WIDTH=131 HEIGHT=30 BORDER=0></A></TD>
       
      <TD> <A HREF=\"bevaegelse.html\"
              ONMOUSEOVER=\"changeImages(\'frame1_07\', \'images/frame1_07-over.gif\'); return true;\"
              ONMOUSEOUT=\"changeImages(\'frame1_07\', \'images/frame1_07.gif\'); return true;\" target=\"main\">
        <IMG NAME=\"frame1_07\" SRC=\"images/frame1_07.gif\" WIDTH=132 HEIGHT=30 BORDER=0></A></TD>
       
      <TD> <A HREF=\"adresse.html\"
              ONMOUSEOVER=\"changeImages(\'frame1_08\', \'images/frame1_08-over.gif\'); return true;\"
              ONMOUSEOUT=\"changeImages(\'frame1_08\', \'images/frame1_08.gif\'); return true;\" target=\"main\">
        <IMG NAME=\"frame1_08\" SRC=\"images/frame1_08.gif\" WIDTH=136 HEIGHT=30 BORDER=0></A></TD>
    </TR>
</TABLE>
</center></BODY>
</HTML>


HTLMKODE FOR FRAME 2


<HTML>
<HEAD>
<TITLE>Forside</TITLE>
<META HTTP-EQUIV=\"Content-Type\" CONTENT=\"text/html; charset=iso-8859-1\">
<script language=\"JavaScript\">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName==\"Netscape\")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</HEAD>
<BODY BGCOLOR=#CCCCCC topmargin=0>
<center>
  <TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 height=\"65%\">
    <TR align=\"center\" valign=\"baseline\">
      <TD ROWSPAN=3> <IMG SRC=\"images/frame2_09.gif\" WIDTH=165 HEIGHT=390></TD>
       
      <TD> <IMG SRC=\"images/frame2_10.gif\" WIDTH=618 HEIGHT=18></TD>
       
      <TD ROWSPAN=3> <IMG SRC=\"images/frame2_11.gif\" WIDTH=17 HEIGHT=390></TD>
    </TR>
    <TR>
       
      <TD align=\"center\" valign=\"baseline\"> <object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0\" width=\"618\" height=\"357\">
          <param name=movie value=\"billard.swf\">
        <param name=quality value=high>
          <embed src=\"billard.swf\" quality=high pluginspage=\"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\" type=\"application/x-shockwave-flash\" width=\"618\" height=\"357\">
          </embed>
      </object></TD>
    </TR>
    <TR>
       
      <TD align=\"center\" valign=\"baseline\"> <IMG SRC=\"images/frame2_13.gif\" WIDTH=618 HEIGHT=15></TD>
    </TR>
Avatar billede crunch Nybegynder
30. september 2000 - 13:30 #9
framesæt fungerer uafhængigt af hindanden. Det er indlejrede sider. Du kan vælge at sætte dine frame enten i % eller i pixels, ligesom med billeder.

dvs. hvis du vil have et billede der altid fylder 5 % af skærmen sætter du bare højden og bredden til 5% i din propertybox.

frames sætter du i din framebar til % (relative) således det passer i dine relationer.

jeg har ikke tid til at læse din html - desværre. Men det er altså ikke så svært at lave fra dreamweaver.
Avatar billede riejensen Nybegynder
01. oktober 2000 - 21:27 #10
<<doeleman, intet problem du ikke har løst :-)
Som du regnede ud, var det mig, der ikke kunne forstå, hvilken tidzone eksperten pludselig befandt sig i - noget der lignede 1½ time foran mig ?-(
Avatar billede jakobblochehlers Nybegynder
29. oktober 2000 - 18:39 #11
Ja det tog lidt tid. Men jeg kan ikke rigtig få
grafikken til at se pæm ud ved at bruge \"%\" og \"relativ\".

Jeg har derfor fundet en anden løsning og mere besværlig løsning (to versioner).

Min umulige grafik er jo ikke din skyld - så du får pointene crunch - for det virkede. Og tak for hjælpen.

Avatar billede crunch Nybegynder
29. oktober 2000 - 18:44 #12
( : det var så lidt.
husk at klikke på accepter...
Avatar billede jakobblochehlers Nybegynder
29. oktober 2000 - 21:04 #13
Ups
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester