/ 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
rod med overskrift-logo
Fra : Ukendt


Dato : 23-03-04 03:14

Hej NG
Nu er jeg endelig ved at nå mit mål. At ændre jalo-smykker.dk fra håbløs
gammeldags html til xhtml og css. Alle sider validerer og jeg bliver lige
nødt til at sige tak til alle som fulgte og bar, både her og der. Uden hjælp
og tålmodighed, ikke mindst from south under opstarten, og privattimer i
hjemmesideskolen, havde jeg nok opgivet inden jeg var kommet i gang.
I IE ser tingene ud som de skal, men i Opera og Mozilla hopper mine
overskrifter ud til venstre.
Jeg ved at der er flere problemer i Opera, men en ting ad gangen.
Er der nogen der har et bud på hvordan overskrifterne bliver centrerede?
Siderne ligger stadig på www.jalo-smykker.dk/test

--
Hilsen
Mia
www.jalo-smykker.dk



 
 
Knud Gert Ellentoft (23-03-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 23-03-04 04:44

"Mia J" <sluddermor> skrev :

>Er der nogen der har et bud på hvordan overskrifterne bliver centrerede?

Din css for <h1>:

h1 {
   margin-top: 70px;
   margin-left: auto;
   margin-right: auto;
   position: absolute;
   color: #000000;
   font-size: 40px;
   text-align: center;
}

Det er din margin-left/right, der er skyld i, at det ikke bliver
centreret.

For at det virker, skal du angive en width, ellers bruge den 100
% og så vil det ikke være synligt centreret.

Men det burde slet ikke være nødvendigt med margin-left/right,
text-align: center alene skulle da gerne centrere teksten og er
også det rigtige at bruge til ren tekst.

position: absolute, hvad har du den til?
Så vidt jeg kan se bruger du den ikke til noget, så væk.

margin-left/right bruger du til at en centrere, en boks, f.eks.
<div>, men som nævnt fpr at det virker, så skal den jo have
angivet en width.
--
Knud

Ukendt (23-03-2004)
Kommentar
Fra : Ukendt


Dato : 23-03-04 12:00


"Knud Gert Ellentoft" skrev i en meddelelse:
> Det er din margin-left/right, der er skyld i, at det ikke bliver
> centreret.
>
> For at det virker, skal du angive en width, ellers bruge den 100
> % og så vil det ikke være synligt centreret.
>
> Men det burde slet ikke være nødvendigt med margin-left/right,
> text-align: center alene skulle da gerne centrere teksten og er
> også det rigtige at bruge til ren tekst.
>
> position: absolute, hvad har du den til?
> Så vidt jeg kan se bruger du den ikke til noget, så væk.
>
> margin-left/right bruger du til at en centrere, en boks, f.eks.
> <div>, men som nævnt fpr at det virker, så skal den jo have
> angivet en width.

Jeg har fjernet margin-left/right og det gav ingen forskel, men hvis jeg
fjerner position: absolute flyver overskriften ud til venstre i alle 3
browsere. Overskriften skal helst stå midt i billedet og ignorere logoet.

--
Hilsen
Mia
www.jalo-smykker.dk



Erik Ginnerskov (24-03-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 24-03-04 20:42


"Mia J" <sluddermor> skrev

> Nu er jeg endelig ved at nå mit mål. At ændre jalo-smykker.dk fra håbløs
> gammeldags html til xhtml og css. Alle sider validerer og jeg bliver lige
> nødt til at sige tak til alle som fulgte og bar, både her og der. Uden
hjælp
> og tålmodighed, ikke mindst from south under opstarten, og privattimer i
> hjemmesideskolen, havde jeg nok opgivet inden jeg var kommet i gang.
> I IE ser tingene ud som de skal, men i Opera og Mozilla hopper mine
> overskrifter ud til venstre.

I css har du:

#sidehoved { width: 100%; float: left; height: 170px; }

Når den div fylder 100% i bredden, har du ikke brug for at sætte float på
den. Væk med float. Hvis du i stedet laver det sådan:

#sidehoved { width: 100%; position: normal; height: 170px; }

.... kan du i div id logoboks sætte css sådan:

#logoboks { width: 130px; height: 130px; position: absolute; top:0px;
right:0px; background-image: url(../grafik/animlogo.gif); background-repeat:
no-repeat;}

Det vil tillade din h1 at lægge sig centreret, som du ønsker.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Ukendt (25-03-2004)
Kommentar
Fra : Ukendt


Dato : 25-03-04 12:28


"Erik Ginnerskov" skrev i en meddelelse:
> I css har du:
>
> #sidehoved { width: 100%; float: left; height: 170px; }
>
> Når den div fylder 100% i bredden, har du ikke brug for at sætte float på
> den. Væk med float. Hvis du i stedet laver det sådan:
>
> #sidehoved { width: 100%; position: normal; height: 170px; }

Er det en skrivefejl? position: normal; det validerer ikke og ser nu forkert
ud i alle 3 browsere.

--
Hilsen
Mia
www.jalo-smykker.dk



Erik Ginnerskov (25-03-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 25-03-04 12:44


"Mia J" <sluddermor> skrev

> Er det en skrivefejl? position: normal; det validerer ikke og ser nu
forkert
> ud i alle 3 browsere.

Så skriv 'relaive' i stedet for 'normal'.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Ukendt (25-03-2004)
Kommentar
Fra : Ukendt


Dato : 25-03-04 16:41


"Erik Ginnerskov" skrev i en meddelelse:
> Så skriv 'relative' i stedet for 'normal'.

Tak for hjælpen til alle. Nu er siden lagt ud i roden og må vente med
yderligere forbedringer.

--
Hilsen
Mia
www.jalo-smykker.dk



Jens Gyldenkærne Cla~ (25-03-2004)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 25-03-04 12:36

Mia J skrev:

>> #sidehoved { width: 100%; position: normal; height: 170px; }
>
> Er det en skrivefejl? position: normal; det validerer ikke og
> ser nu forkert ud i alle 3 browsere.

Mon ikke Erik har ment position: static; (der er default-værdien
for position).
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

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

Månedens bedste
Årets bedste
Sidste års bedste