Avatar billede zambezi Nybegynder
18. juli 2003 - 16:06 Der er 29 kommentarer og
1 løsning

Hvordan gører man det?

Jeg vil gerne lære hvordan bygger man hjemmeisden, at uanset skærmændringer, forblive billedet altid i centrum, som her:
www.magenta.dk
Er den lavet med frames? Eller med tabeller?
Har prøvet begge dele... Duer ikke! :0(
Er der nogle smarte hovede, der kan hjælpe?

Jeg kan også kontaktes via
http://www.klarnet.dk/webstil/webindex.htm
Avatar billede amadeus Nybegynder
18. juli 2003 - 16:09 #1
Du kna både lave det i layers og tabeller.
Jeg ville anbefale layers, hvor du bare skal skrive:
<div align="center">...</div> uden om hele koden.
Avatar billede amadeus Nybegynder
18. juli 2003 - 16:13 #2
For at få det vertikalt i midten skal du bruge frames ligesom magenta.dk har gjort
Avatar billede ckh Nybegynder
18. juli 2003 - 16:15 #3
www.magenta.dk er lavet med frames. Tabeller vil du få svært ved at få til at centrere både horisontalt og vertikalt i alle browsere. Det kan gøre i mange browsere med CSS, men det kræver en del finurlig kodning.
Avatar billede satanic_raven Nybegynder
18. juli 2003 - 16:16 #4
Har i forbindelse med udveksling på skolen lavet en hjemmeside der gør det du beder om, det eneste du skal gøre er at kopiere nedenstående kode, og så ændre kilderne...

For at se det i funktion kan du gå ind her: http://www.horshs.dk/italy

<html>

<head>
<title>Det du vil ha' til at stå i titelbaren (blå linie på vinduet)</title>
</head>

<frameset framespacing="0" border="0" rows="*,400,*" frameborder="0">
  <frame name="top" scrolling="no" noresize src="en blank side" target="_self">
  <frameset cols="*,770,*">
    <frame name="left" noresize scrolling="no" src="en blank side">
    <frameset rows="79,290,27">
      <frame name="banner" scrolling="no" noresize src="en side med et banner" target="main">
      <frameset cols="150,*">
        <frame name="menu" scrolling="no" noresize src="en side med din menu" target="main">
        <frame name="main" scrolling="auto" noresize src="den side du vil vise det primære indhold i">
      </frameset>
      <frame name="bottom" scrolling="no" noresize src="en blank side" target="_self">
    </frameset>
    <frame name="right" scrolling="no" noresize src="en blank side">
  </frameset>
  <frame name="lower" scrolling="no" noresize target="indhold" src="en blank side">
  <noframes>
  <body>

  <p>This webpage use frames, and your browser does not support frames.</p>

  </body>
  </noframes>
</frameset>

</html>

Håber at det hjælper...

S.R.
Avatar billede amadeus Nybegynder
18. juli 2003 - 16:17 #5
For at få det til at virke med frames skal du bare lave tre frames, hvor den midterste har en fast størrelse og de to andre har variable størrelser. FX
<frameset framespacing="0" border="0" frameborder="NO" rows="*,500,*">
<frame name="empty-1" scrolling="NO" noresize target="contents" marginwidth="0" marginheight="0" src="sites/blank.htm">
<frame name="INDHOLD" scrolling="NO" noresize target="contents" marginwidth="0" marginheight="0" src="sites/indhold.htm">
<frame name="empty-2" scrolling="NO" noresize target="contents" marginwidth="0" marginheight="0" src="sites/blank.htm">
</frameset>
Avatar billede ckh Nybegynder
18. juli 2003 - 16:17 #6
Med css kan du se et hurtigt sammenkastet eksempel her:
http://www.eyesite.dk/
Billedet på midten centreres af CSS-scriptet. Du kan jo lure lidt i koden....
Avatar billede webcreator Nybegynder
18. juli 2003 - 16:19 #7
Hvis du søger en nem løsning, så findes der et alternativ til frames kaldet iFrames. Kort fortalt er det et vindue, som kan placeres midt på siden. Dette "vindue" åbnes alle din sider så i. Vinduet er altså en form for frame, der åbner et andet dokument.

Koden ser sådan ud :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="000000">

<center>
<iframe name="I1" src="http://www.jubii.dk" width="791" height="545">
Browseren understøtter ikke iFrames eller er ikke konfigureret til at vise disse
</iframe>
</center>

</body>
</html>
Avatar billede webcreator Nybegynder
18. juli 2003 - 16:20 #8
Det er fuldstændigt åndsvagt (undskyld), at opbygge en stak frames, som centrere indholdet, når et iFrame kan gøre det samme :-D
Avatar billede webcreator Nybegynder
18. juli 2003 - 16:20 #9
- og så fylder det kun et par liniers kode..
Avatar billede keysersoze Ekspert
18. juli 2003 - 16:21 #10
den side du henviser til er lavet vha frames - det er intet problem, men man skal bare vide hvilke ting der skal sættes som faste størrelser etc.

Man kan også sagtens bruge tables og den mulighed vil nok være bedre i mine øjne. Dog afhænger det af hvilken effekt man vil have og hvor crossbrowser det hele skal virke.
Avatar billede ckh Nybegynder
18. juli 2003 - 16:21 #11
webcreator>> Og hvordan sikrer du dig så at det centreres både horisontalt og vertikalt uanset skærmstørrelse og opløsning ?
Avatar billede keysersoze Ekspert
18. juli 2003 - 16:21 #12
og i modsætning til hvad de andre siger så kan du SAGTENS centrere en hjemmeside både horisontalt og vertikalt vha tables
Avatar billede zambezi Nybegynder
18. juli 2003 - 16:21 #13
Avatar billede satanic_raven Nybegynder
18. juli 2003 - 16:30 #14
webcreator...

Beklager min uvidenhed, men har aldrig brugt iFrames før, måske noget man skulle begynde på... :D

S.R.
Avatar billede mikkelbm Nybegynder
18. juli 2003 - 16:30 #15
Og for at gøre det endnu mere fleksibelt, behøver du ikke sætte en fast størrelse i form af pixels, men i stedet i form af procent...
Både ved frames og tables.
Avatar billede satanic_raven Nybegynder
18. juli 2003 - 16:37 #16
Det er klart en fordel at fastsætte en hvis størrelse, da man ellers nemt kan få problemer med at billed opsætningen ikke længere passer sammen...

Det kan selvfølgelig løses med billeder i flere størrelser, men det optager bare mere plads på serveren, og går sitet langsommere...

S.R.
Avatar billede zambezi Nybegynder
18. juli 2003 - 16:50 #17
>>amadeus
Takker mange gange... det virkede... jeg har bare lavet et frame til:
<frameset rows="*" cols="*,750,*"> ...OG SÅ FIK JEG HVAD JEG VILLE FÅ!!!!
Avatar billede webcreator Nybegynder
18. juli 2003 - 17:17 #18
Ja ja - hvis man absolut _vil_ have en besværlig kode :-D
Avatar billede ckh Nybegynder
18. juli 2003 - 17:21 #19
....og snarligt forældet he-he ;)
Avatar billede webcreator Nybegynder
18. juli 2003 - 17:25 #20
Bestemt :-)
Avatar billede amadeus Nybegynder
18. juli 2003 - 18:30 #21
Hvis det virker uden så meget bøvl, er det vel ligegyldigt at det er gammelt.
Tværtimod er man (mere) sikker på at gamle browsere kan vise det.
Avatar billede webcreator Nybegynder
18. juli 2003 - 18:31 #22
Tja - men du må da indrømme, at mit eksempel er smartere ?! Det er kun få liniers kode..
Avatar billede amadeus Nybegynder
18. juli 2003 - 18:41 #23
Nej, for det fungerer ikke. Det er kun horisontalt i midten.
Avatar billede webcreator Nybegynder
18. juli 2003 - 18:43 #24
Ikke særligt svært at løse.. I øvrigt foretrækker jeg, at smide siderne i toppen.
Avatar billede amadeus Nybegynder
18. juli 2003 - 18:47 #25
Også mig, men det kommer ikke sagen ved.
Men i virkeligheden er det smartes med CSS.
Der får man hvad man vil mede meget lidt kode.
Avatar billede webcreator Nybegynder
18. juli 2003 - 18:49 #26
Se dér er vi enige :-)
Avatar billede zambezi Nybegynder
19. juli 2003 - 00:55 #27
Det bedste løsning, jeg har fundet på med hjælp af "amadeus":
<frameset rows="*,500,*" cols="*" frameborder="NO" border="0 " framespacing="0 "> ...scrolling="NO" frameborder="NO" marginwidth="0" marginheight="0" name="empty1" noresize>
  <frameset rows="*" cols="*,750,*"> ...scrolling="NO" marginwidth="0" marginheight="0" frameborder="NO">
Avatar billede amadeus Nybegynder
19. juli 2003 - 01:31 #28
Så synes jeg bare at du skal beholde den. Hvis bare det fungerer, så er det jo godt nok. Og så er det jo ikke særligt meget kode.
Avatar billede webcreator Nybegynder
19. juli 2003 - 10:53 #29
.. men mere kode end mit. Mit er stadig det smarteste - og det holder jeg på :)
Avatar billede amadeus Nybegynder
19. juli 2003 - 11:24 #30
Jamen så skriv da lige hele koden! Inklusive det der gør at den sidder i den vertikale midte.....
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
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.

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