KompoZer / Nvu » bokse

MortenDahl
 

bokse

Indlægaf MortenDahl » tors 11. aug 2011 14:01

Hej,

jeg prøver at lave en side med css, hvor jeg har en tekstboks ved siden af en boks til et foto. Hvordan får jeg boksene til at centrere (ved siden af hinanden) ??
De øvrige bokse sætter jeg bare "auto" højre / venstre og vupti er de centreret ... bare ikke når boksene er ved siden af hinanden.
Kan nogen hjælpe?

Mvh

Morten

Mozilla/5.0 (Windows NT 5.1; rv:5.0) Gecko/20100101 Firefox/5.0

Kim Ludvigsen
MozillaDanmark
 
Indlæg: 11702
Tilmeldt: lør 5. mar 2005 22:45

Re: bokse

Indlægaf Kim Ludvigsen » tors 11. aug 2011 14:21

Er det lodret, du vil centrere indholdet i de to bokse?

Eller er det to bokse ved siden af hinanden, som du vil centrere vandret?

Har du evt. en prøveside, vi kan se. Så er det nemmere at forstå problemet, og det er også nemmere at komme med en konkret løsning.
Mvh. Kim

MortenDahl
 

Re: bokse

Indlægaf MortenDahl » tors 11. aug 2011 14:32

Hej igen - du er hurtig -

http://www.roll-master.dk/test/index3.html

teksten i bunden er centreret, men ikke foto og tekst.

MortenDahl
 

Re: bokse

Indlægaf MortenDahl » tors 11. aug 2011 15:30

Jeg har tilføjet lidt "body" for at anskueliggøre, hvad problemet er.

Mvh

Morten

Kim Ludvigsen
MozillaDanmark
 
Indlæg: 11702
Tilmeldt: lør 5. mar 2005 22:45

Re: bokse

Indlægaf Kim Ludvigsen » tors 11. aug 2011 15:40

Det kan du klare ved at samle billede og tekst i en boks.

Det er ikke så nemt at indsætte div-bokse efterfølgende via brugerfladen, da de risikerer at blive indsat et forkert sted, så gør følgende:

Åbn siden i KompoZer
Skift til kildekodevisning
Find koden: <body>
lige efter den indsætter du koden: <div class="samleboks">
Rul ned på siden til koden: <div style="text-align: center;" class="bundlogo">
Lige før den, indsætter du: </div>
Der er allerede en </div> der, du skal blot indsætte en mere.

Du skal nu oprette stilklassen .samleboks med de ønskede værdier. De skal nok svare til dem du har i .bundlogo.

Du skal desuden lave en lille tilføjelse i .bundlogo. Her skal du have tilføjet koden: clear:both;
Du kan indsætte det som en ekstra linje på den første side, når du vælger stilklassen .bundlogo i CSS-editoren, så du har følgende stående:
width: 975px;
height: 100px;
margin-left: auto;
margin-right: auto;
background-color: white;
clear:both;
Mvh. Kim

MortenDahl
 

Re: bokse

Indlægaf MortenDahl » tors 11. aug 2011 16:16

Hej igen,

tak for dit svar - det virker efter hensigten:
www.roll-master.dk

Men jeg undres over, at det er besværligt at få centreret 2 sidestillede bokse ....

Tak for hjælpen!

Morten

Kim Ludvigsen
MozillaDanmark
 
Indlæg: 11702
Tilmeldt: lør 5. mar 2005 22:45

Re: bokse

Indlægaf Kim Ludvigsen » tors 11. aug 2011 17:13

Det er fordi centrer-koden virker på ét element, hvor der så afsættes lige meget plads på begge sider af elementet. Det går ikke, hvis der er to elementer ved siden af hinanden, for browseren kan ikke vide, at koden nu skal gælde for to elementer i stedet for kun et.

Løsningen er derfor at smide de to elementer ind i et enkelt element, og så virker det fint.
Mvh. Kim