Avatar billede jonatanharring Nybegynder
31. juli 2006 - 10:52 Der er 15 kommentarer og
1 løsning

Hvordan ungår man at bruge frames?

Hej,
jeg opbygger mine hjemmesider i frames, men er efterhånden ret træt af det.
Jeg ved at man nemt kan opbygge dem op af et stylesheet (css)i stedet.
Men* Der er en ting jeg falder over!

1: Kan man bruge html i et css (stylesheet'et) dokument, eller skal man hver eneste gang man laver en ny side skrive html koderne til fks. menu'erne?

HUSK: Jeg kan ikke bruge css layer's efter som de falder 10 px i firefox !!

Hilsen Jonatan Harring
Avatar billede jonatanharring Nybegynder
31. juli 2006 - 10:53 #1
Ps: Kunne også være rart at vide hvordan man laver en dropdown menu i css?..
Avatar billede jps6kb Novice
31. juli 2006 - 11:02 #2
1: Der kan du vælge at inkludere en fil med menuen eks.

Du kunne skrive din menu i en fil du kalder : menu.html og så inkludere den i dine sider sådan her:

<!--#include file="menu.html"-->

Bemærk at det skal afvikles på en webserver, evt. lokalt med IIS installeret for at virke. :)
Avatar billede mclemens Nybegynder
31. juli 2006 - 11:02 #3
[ Jeg ved at man nemt kan opbygge dem op af et stylesheet (css)i stedet. ]
- Tænk, det vidste jeg ikke at man kunne - ved godt at w3c snakker om src
angivelser på elementer via. css men troede først det var i css3...

[ 1: Kan man bruge html i et css (stylesheet'et) dokument, eller skal man hver eneste gang man laver en ny side skrive html koderne til fks. menu'erne? ] Html i css? Html er markup / definering af elementer - css er definering af hvordan elementet skal tage sig ud... du kan bruge flere teknikker som en javascript menu m.v. men decideret html nested i et stylesheet kan du ikke...

- de fleste bruger php eller asp til at include alle sider så det bliver til en samlet side når det bliver outputtet ... d.v.s. at menuer f.eks. outputtes for hver side - alternativet er selvfølgelig en js menu...

[ Ps: Kunne også være rart at vide hvordan man laver en dropdown menu i css?.. ]
http://alistapart.com/articles/dropdowns/
http://www.xs4all.nl/~peterned/csshover.html

- nogle javascript menuer:
http://www.dynamicdrive.com/dynamicindex1/
Avatar billede mclemens Nybegynder
31. juli 2006 - 11:04 #4
jps6kb , en deler?
Avatar billede mclemens Nybegynder
31. juli 2006 - 11:12 #5
Avatar billede mclemens Nybegynder
31. juli 2006 - 11:14 #6
[ HUSK: Jeg kan ikke bruge css layer's efter som de falder 10 px i firefox !! ]
- Har du forresten et eksempel på det?
Avatar billede mclemens Nybegynder
31. juli 2006 - 11:15 #7
(((eller er det fordi du ikke kører nulstilling af margin og
padding på html,body? - html,body{margin:0px;padding:0px;} )))
Avatar billede jps6kb Novice
31. juli 2006 - 11:35 #8
mc - naeh, du tager den bare. :)
Avatar billede mclemens Nybegynder
31. juli 2006 - 11:43 #9
[ mc - naeh, du tager den bare. :) ] Øv, ok...

jps6kb's <!--#include file="menu.html"--> virker måske på din server og
hvis den gør er det er den hurtigste/nemmeste måde lige at løse den på ...

- m.h.t. php og asp så kan man include en html fil i en php fil sådan her f.eks.:

index.php:
doctype, head,body markup ... m.v.
<?php include"menu.php"; ?>
... resten af sidens markup ...

og menu.php:
menuens html markup


- der er et par links til php start tutorials herinde:
http://www.eksperten.dk/spm/722992
... ellers er der selvfølgelig ekspertens artikler
- der er nok både begynder artikler til asp og php...

... jeg anbefaler at du læser om et programmeringssprog (før eller senere) det er ikke så svært igen (synes ikke php er - ved ikke med asp). Det vil gøre det nemmere at håndtere og programmere / rette størrer sider ...
Avatar billede mclemens Nybegynder
31. juli 2006 - 11:50 #10
31/07-2006 11:02:55 - ulempen ved en decideret javascript menu der fungerer som en ekstern fil der laver menuen uden at markup'en skal stå på hver side er at det kan være at søgemaskiner ikke finder links fra menuen. (der er javascript menuer da laver menuen udfra markup der står på selve siden istedet). For at undgå at blive hårdt ramt af det kan man lave et sitemap - jeg foretrækker dog det ekstra menu markup på hver side via serverside include.

- Det eneste jeg var ked af, da jeg selv droppede frames vaar muligheden for at skifte framens indhold med et link uden at du skifter hele siden. Det har jeg dog vænnet mig til nu.
Avatar billede jonatanharring Nybegynder
31. juli 2006 - 13:02 #11
Jeg forstår desværre ikke meget. Så med andre ord: HVORDAN FÅR MAN EN TEKST TIL AT STÅ PÅ ET CSS DOKUMENT UDEN DET FALDER 10 PX I FIREFOX!
Avatar billede mclemens Nybegynder
31. juli 2006 - 14:03 #12
caps-lock ???
css dokument ???
Falder 10px i firefox ???

- jeg ved som sagt ikke helt hvad du mener med det ... derfor spurgte jeg efter et eksempel i 31/07-2006 11:14:02 ... så i 31/07-2006 11:15:26 foreslog jeg at det måske var problemer med håndtering af margin og padding på html / body elementer ... Her er html document med noget css styling (eksemplet jeg tænkte på) ... men som sagt - jeg skyder i blinde uden at vide hvilket problem du præcis tænker på...


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
html,body{margin:0px;padding:0px;}
#csslayer{border:5px solid #f00;}
</style>

</head><body>
<div id="csslayer">Test</div>
</body></html>
Avatar billede jonatanharring Nybegynder
31. juli 2006 - 15:37 #13
Vil i være venlige at give ét eksempel på: Et stylesheet! ?
Avatar billede jps6kb Novice
31. juli 2006 - 16:13 #14
Et stylesheet er css som er adskilt fra dit html dokument, forstået på den måde at der kun refereres til det i html dokumentet.

Eksempel:

-----------
style.css
-----------
html, body {
    height: 100%;
    margin: 0;
}

body {
    background-color : #ffffff;
}

------------
index.html
------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="STYLESHEET" type="text/css" href="style.css">
<title>Tester</title>
</head>
<body>
Avatar billede mclemens Nybegynder
31. juli 2006 - 17:33 #15
Læs evt. lidt om css:
http://www.html.dk/tutorials/css/ <- pløj dem igennem :o)
f.eks: http://www.html.dk/tutorials/css/lektion2.asp
... har ikke selv læst dem, men min lillebror har :)
Avatar billede mclemens Nybegynder
13. august 2006 - 00:16 #16
Tak for point :)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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