Avatar billede gipa Nybegynder
27. december 2004 - 13:18 Der er 4 kommentarer og
1 løsning

Designopsætning: Kasser i kasser i kasse

Hey!

Har besluttet at kaste mig over CSS, og starter selvfølgelig ikke med det nemmeste. Så nu sidder jeg fast...  :o)

Jeg har lavet et design, med en kasse der skal centreres øverst på siden.
I kassen skal der så placeres 6 kasser, over hinanden to og to.
I fem af kasserne er der en topkasse og en indholdskasse. Den sidste kasse er blot et billede.
Kasserne skal gå helt op til hinanden, da der er små billeder i designet der bliver "delt op" mellem kasserne fordi de ligger skævt i forhold til kasserne. Alternativt kan jeg måske placere de skæve billeder i et layer ovenpå?

Når jeg gerne vil undgå tabeller (det siger de kloge jo at jeg skal), hvordan i alverden gør jeg det så?


:o)  Rie
Avatar billede tobiasr Nybegynder
27. december 2004 - 14:05 #1
Hvorfor skulle du undgå tabeller? De er da dejlige!
Derimod er det godt at undgå (frames) rammer!
Avatar billede Slettet bruger
27. december 2004 - 15:42 #2
Du kan nok ikke helt undvære tabeller, men du kan da forsøge.

Her er et link til Se mor, helt uden tabeller.
http://www.webdesign101.dk/artikler/lesstables.php

Der er sikkert også meget andet du kan finde på dette HP
Avatar billede gipa Nybegynder
27. december 2004 - 19:45 #3
Tobiasr: En af fordelene ved at undgå tabeller er at du kan skrive det vigtigste indhold øverst, selvom du placerer det anderledes i layoutet. Dermed opdager søgemaskinerne nemmere alt det vigtige, og du får en bedre placering. Der er mange andre argumenter, men det er det vigtigste for mig.
Læs evt. mere på http://www.html.dk/artikler/00043/.

Ibtage: Der står meget godt på den side, men jeg kan ikke umiddelbart finde det jeg leder efter... Har læst meget der ligner, men jeg er stadig ikke klar over hvordan jeg placerer tingene ovenpå/indeni hinanden som jeg beskrev...

Andre ideer?
Avatar billede gipa Nybegynder
02. januar 2005 - 18:48 #4
Det var ikke mange ideer...  ;o)

Det er lykkedes mig at placere en kasse midt på siden i et div-tag. Nu vil jeg så have billeder og tekst til at ligge inde i kassen. Hvordan gør jeg det?
Jeg havde indtryk af at hvis jeg bare placerede et billede mellem div-tags'ene (inkl. layerstyring med z-index), ville det blive placeret indenfor kassens rammer. Men nej?

CSS:
#ramme {
    margin-right:auto;
        margin-left:auto;
        vertical-align:center;
        horizontal-align:10px;
    width: 750px;
    height 550px;
    z-index: 1;
}
#fyld {
    position: absolute;
    left: 200px;
    bottom: 100px;
    z-index: 2;
}
#billede {
   
        position: absolute;
    left: 100px;
    bottom: 100px;
    z-index: 3;
}


HTML:
<div id="ramme">
  <img src="billeder/ramme.gif" alt="Ramme">
    <div id="fyld">
    Her er tekst-fyld
    </div>   
        <div id="billede">
        <img src="billeder/puslebrik.gif" alt="Puslebrik">
        </div>
   

</div>



Hvad gør jeg galt?
Avatar billede gipa Nybegynder
02. januar 2005 - 18:51 #5
Jeg afslutter lige spørgsmålet og prøver igen. Regner ikke med at nogen finder det så langt nede på listen...

Nyt spørgsmål hedder "Placere indhold i en kasse".
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester



Seneste spørgsmål Seneste aktivitet
I dag 16:05 win 10 vil ikke boote Af bb69 i Windows
I dag 11:20 Lenovo x390 Af tobberjas i PC
I dag 10:14 Alder i Excel Af Nanarsi i Excel
I dag 09:00 Flere linier på faneblad Af Peder Lund Nielsen i Excel
I går 21:35 Flash Player Af ErikHg i Andet software