[css] rutor?

hejsan

undrar hur kan jag fixa såna boxes som gammla facebook hade , har laddat upp en bild så ni kan se va jag menar .

jag har testat med

<STYLE type="text/css">
      #border {
        background: #5E5E5E;
        color:white;
        margin: 12px 12px 12px 12px;
        padding: 0px 0px 1px 0px; ;
                                     
      }
      #con {
        color: darkred;                   
        background: white;         
        margin: 1px 1px 1px 1px;
        padding: 5px 0px 5px 4px; 
        list-style: none             
                                     

      }
    </STYLE>

men det verkar vara hur jobbigt som helst att repetera koden igen och igen ,så finns det nån smart/lättare sätt fixa det ?

tackar :bire

Använder du ID:n fler gånger? Gör det inte!

Hur ser din HTML kod ut?

ja , jag använder id:n för varje gång jag vill ha en ruta , hur ska jag göra då ? och html koden ser ut så här :

<div id="border" >
            test
      <div id="con">  test</div>
    </div>

Om du läser så få man bara ha ett ID per sida, så det du förädlar göra så kör du fel css

då är därför den inte ser rätt ut i internet explorer , men ska jag ha samma kod med flera ID? eller

Webbläsare kommer inte bry sug om id, det du få problem med är DOM trädet, men inte css

hehe nu är jag lite borta,;) , så vad är lösningen för mitt problem ?

Ska du upprepa samma sak, så ska du använda "class", inte "id".

<div class="border" >
            ruta 1
      <div class="con">ruta 1</div>
    </div>
<div class="border" >
            ruta 2
      <div class="con">ruta 2</div>
    </div>
<div class="border" >
          ruta 3
      <div class="con"> ruta 3</div>
    </div>

I stilmallen byter du ut brädgården (#) som betyder "id" mot en punkt (.) som betyder "class".

ja tackar ska testa senare men om jag får fråga , vad är skillnaden mellan id och class ? jag trodde att de var samma sak

vagann skrev:

ja tackar ska testa senare men om jag får fråga , vad är skillnaden mellan id och class ? jag trodde att de var samma sak

Om det vore samma sak vore det väl konstigt att ha olika benämningar på dom, eller hur?

Ett element med ett id ska du bara ha en enda gång på en sida.
En class kan du ha hur många gånger som helst.

jaha tack så mycket för förklaringen

Ett annat tips är att läsa vad w3c har sagt om element och dess attribut: http://www.w3.org/TR/html4/struct/global.html#h-7.5.2