Vil gå ud fra det er noget DIV tags og lidt magi, men jeg er så gammeldags min første tanke (og fejlede forsøg) var tables -.-
--
Jutus fortis tenax est - Klistermærker er ikke casemod
sæt den op i en table, og giv den en margin: 0 auto; ?
--
Veni, Vidi, Vici.
dimidium facti qui coepit habet
Det kan jeg ikke få dem til at centrere sig helt på siden, hun ved at give table aligen="center" kan jeg rykke den horizontalt ind på midten. Jeg ville gerne have billederne vertikalt med også.
--
Jutus fortis tenax est - Klistermærker er ikke casemod
1. Giv hver div en bestemt bredde
2. Lav "float: left" på begge, så kommer de til at stå ved siden af hinanden (medmindre de tilsammen er breddere end siden/tingen de er inde i)
3. prop dem ind i en div sammen, som så har margin: auto for at centrere dem
4. Under din div i punkt 3, lav en div der clear'er float (ellers fucker resten af din side), den har du her:
div.clear_float {
width: 100%;
height: 1px;
margin: 0 0 -1px;
clear: both;
}
(lav en div, med class="clear_float"
Din clearfloat class bliver ikke at se.
--
Kæmpe oprydnings salg: http://salg.ssdata.dk[...]
All-around linux blog: http://dev-random.net[...] Hvis du er seriøs om at lave en hjemmeside, så burde du få dig firebug til firefox hvis du bruger det - ellers brug et af de native html editors i chrome/ie.
Og hvis du havde sådan et, så ville du også nemt kunne se løsningen på hjemmesiden, ved et par simple klik :)
Det kan gøres med floats som #4 skriver. Men enten burde du lave hele din hjemmeside med float design, for at du ikke skal ud i mærkelige clearfix klasser osv, for at normale block elementer ikke fiser mærkeligt rundt på siden, som man bliver nødt til at "hotfixe" med mærkelig CSS.
Hvis layoutet er ligesom på siden du linker til, med block elementer overordnet, så brug samme løsning som dem.
De er sat op ved siden af hinanden med lidt width på det ydre element, samt width (50%) på hvert billede, og er sat på med display:inline-block;
Det synes jeg personligt er en ganske fin måde at gøre det på, så slipper man også for for mange floats, hvor det egentligt ikke er nødtvendigt :)
På en sidenote, så har pluralsight.com et par fede css tutorials (skulle også mene de har HTML5) - dem burde du tage og se, og lave html/css imens. Jeg mener man kan lave 30 dages free trial der inde.
--
#4 Det lyder som noget jeg helt klart vil prøve, det gør jeg i aften og ser om jeg kan få det til at give mening :)
#5 Det er ikke så meget hjemmesider jeg laver, men da vi skal have to shops på samme domain (industri og privat) så var det en fed måde at lave indgangen på, mener vi.
Så jeg satte mig det for at det burde jeg kunne læse mig op til at lave ret simpelt, men det var ikke helt så simpelt som jeg troede.
Hele vores hjemmeside(r) er prestashop så slet ikke det design der. Det er bare den "splash screen" vi ville lave der skulle have den effekt.
Der hvor jeg ligesom taber tråder er, hvis jeg har en opløsning der hedder 1920*1080 så kan jeg jo sagtens lave en html side der ser fin ud til min opløsning, men en kunde der kører 1024*765 vil slet ikke se den på samme måde. Har overvejet bare at detect hvad opløsning de bruger når de loader siden, men så skal jeg have tonsvis af html sider.
Jeg overvejede at lave et script i php der kunne regne ud deres skærmstørrelse, men ja, det er heller ikke så let da jeg ikke kunne få php til at smide tallene ind i det css jeg havde gang i.
--
Jutus fortis tenax est - Klistermærker er ikke casemod