webForumDet fria alternativet

[css] rutor?

HTML & CSS

11 svar · 1 865 visningar · startad av vagann

Medlem sedan juli 2011171 inlägg
Frågan#1

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

Skärmklipp.PNG
Medlem sedan juni 20019 519 inlägg
#2

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

Hur ser din HTML kod ut?

Medlem sedan juli 2011171 inlägg
#3

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>
Medlem sedan juni 20019 519 inlägg
#4

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

Medlem sedan juli 2011171 inlägg
#5

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

Medlem sedan juni 20019 519 inlägg
#6

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

Medlem sedan juli 2011171 inlägg
#7

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

Medlem sedan aug. 20068 090 inlägg
#8

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".

Medlem sedan juli 2011171 inlägg
#9

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

Medlem sedan aug. 20068 090 inlägg
#10

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.

Medlem sedan juli 2011171 inlägg
#11

jaha tack så mycket för förklaringen

Medlem sedan juni 20019 519 inlägg
#12

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

247 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
123 ms — hämta tråd, inlägg och bilagor (db)
121 ms — ändringar (db)