Div tags fylder for meget.

Eller er der en smartere måde at lave det på?

Husk teksten og billedet skal være centreret.

Du kan lave en clipping på dem - så de ikke bliver større end du ønsker dem.

Herefter kan du lave en overflow: hidden;

Skriv evt. <span></span> i stedet for <div></div>

Div tags forcer et linieskift

netscape forstår ikke spans

Pingo: Kan du evt. forklare det lidt nærmere ?

Jo..

Jeg kan se du har lavet alt i style sheets.

For hvert lag kan du så lave en (<top> <right> <bottom> <left>):

clip: rect(5px, 10px, 10px, 5px)

Dette gør laget den størrelse det skal være - og så laver du en:

overflow: hidden;

Og det skulle være det!

Dette er den gamle streng.
#landkort { position: relative; top: 0px; left: -40px; width: 427px; visibility: visible ;z-index:1;}

Hvordan vil du så lave den nye?

#landkort { position: relative; top: 0px; left: -40px; width: 427px; visibility: visible ;z-index:1; clip: rect(5px, 10px, 10px, 5px); overflow: hidden; }

Så skifter du tallene ud så de passer til størrelsen....så bliver de aldrig større...

Du kunne jo sætte en width: xpx; og height: xpx; til at starte med....

hvad med div'erne ?

du har jo defineret div'sne til at benytte stylesheetet!

ok .... Men jeg kan bare ikke rigtig få det til at virke ... Hmmm ....

Umiddelbart er det da fordi du ikke har sat <DIV CLASS="stylename">

Du har overhovedet ikke koblet dem sammen!

Det var smartere at lave tag'en med stylet i - <DIV ID="landkort" STYLE="position: relative; top: 0px; left: -40px; width: 427px; visibility: visible ;z-index:1;">

Jeg vrøvler - de er koblet sammen..

Men du har ikke angivet en højde for hvert div - så de risikerer at blive kanon lange - sæt width og height i stylesheetet?

Har du aldrig brugt stylesheets??

Ikke rigtig....

Når du alligevel placerer lagene med x og y position - præcist - så kan du også lige så godt sætte deres position: absolute!

absolute - så kan de godt ligge oven i hinanden - relative - så liger de under hinanden!

Ja, det kunne jeg godt, men hvordan vil du få dem til at stå lige midt på siden ... (center) ?

Nu har jeg lige opdateret www.kogt.dk/test/

Kan jeg ikke lige få dig til at kigge på koden....

Så vidt jeg kan se har du alligevel defineret top og left på alle lagene!

Jamn!

De pixels jeg havde sat 5px 10px 10px 5px - det var jo bare et eksempel!!

Men flyt alle dine stylesheet defineringer til det enkelte lag - start med det..

<DIV ID="landkort" STYLE="+ landkort stylet +">

Er der noget ivejen med det ?

Dernæst søger du for at definere end width og height på lagene!

Jeg kan ikke se nogen steder at du overhovedet benytter de stylesheets du har defineret!

Så definer det du skal i selve DIV'et!

Jeg har lige downloaded filen - og fundet ud af at jeg har ret i at du slet ikke benytter de stylesheets du har defineret!

Og dog!

Hvordan skal jeg så definere dem ??

Pingo, jeg har altså ikke arbejdet så meget med styleseets, dhtml, osv....

Nu kigger jeg lige på det!

Takker :-)

Umiddelbart virker hele dit html dokument til at være noget skrammel! - du har et lag der starter i minus 300 et eller andet - altså over skærmen!

Prøv at starte forfra!

Jamen det er jo fordi det er relative position .... Billedet skal jo være i midten og teksten lidt til højre for billedet .....  og når det er relative position, så kommer lagene til at ligge efter hinanden, så bliver jeg jo nød til at smide det -300 .....

Findes der en anden metode hvorved man kan centrere det ?

Hvorfor opbygger du det i det hele taget på den måde..

Hvad med at lave 2 lag - det ene over det andet - det ene relative og det andet absolute - så ligger de oven i hinanden...

billedet i den bagerste - og så lav en table med dine bytekster i den øverste!

Ok ... Jeg prøver lige....

Det virker... Jeg takker mange gange for hjælpen.

Np.