Avatar billede draken Nybegynder
01. februar 2001 - 19:37 Der er 32 kommentarer og
1 løsning

Hvordan centrere man en 760px bred side?

Jeg er desværre blevet pålagt at lave en hjemmeside i FP.
Problem:
Jeg vil centrere en webside (760px bred), således at designet også er pænt for folk med \"små\" skærme.
Stort problem:
Jeg har en top, venstre side og bund, der går igennem hele websitet (kombineret med et theme). Hvordan får jeg centreret hele banduljen ?

Jeg har forsøgt at redigere i top.htm, og bottom.htm. Idéen var at håndkode en centreret tabel med start i top og slut i bottom. MEN Fronpage er desværre vældig vild med at autocomplete og rette, så jeg ender med en top og bottom, der helt fint centreres i browseren... Men den midterste del af webside er relativ og blive lige så bred som browservinduet!

*Måske skulle man skjule tabellens html-kod med javascript, så FP ikke retter den!*

Jeg giver 60 point, da jeg har søgt Micro$ofts Knowlegde base og det meste af nettet efter en løsning

mvh Michael
Avatar billede thomas_it Nybegynder
01. februar 2001 - 19:47 #1
ehm..jeg vil nok bare sætte mine tabeller..hvis du har sådanne nogle til 100% bredde
og bare sæt skidtet til <center> blah </center>
det vil højst sansynligt ikke virke..og derfor jeg kunne indsender dette som kommentar:o)

- Thomas
Avatar billede dna Nybegynder
01. februar 2001 - 20:00 #2
Du laver bare en \"hoved-tabel\" på siden, som du centerer i FP og giver den bredde i pixen du vil bruge... derefter smider du så din side ind i den, og vupti, så virker det..

dna
Avatar billede draken Nybegynder
01. februar 2001 - 20:13 #3
Thomas it:
Nej jeg vil ikke have 100%\'s bredde..Kun 760px.... Det er det der er hele meningen!

dna:
Det med at lave en centreret tabel og lægge min side ind i den går ikke. Problemattikken er, at jeg bruger \"shared borders\" (dvs delt top, left og bottom) på alle mine sider. Diise kan jeg ikke ligger ind i en tabel!

Ellers tak for de hurtige svar!!
Avatar billede Trine Nybegynder
01. februar 2001 - 20:21 #4
Er det ikke bare at \'højreklikke inde i tabellen\', vælge \'tabel properties\', vælge \'center\' i \'alignment\'?

Var det det du mente?

Er den bygget op i frames? Det lyder sådan.
Avatar billede draken Nybegynder
01. februar 2001 - 21:14 #5
Nej.. Det minder om \"Statiske\" Frames!

Forsøg at kigge under \"Tools\", \"Shared Borders\" (Desværre/Heldigvis er min version Engelsk)... På dansk er det nok \"Værktøjer\", Delte Rammer\". Det er valg-muligheden lige under \"temaer\".

Tak for forsøget!
Jeg sætter lige point-tallet op, så der kommer flere \"prof\'er\" forbi!
Avatar billede palba Nybegynder
01. februar 2001 - 22:28 #6
Hvis du laver en frame side delt lodret i 3 sekt. med størelserne *,760,* og så inkludere din side med shared borders/fælles kanter i den midterste side, så kan du få kanter og andet med i de fæles kanter. Frame borderen sættes til 0 så ser du ikke overgangene.

Jeg tror ikke det er en særlig smart løsning, men den viser umiddelbart dine sider som du ønsker. Dog skal du nok pusle lidt med navigationen for at få et helt site sat op.

Alternativt tror jeg kun du kan løse dit problem, ved selv at \"bygge\" dine egne shared borders op i en tabel, som du nødvendigvis må lave selv på hver enkelt side.

Palba
Avatar billede draken Nybegynder
01. februar 2001 - 23:01 #7
>>Palba:
Tak! Jeg havde tænkt på det, men det bliver en uholdbar løsning i forhold til det jeg skal lave!

Grunden til at sitet skal laves i Frontpage er at det skal leveres videre med templates til andre sub-webmastere. Så det dur ikke at lave en for kompliceret frames-løsning.

Jeg *vil* have sitet i \"tables\"!!!!
Avatar billede ujdesign Nybegynder
01. februar 2001 - 23:11 #8
<FRAMESET FRAMEBORDER=\"1\" FRAMESPACING=\"5\" BORDER=\"5\" COLS=\"*,760,*\" ROWS=\"100%\">
    <FRAME SRC=\"tom.htm\" NAME=\"Ramme 1.1\" SCROLLING=\"no\">
    <FRAMESET FRAMEBORDER=\"0\" BORDER=\"0\" FRAMESPACING=\"0\" ROWS=\"60,*,60\">
        <FRAME SRC=\"top.htm\" NAME=\"Ramme 2.1\" SCROLLING=\"auto\">
        <FRAME SRC=\"indhold.htm\" NAME=\"Ramme 2.2\" SCROLLING=\"auto\">
        <FRAME SRC=\"bund.htm\" NAME=\"Ramme 2.3\" SCROLLING=\"auto\">
    </FRAMESET>
    <FRAME SRC=\"tom.htm\" NAME=\"Ramme 3.1\" SCROLLING=\"no\">
</FRAMESET>

Hvis du ikke kan få det til at fungere sætter du:
<DIV STYLE=\"text-align:center\"><TABLE WIDTH=\"760\" BORDER=\"0\"><TR><TD> lige efter <BODY> og: </TD></TR></TABLE></DIV> lige før </BODY>

Avatar billede draken Nybegynder
02. februar 2001 - 10:09 #9
>>ujdesign:
Det dur ikke at redigere i html for at opnå den ønskede løsning!!

FP bruger 4 sider til at generere en enkelt side med \"shared borders\". Det minder om \"statiske\" frames, men uden at man får scrolls alle mulige steder! Siderne indeholder alle standard html-konfigurationen (<html><head></head><body></body></html>) og designet en som følgende:

          Top.htm
---------------------------------
        |
left.htm |  page.htm
        |
---------------------------------
          bottom.htm

Problemet ligger i midter-delen hvor man skal samkøre to html-dokumenter til en table og centrere! Man kan ikke lave en table der inkluderer alle html-sider (Den skulle så starten i top.htm og slutte i bottom.htm. Frontpage genererer hele tiden en ydre table kode som giver table=100% og det kan jeg ikke bruge til noget! Hvordan sætter jeg table=760px ?

Jeg skal på en eller anden måde ind i Frontpage og sætter \"sideopsætningen\" til 760px og centrere !

*******************************************
Disclaimer!!!!

Jeg vil ikke være uhøflig, men inden man kommer med et forslag til løsning bør man måske lige selv forsøge at lave en 760 px bred testside med \"Tools\", \"Shared Borders\" og så få den centreret. Så ser man straks problemet!!!

Jeg håber, at der kommer en ekspert i dette forbi!!!
mvh Michael (Draken)
********************************************
Avatar billede draken Nybegynder
02. februar 2001 - 16:50 #10
**************************************************
WorkAround!!!!!

Dette er et workaround omkring problemet med at centrere en hjemmeside der benytter Frontpages \"Shared Border\".

Problem : Hvis man ønsker en 700px bred midtstillet webside, så kan man ike benytte shared borders. Dette må meget gerne modbevises!!

Løsning:
Opret en webside med shared borders.Dette er en dummy!

Opret en ny side, fjern shared borders og lav nogle tables i det ønskede design.

Inkluder filerne fra directory\'et _borders hvor de måtte øskes indsat. Dette gøres med \"Insert\", \"Components\", \"Include Page\".

Gem webside i roden af websitet og flyt den til den ønskede position i filstrukturen.
Indsæt webside på den rette plads i navigation.
...Og pling, så virker eventuelle navigationsbar\'e og lignende.

Jeg fordeler lidt point ud om en uges tid til jer der har kommet med gode råd og forslag, men de fleste beholder jeg selv..... med mindre at der er en der viser hvordan man centrere en fx 700px bred webside der benytter shared borders.

Mvh Michael (Draken)
**************************************************
Her er html-koden fra min side:
<html>
<head>
<meta http-equiv=\"Content-Language\" content=\"en-us\">
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=windows-1252\">
<meta name=\"GENERATOR\" content=\"Microsoft FrontPage 4.0\">
<meta name=\"ProgId\" content=\"FrontPage.Editor.Document\">
<title>WorkAround Includes used as Shared Borders</title>
<meta name=\"Microsoft Theme\" content=\"blank 1010, default\">
<meta name=\"Microsoft Border\" content=\"none\">
</head>
<body>

<div align=\"center\">
  <center>
  <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"785\">
    <tr>
      <td bgcolor=\"#FF0000\"><!--webbot bot=\"Include\" U-Include=\"_borders/top.htm\"
        TAG=\"BODY\" -->
      </td>
    </tr>
  </table>
  </center>
</div>
<div align=\"center\">
  <center>
  <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"785\">
    <tr>
      <td width=\"180\" bgcolor=\"#FF00FF\"><!--webbot bot=\"Include\"
        U-Include=\"_borders/left.htm\" TAG=\"BODY\" -->
      </td>
      <td valign=\"top\" bgcolor=\"#00FFFF\">
      <p>Mvh Michael (Draken)</p>
      </td>
    </tr>
  </table>
  </center>
</div>
<div align=\"center\">
  <center>
  <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"785\">
    <tr>
      <td bgcolor=\"#FF0000\"><!--webbot bot=\"Include\" U-Include=\"_borders/bottom.htm\"
        TAG=\"BODY\" -->
      </td>
    </tr>
  </table>
  </center>
</div>
</body>
</html>
Avatar billede rit Nybegynder
03. februar 2001 - 01:17 #11
Se lige på: www.bokasolan.fo

Kan du bruge den løsning.

Det øverste og det nederste-frame kører med 100% bredde.
Til venstre er der to frames som ikke kører på prosenter.
Og så er der hovedframe som både kører på % og pixel.
Skal det uddybes ?
Avatar billede draken Nybegynder
03. februar 2001 - 12:18 #12
>>rit:
Nej! Desværre, det resultat som jeg ønsker ligner fx www.jubii.dk. En html-side uden frames, hvor top, left og bottom går igen på alle siderne.

Hvis du har Frontpage kan du evt. lave et af de prefabrikerede websitet fx. firma-website-wizard\'en (Det tager 1½ minut). Så ser du hvordan man med FP nemt kan have de samme rammer  på alle eller udvalgte sider i sit website.
Avatar billede Trine Nybegynder
03. februar 2001 - 16:24 #13
Aha, så gik der et lys op for mig ;-)
Det du skal gøre er, at du skal gemme den nyoprettede og gemte side som en skabelon:
1. Save as og vælg fil-formatet template, klik OK!
2. En box popper op. Udfyld den Så du husker den.
3. Klik OK når disse felter er udfyldt.
Så har du dit skabelon (en kloning af dit site)
Når du skal lave en ny side, går du i FILES > NEW > PAGE. Der i GENERAL vælger du den som du tidligere gemte, og klikker OK! Sådan gør man de fleste steder. Så bliver siderne fuldstændig ens bygget op.

Var det det du mente?

Trine / Misskat
Avatar billede rit Nybegynder
03. februar 2001 - 16:34 #14
Så vidt jeg kan se - så laver FP margen (top, venstre, højre og bund) og det kan man ikke få centreret ? .. så jeg kan ikke se, at man kan få det til at se ud som www.jubii.dk
Derfor .... problemet må være at du ikke kan få FP  til at skabe en side med samme lay-out som www.jubii.dk ?
Skyder jeg helt ved siden af ?
Lad mig høre - jeg kender FP - både på godt og \"ånd\"
Avatar billede Trine Nybegynder
03. februar 2001 - 16:48 #15
Det kan jeg ikke se, skulle være noget problem. For med Jubii.dk er det jo sådan set bare 1. stor tabel, som er centreret (<div align=center>), ikke en skid andet. Og gør man det samme i frontpage, får man en lige bred kant til både højre og venstre. Og ønsker man ikke en topmargin er det jo bare at skrive: topmargin=\"0\"...That\'s it! Tror jeg! :-D

Trine / Misskat!
Avatar billede draken Nybegynder
03. februar 2001 - 22:51 #16
>>Misskat og rit

Tak for svarene/kommentarerne!!
Ja, jeg skal lave en website med nogenlunde samme dimensioner som fx jubii. Jeg bruger dog kun en fælles top, left og bottom.

Det er ikke templates jeg har problemer med, men hvordan jeg centrerer en webside der benytter Frontpages \"Shared Borders\". Shared Borders\" gør at alle websiderne eller udvalgte har den samme top, left og bottom. Rette man i fx top på en side, så rettes den på alle (En ganske smart facilitet). Det er derfor ikke templates som jeg har behov for, fordi templates giver mig kun opstarten til en ny side og jeg har behov for at rette top i alle siderne på en nem måde på et senere tidspunkt. Shared Borders does the trick!

Problemet er blot... at når man benytter \"shared borders\", så har man ikke mulighed for at lave en ydre centreret \"table\" og derved kan man ikke centrere websiden!

Som jeg ser det er min eneste mulighed min workaround beskrevet lidt længere oppe (Ved *****)

mvh Michael/draken
********************

Avatar billede bojohansen Nybegynder
03. februar 2001 - 23:53 #17
Hej draken.

Dreamweaver (Ultradev) lader til at være programmet du har brug for.
Templates kan laves i Dreamweaver, og ændre du på det blive du spurgt om du vil opdatere alle sider som bruger dette template, nemmere bliver det ikke.
Dit template vil så bestå af top left og bottom, og en tom midterside som du kan fylde individuelt på alle de sider du har.
Men den side du poster her er jo faktigst også et template, du har jo inkluderet filerne top left og bottom, så kan du jo bare ændre dem når du vil have nye links eller banner or what ever.
Avatar billede draken Nybegynder
04. februar 2001 - 00:15 #18
>>bojohansen 
Ja! Du har fuldstændigt ret! MEN det var ikke mit spørgsmål. Jeg *skal* bruge Frontpage af hensyn til andre brugere!!! RTFM eller mine forklaringer længere oppe ;-)

mvh Michael/draken
********************

Avatar billede rit Nybegynder
04. februar 2001 - 02:05 #19
Jeg skal bare lige tilføje, at man i FP kan bruge fælles kanter lige som man har lyst og er der f.eks. kun en side som ikke skal have fælles kanter - ja så siger man bare at FP skal behandle den side på en anden måde, se www.ivan.fo, (OK det er måske ikke nemt at finde en eller to sider, som ikke har fælles kanter - når der er så mange sider)
Jeg må også tilføje, at man ikke kan sige at FP ikke duer, det er ligesom historien om \"blyanten\" eller \"sekreteren\".
Bruger vi salami-metoden, så må vi først fastslå om vi kan nøjes med at snakke om venstre + højre side, med andre ord - kan vi forløbig glemme top og bund ?
Det ville være en god start
Avatar billede draken Nybegynder
04. februar 2001 - 02:13 #20
Nåh, rit! Du er også længe oppe!

Mit spørgsmål er jo også hvordan man centrere en  760 px bred webside der benytter fælles kanter/shared borders! Egentligt er jeg bedøvende med hvor mange kanter der er, bare siden bliver centreret!
Avatar billede rit Nybegynder
04. februar 2001 - 17:22 #21
So far so good ....
Hvad med at bruge fælles kanter - både i højre og venstre side.
Derefter oprettes en tabel midt på siden, og den defineres med absolut pix i midten, mellem højre og venstre kant.
Lad os høre


Avatar billede draken Nybegynder
04. februar 2001 - 21:41 #22
>> rit
Nope, det giver heller ikke det ønskede resultat.
Problevet er at FP2000 selv genererer table elementerne på siden. I forkortet version ser den sådan ud:

<html>

<head>
...</head>

<body topmargin=\"0\" leftmargin=\"0\">
<!--msnavigation-->
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\"><tr><td>

TOP

</td></tr><!--msnavigation--></table>
<!--msnavigation-->
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\"><tr><td valign=\"top\" width=\"1%\">

Left

</td><td valign=\"top\" width=\"24\"></td><!--msnavigation--><td valign=\"top\">

Main

<!--msnavigation--></td><td valign=\"top\" width=\"24\"></td><td valign=\"top\" width=\"1%\">

Right

</td></tr><!--msnavigation--></table>
<!--msnavigation-->
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\"><tr><td>

Bottom

</td></tr><!--msnavigation--></table></body>

</html>

...............................
De mærkelige %-satser for table og TD width er noget FP2000 finder på!!! Man har ikke mulighed for at styre disse!

Jeg tror at den eneste måde at løse problemet på er det beskrevne WorkAround længere oppe. Den arbejder jeg ihvertfald videre med.

**************************************************
Jeg lader spørgsmålet stå åbent i en uges tid i tilfælde af at der er en der ser lyset, og kan forklare mig hvordan man centrere en 760px bred webside der benytter Frontpages shared borders/fælles kanter.
**************************************************

>>rit og misskat, I skal nok blive belønnet for jeres bidrag til diskussionen!!!
Avatar billede draken Nybegynder
20. februar 2001 - 15:00 #23
>>rit og misskat

Tak for jeres bidrag til diskussionen! Hvis I lige lave et kort svar, så bliver I 30 point rigere!

mvh Michael/draken
Avatar billede Trine Nybegynder
20. februar 2001 - 15:01 #24
Svar!
;-)
Avatar billede gandalfthewhite Nybegynder
20. februar 2001 - 15:50 #25
-->Draken du er en nærrig... Alt den hjælp og så kun 60 pts
Avatar billede gandalfthewhite Nybegynder
20. februar 2001 - 15:51 #26
Hvor mange pts, får jeg for hjælpen igår ;-)
Avatar billede draken Nybegynder
20. februar 2001 - 15:59 #27
>>GandalfTheRainbow
Vil du være venlig at læse hele siden! Så vil du se at der er svaret på mit spørgsmål!

Diskussionen har dog ført til flere alternative løsninger som muligvis kan bruges af specielt nybegyndere.

De point jeg giver ud er derfor ikke vigtige i den forstand, at det er point for korrekt svar, men fordi disse to deltagere har forsøgt seriøst at finde en løsning.

Mht point for gårdagens hjælp... Ja, så ved du hvor du kan hente dem ;-)
Avatar billede draken Nybegynder
20. februar 2001 - 16:00 #28
Ups! Første sætning skulle have lydt:

\"Så vil du se at der ikke er svaret på mit spørgsmål!\"


Avatar billede gandalfthewhite Nybegynder
20. februar 2001 - 16:17 #29
Bare lige for en sikkerheds skyld, vi er kun gode venner - ikke mere end det!
Avatar billede rit Nybegynder
20. februar 2001 - 16:25 #30
Ja tak

En anden god idé med hensyn til FP (med tema) er at lave et model- eller skabelon-side, som eks. kan være en centreret celle på 550 pixel. Alt som skal på siden droppes ned i denne celle. (for at få denne celle skal man faktisk lave en tabel, som består af denne ene celle)
F.eks. blir der ikke noget horisontalt \"scroll\" med 600x800
Avatar billede draken Nybegynder
27. februar 2001 - 19:08 #31
Hej rit
Du skal lige svare hvis du vil have en almisse (points!)
Avatar billede rit Nybegynder
28. februar 2001 - 03:41 #32
Ja men skibet er jo sejlet - eller er jeg faldet i søvn ............
Avatar billede draken Nybegynder
28. februar 2001 - 14:50 #33
Jow åbenbart??? Lukkes disse tråde ned når man har delt point ud til en?

I så tilfælde så må jeg skylder dig 30 point til en anden gang! Vi ses jo nok igen her!
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