/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Javascript center
Fra : jonne


Dato : 31-10-09 06:01

søger java script koder til centere websider
så de er centere ved alle webbrowser

JBp


 
 
jonne (31-10-2009)
Kommentar
Fra : jonne


Dato : 31-10-09 06:06

hej igen glemte lige at skrive alle skærm størrelser
"jonne" <no@xxxxxxx.com> skrev i meddelelsen
news:4aebc47d$0$36570$edfadb0f@dtext01.news.tele.dk...
> søger java script koder til centere websider
> så de er centere ved alle webbrowser
>
> JBp
>


Philip Nunnegaard (31-10-2009)
Kommentar
Fra : Philip Nunnegaard


Dato : 31-10-09 08:12

jonne skrev:
> søger java script koder til centere websider
> så de er centere ved alle webbrowser

Det behøver man ikke javascript til.
Det kan gøres med simpel CSS.

<body>
<div id="wrapper">
Indholdet af din side
</div>
</body>

CSS:
#wrapper {
width: 750px;
margin: 0 auto;
}

Ovenstående angiver at top- og bundmargin er 0, mens højre og venstre
margin er "auto".

Hvis ovenstående er helt sort snak for dig, kan du læse lidt om CSS her:
http://www.html-faq.dk/2010.asp

Hjemmesideskolen har skåret det lidt mere ud i pap, og her giver de også
et bud på en CSS, der netop centrerer din side:
http://hjemmesideskolen.dk/html/flyd.asp?id=fpx

--
Philip - http://chartbase.dk | http://www.hitsurf.dk

jonne (31-10-2009)
Kommentar
Fra : jonne


Dato : 31-10-09 11:51

"Philip Nunnegaard" <nunnenospam@hitsurf.dk> skrev i meddelelsen
news:4aebe339$0$36563$edfadb0f@dtext01.news.tele.dk...
> jonne skrev:
>> søger java script koder til centere websider
>> så de er centere ved alle webbrowser
>
> Det behøver man ikke javascript til.
> Det kan gøres med simpel CSS.
>
> <body>
> <div id="wrapper">
> Indholdet af din side
> </div>
> </body>
>
> CSS:
> #wrapper {
> width: 750px;
> margin: 0 auto;
> }
>
> Ovenstående angiver at top- og bundmargin er 0, mens højre og venstre
> margin er "auto".
>
> Hvis ovenstående er helt sort snak for dig, kan du læse lidt om CSS her:
> http://www.html-faq.dk/2010.asp
>
> Hjemmesideskolen har skåret det lidt mere ud i pap, og her giver de også
> et bud på en CSS, der netop centrerer din side:
> http://hjemmesideskolen.dk/html/flyd.asp?id=fpx
>
> --
> Philip - http://chartbase.dk | http://www.hitsurf.dk

1000 tak
undskyld at jeg er lidt af en tumpe ang. css
skal dit forslag være på alle siderne, eller kan man nøjes med en css side
f.eks der hedder fast side.

JBp


Philip Nunnegaard (31-10-2009)
Kommentar
Fra : Philip Nunnegaard


Dato : 31-10-09 12:10

jonne skrev:

> skal dit forslag være på alle siderne, eller kan man nøjes med en css
> side f.eks der hedder fast side.

Der er 2 muligheder.
Enten mellem <head> og </head>.

Eller i én css-fil, som du selv er inde på, og som også er det bedste,
for så skal du kun ændre ét sted for at få en ændring af din <div> til
at slå igennem på alle sider.

Her er løsningen at du f.eks. gemmer din css-fil som "layout.css"
Fra hver html-side kalder du så den css-fil med denne linje mellem
<head> og </head>:

<link rel="stylesheet" type="text/css" href="layout.css" />

Dette forudsætter selvfølgelig at html- og css-filen ligger i samme
mappe. Gør de ikke det, kalder du den på samme måde som når du angiver
stien til et billede i <img src=...>

Jeg kan forstå at CSS er helt nyt for dig.
Filosofien er at man angiver indhold med html, mens form (layout,
skrifttype osv.) angives med css. Dvs. væk fra det gamle

<h1 align="center"><font color="#00f">Overskrift</font></h1>

hvor formen blev angivet i selve html'en.

Med CSS kan man nøjes med dette i html'en:
<h1>Overskrif</h1>

At <h1> skal centreres og være blå, angives i stedet i css'en.

Et par meget pædagogiske tutorials om CSS:
http://www.html.dk/tutorials/css (dansk)
http://www.w3schools.com/css/default.asp (engelsk)


--
Philip - http://chartbase.dk | http://www.hitsurf.dk

Philip Nunnegaard (31-10-2009)
Kommentar
Fra : Philip Nunnegaard


Dato : 31-10-09 12:12

Philip Nunnegaard skrev:

> <link rel="stylesheet" type="text/css" href="layout.css" />

Ovenstående linje er kun korrekt hvis du koder xhtml.
Koder du html 4.01, udelades den sidste skråstreg i koden:

<link rel="stylesheet" type="text/css" href="layout.css">


--
Philip - http://chartbase.dk | http://www.hitsurf.dk

jonne (31-10-2009)
Kommentar
Fra : jonne


Dato : 31-10-09 12:33


"Philip Nunnegaard" <nunnenospam@hitsurf.dk> skrev i meddelelsen
news:4aec1b82$0$36560$edfadb0f@dtext01.news.tele.dk...
> Philip Nunnegaard skrev:
>
>> <link rel="stylesheet" type="text/css" href="layout.css" />
>
> Ovenstående linje er kun korrekt hvis du koder xhtml.
> Koder du html 4.01, udelades den sidste skråstreg i koden:
>
> <link rel="stylesheet" type="text/css" href="layout.css">
>
>
> --
> Philip - http://chartbase.dk | http://www.hitsurf.dk

1000 tak for hjælpen

forsat god weekend

JBp


Søg
Reklame
Statistik
Spørgsmål : 177577
Tips : 31968
Nyheder : 719565
Indlæg : 6409068
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste