Avatar billede Smorkongen Nybegynder
28. september 2011 - 16:19 Der er 16 kommentarer og
1 løsning

plavering af kasser/billeder

Jeg er begyndt at bruge 960 system. Så håber på nogle svar fra folk som har arbejdet med det før.
(Jeg er nybegynder med html/Css)

Mit problem er dette :Jeg har disse kasser/billeder som jeg vil give noget margin-top. Jeg tænkte så at for at gøre det let at flyttee alle kasserne på en gang vil jeg putte div'er uden om div'erne. Svært for mig at forklare, så prøv at se koden.

css fil nr1: http://chopapp.com/#4wkwflvw

css fil nr2: http://chopapp.com/#m7htz0vx

html fil: http://chopapp.com/#pp0ys6hs



Kan ikke finde ud af brugen af alpha og omega. Er der nogle der kan forklare det, har ikke kunne finde noget brugbart på google :(
Avatar billede Smorkongen Nybegynder
28. september 2011 - 16:28 #1
billed af kasserne kan ses her : http://screencast.com/t/Yt4ZJyzPHOD
Avatar billede olebole Juniormester
28. september 2011 - 16:31 #2
<ole>

Hvis du selv forstår, hvad du har skrevet, må du gerne forklare det for os andre  =)

/mvh
</bole>
Avatar billede Smorkongen Nybegynder
28. september 2011 - 16:41 #3
Har du arbejdet med 960 grid system før?

Der ikke noget jeg hellere vil :D
http://screencast.com/t/NmHpKE9AIcy

Hjælper det ?
Avatar billede olebole Juniormester
28. september 2011 - 16:55 #4
Jeg har absolut ingen anelse om, hvad det er, og jeg er formodentlig ikke den eneste i den situation. Derfor ville det nok være en god idé at forklare, hvad du spørger om  =)
Avatar billede Smorkongen Nybegynder
28. september 2011 - 16:59 #5
Er det helt hen i vejret den måde jeg har sat det op på ? Kan ikke få noget til at bevæge sig i css'en :(
Avatar billede Smorkongen Nybegynder
28. september 2011 - 17:00 #6
Har du trykket på det link der ? Jeg vil adskille de der kasser..
Avatar billede olebole Juniormester
28. september 2011 - 17:09 #7
Har du selv klikket på de andre? Tre gange en kulsort browser uden indhold
Avatar billede Smorkongen Nybegynder
28. september 2011 - 17:16 #8
Virker helt fint, du skal bare lige vente et par sekunder
Avatar billede olebole Juniormester
28. september 2011 - 17:23 #9
60 sekunder gør det ikke
Avatar billede zips Juniormester
28. september 2011 - 18:03 #10
Dine <div class="grid_2"> er sat til inline, derfor virker din margin-top ikke.
Avatar billede olebole Juniormester
28. september 2011 - 18:13 #11
Ahhhh ... chopapp.com virker åbenbart ikke i IE og Opera  :o|
Avatar billede Smorkongen Nybegynder
28. september 2011 - 19:39 #12
zips:

Har du brugt 960 grid før ? Jamen det er min <div class="grid_12" også og her virker det fint. Hvordan kan det være?

Hvordan er det bedst at rette dette i css'en ? er det ikke en dum ide at begynde og ændre selve grid_2i 960.css filen.

Tak for svar
Vidste jeg ikke olebole, sorry :)
Avatar billede zips Juniormester
28. september 2011 - 19:58 #13
Kender ikke det system, men det vil heller ikke virke i grid_12 uden den bliver sat til display: block igen, som en div standart er.

Hvis du ikke vil rette i din css, så sæt en inline style på din div, men det er nu nemmere at rette sin css.
Avatar billede Smorkongen Nybegynder
28. september 2011 - 20:27 #14
Fandt ud af det: i alle mine "rækker" skulle dette rettes

<div class="container_12" raekke1>  FORKERT

<div class="container_12 raekke1">    MERE RIGTIGT

Fatter stadig ikke helt det der med at man kan tildele to classer. Ligner stadig meget enenkelt for mig, men det virkede :/
Avatar billede olebole Juniormester
29. september 2011 - 10:58 #15
Det er en helt grundlæggende og meget anvendt feature i CSS, at man kan sætte flere klasser på et element  =)

Egentlig er det jo også ganske logisk. Du kan sagtens være blandt de mennesker, som tilhører 'klassen' danskere - og samtidig tilhøre 'klassen' de rødhårede - osv, osv.
Avatar billede Smorkongen Nybegynder
30. september 2011 - 09:40 #16
Egentlig er det jo også ganske logisk. Du kan sagtens være blandt de mennesker, som tilhører 'klassen' danskere - og samtidig tilhøre 'klassen' de rødhårede - osv, osv.


Det vil hjælpe med at huske det..tak
Avatar billede Smorkongen Nybegynder
20. januar 2012 - 19:11 #17
lukker
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
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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