/ 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
Også lidt hjælp til mig :-)
Fra : Mikkel V Rue


Dato : 20-12-06 23:03

hej er lige begyndt at snuse til rigtig html, har ellers kun
brugt wysiwyg programmer.
men jeg har et (højst sandsynligt lille) problem

jeg vil gerne have en boks omkring min tekst og gerne i center af
siden altså boksen

den stump kode som jeg har, ser sådan her ud men kan ikke finde
nogen steder hvordan man centrerer det/den. her er koden:
<div style="border:1px solid black;background-color:gray;
width:500px; height:500px; " </div>

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Robert Nielsen (20-12-2006)
Kommentar
Fra : Robert Nielsen


Dato : 20-12-06 23:30

Mikkel V Rue wrote in dk.edb.internet.webdesign.html:

> den stump kode som jeg har, ser sådan her ud men kan ikke finde
> nogen steder hvordan man centrerer det/den. her er koden:
> <div style="border:1px solid black;background-color:gray;
> width:500px; height:500px; " </div>
>
> --
prøv at tilføje
margin:auto;
og så skal du lige huske at slutte den lange div med >


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Mikkel V Rue (20-12-2006)
Kommentar
Fra : Mikkel V Rue


Dato : 20-12-06 23:37

Robert Nielsen wrote in dk.edb.internet.webdesign.html:
> Mikkel V Rue wrote in dk.edb.internet.webdesign.html:
>
> > den stump kode som jeg har, ser sådan her ud men kan ikke finde
> > nogen steder hvordan man centrerer det/den. her er koden:
> > <div style="border:1px solid black;background-color:gray;
> > width:500px; height:500px; " </div>
> >
> > --
> prøv at tilføje
> margin:auto;
> og så skal du lige huske at slutte den lange div med >
>
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials
Hej igen

det virkede ikke

sætter jeg det ind ét forkert sted eller...

<div style="border:1px solid black;background-color:gray;
width:500px; height:500px;margin:auto; "> </div>

Mikkel

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Rune Jensen (21-12-2006)
Kommentar
Fra : Rune Jensen


Dato : 21-12-06 00:21

"Mikkel V Rue" wrote in message...

> det virkede ikke

Lyder underligt, for det er standardmetoden. Heller ikke med margin: 0
auto;

?


> sætter jeg det ind ét forkert sted eller...

Svært at sige, når man ikke kan se resten af koden. Link til siden?

tag også et kig på : http://www.hjemmesideskolen.dk/html/flyd.asp?id=fpx


MVH
Rune Jensen



Erik Ginnerskov (21-12-2006)
Kommentar
Fra : Erik Ginnerskov


Dato : 21-12-06 00:22

Mikkel V Rue wrote:

> det virkede ikke
>
> sætter jeg det ind ét forkert sted eller...
>
> <div style="border:1px solid black;background-color:gray;
> width:500px; height:500px;margin:auto; "> </div>

Koden ser da rigtig nok ud. Det skulle give en 500×500px boks med en 1px
sort kant omkring og lige langt fra venstre og højre side af browservinduet.

Er det ikke, hvad du har opnået?

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk



Mikkel V Rue (21-12-2006)
Kommentar
Fra : Mikkel V Rue


Dato : 21-12-06 00:33

Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
> Mikkel V Rue wrote:
>
> > det virkede ikke
> >
> > sætter jeg det ind ét forkert sted eller...
> >
> > <div style="border:1px solid black;background-color:gray;
> > width:500px; height:500px;margin:auto; "> </div>
>
> Koden ser da rigtig nok ud. Det skulle give en 500×500px boks med en 1px
> sort kant omkring og lige langt fra venstre og højre side af browservinduet.
>
> Er det ikke, hvad du har opnået?
>
> --
> Med venlig hilsen
> Erik Ginnerskov
> http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
> http://html-faq.dk
>
>
Nej det virker stadig ikke her er koden :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//en">

<html>
         <head>
                  <title></title>
   
                  <link rel="stylesheet" type="text/css" href="style.css" />
                  <link rel="stylesheet" type="text/css" href="banner.css" />
                  <link rel='stylesheet' type='text/css' href="boksunderheader.css

                  


</head>
      
      
   <body>
   <div style="border:1px solid black;background-color:gray; width:500px;
height:500px;margin:auto; ">
      <p>tekst</p>
      <p>lidtmeretekst</p>
      <p>endnumeretekst</p>
                  
      </div>
   </body>
</html>

hjælper det noget ?

Mikkel

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Mikkel V Rue (21-12-2006)
Kommentar
Fra : Mikkel V Rue


Dato : 21-12-06 00:38

Mikkel V Rue wrote in dk.edb.internet.webdesign.html:
> Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
> > Mikkel V Rue wrote:
> >
> > > det virkede ikke
> > >
> > > sætter jeg det ind ét forkert sted eller...
> > >
> > > <div style="border:1px solid black;background-color:gray;
> > > width:500px; height:500px;margin:auto; "> </div>
> >
> > Koden ser da rigtig nok ud. Det skulle give en 500×500px boks med en 1px
> > sort kant omkring og lige langt fra venstre og højre side af browservinduet.
> >
> > Er det ikke, hvad du har opnået?
> >
> > --
> > Med venlig hilsen
> > Erik Ginnerskov
> > http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
> > http://html-faq.dk
> >
> >
> Nej det virker stadig ikke her er koden :
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//en">
>
> <html>
>          <head>
>                   <title></title>
>    
>                   <link rel="stylesheet" type="text/css" href="style.css" />
>                   <link rel="stylesheet" type="text/css" href="banner.css" />
>                   <link rel='stylesheet' type='text/css' href="boksunderheader.css
>
>                   
>
>
> </head>
>       
>       
>    <body>
>    <div style="border:1px solid black;background-color:gray; width:500px;
> height:500px;margin:auto; ">
>       <p>tekst</p>
>       <p>lidtmeretekst</p>
>       <p>endnumeretekst</p>
>                   
>       </div>
>    </body>
> </html>
>
> hjælper det noget ?
>
> Mikkel
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials


Her er et link til siden www.ziggiz.dk

mikkel

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Christoffer Kjeldgaa~ (21-12-2006)
Kommentar
Fra : Christoffer Kjeldgaa~


Dato : 21-12-06 01:04

Mikkel V Rue skrev:
> Her er et link til siden www.ziggiz.dk

Du benytter en doctype som sætter browseren i quirks mode. Hvis du
udskifter den første linje med for eksempel denne skulle det virke:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">

--
Christoffer Kjeldgaard Petersen
http://sappy.dk/

Mikkel V Rue (21-12-2006)
Kommentar
Fra : Mikkel V Rue


Dato : 21-12-06 07:22

Christoffer Kjeldgaard Petersen wrote in
dk.edb.internet.webdesign.html:
> Mikkel V Rue skrev:
> > Her er et link til siden www.ziggiz.dk
>
> Du benytter en doctype som sætter browseren i quirks mode. Hvis du
> udskifter den første linje med for eksempel denne skulle det virke:
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
>
> --
> Christoffer Kjeldgaard Petersen
> http://sappy.dk/

godmorgen

takker for hjælpen, boksen blev centreret, men banner,rødbaggrund
forsvandt,men det må jeg se på senere, men nu blev kassen da centreret

Mikkle

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Erik Ginnerskov (21-12-2006)
Kommentar
Fra : Erik Ginnerskov


Dato : 21-12-06 01:14

Mikkel V Rue wrote:

> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//en">

Ovenstående Document Type Declaration vil sætte IE i quirks-mode - det vil
sige, at IE6 efterligner tildigere versioners fejlagtige måde at vise siden
på. FF viser siden korrekt.

Hvis du indsætter en fuldstændig DTD, vil IE også gøre det rigtigt:

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

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste