id, classe

id, classe - HTML/CSS - Programmation

Marsh Posté le 20-06-2005 à 23:57:34    

encore moi  et oui :) j'ai commence ma feuille de style  mais je ne sais pas quand mettre un id et quand mettre une classe.. qu'est ce qui les differencie?

Reply

Marsh Posté le 20-06-2005 à 23:57:34   

Reply

Marsh Posté le 20-06-2005 à 23:59:31    

http://openweb.eu.org/articles/initiation_css/


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 21-06-2005 à 00:07:20    

d'accord merci j'ai compris la difference meme si elle ne m'aide pas beaucoup.

Reply

Marsh Posté le 21-06-2005 à 00:11:12    

Mieux sur Alsa


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 21-06-2005 à 00:23:47    

parfait thanks a lot

Reply

Marsh Posté le 21-06-2005 à 00:30:59    

j'ai trouver sur alsa creation un exemple mais il ne me semble pas bon du tout celui la : http://css.alsacreations.com/modeles/modele3.htm
car si la "partie centrale qui pousse les colonnes vers le bas "
est plus petit que le menu alors c'a devient le chaos. Qu'en pensez vous?

Reply

Marsh Posté le 21-06-2005 à 00:34:22    

(desole(http://forum.hardware.fr/hardwarefr/Programmation/CSS-dans-style-sujet-72517-1.htm))


Message édité par kirua_sama le 21-06-2005 à 00:34:39
Reply

Marsh Posté le 21-06-2005 à 00:45:32    

j'ai trouver sur alsa creation un exemple mais il ne me semble pas bon du tout celui la : http://css.alsacreations.com/modeles/modele3.htm  
car si la "partie centrale qui pousse les colonnes vers le bas "  
est plus petit que le menu alors c'a devient le chaos. Qu'en pensez vous? cette exemple est a prendre?

Reply

Marsh Posté le 21-06-2005 à 08:01:02    

tu mets un min-height pour la partie du centre stou


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 21-06-2005 à 12:01:18    

merci

Reply

Marsh Posté le 21-06-2005 à 12:01:18   

Reply

Marsh Posté le 21-06-2005 à 12:35:12    

le min-height n'est pas pris en compte :(  
#centre {
 MARGIN-LEFT: 150px; BACKGROUND-COLOR: #FF0000; min-height: 300px;
}

Reply

Marsh Posté le 21-06-2005 à 12:50:18    

ah oui c'est vrai ie comprend pas ...
 
hmm, tu as le choix de mettre _height:300px; pour ie, firefox lui lira pas parce qu'il y a un _ devant.

Reply

Marsh Posté le 21-06-2005 à 13:16:44    

oki merci  
et sinon pour un site en 1024*768 il faut que la largeur du site fasse combien ?

Reply

Marsh Posté le 21-06-2005 à 13:18:44    

la largeur de mon contenu fesai 768 mais en faite y'a encore de la place a cote alros j'aurais aimer savoir fallais que ca fasse combien au maximum.

Reply

Marsh Posté le 21-06-2005 à 13:28:54    

par exemple pour un site d'une resolution de 1280*1024 la largeur definie doit etre de 1280 c'est ca ?

Reply

Marsh Posté le 21-06-2005 à 14:01:37    

soit tu fais un site s'adaptant à la résolution, en %tage, soit tu donnes un taille de moins de 800 px de largeur, et tu centres. Pas compliqué.


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 21-06-2005 à 14:10:52    

oue mais pour centre en css je sais pas comment faire sans donner position en px. de toute facon je compte faire deux site different un pour le 1280*1024 et un autre pour le 1024*768. donc pas besoin de centre. j'ai mis 1000 px pour le site de resolution 1024*768 c'est bon ?

Reply

Marsh Posté le 21-06-2005 à 14:21:19    

kirua_sama a écrit :

de toute facon je compte faire deux site different un pour le 1280*1024 et un autre pour le 1024*768. [...] c'est bon ?


non [:spamafote]  


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 21-06-2005 à 14:50:20    

c'est la plus grosse connerie monumentale à faire
 
autant faire un site soit elastique, soit fixe

Reply

Marsh Posté le 21-06-2005 à 15:15:44    

... bah comme je fait c'est fixe nan ?
je fait comment alors?

Reply

Marsh Posté le 21-06-2005 à 16:16:04    

hin ????

Reply

Marsh Posté le 21-06-2005 à 16:17:57    

Reply

Marsh Posté le 21-06-2005 à 17:03:26    

bah c'est celui la que j'ai utilise. mais a la place de mettre 750 px je voudrai mettre une autre taille pour une plus grande resolution...

Reply

Marsh Posté le 21-06-2005 à 17:14:28    

ben pourcentages

Reply

Marsh Posté le 21-06-2005 à 17:16:57    

oki merci c'est parfait

Reply

Marsh Posté le 22-06-2005 à 17:58:53    

c'est super nul en faite les pourcentage ca cree tout plin de probleme et si tu reduit la taille de ta fenetre ca donne un truc deguelasse :).

Reply

Marsh Posté le 22-06-2005 à 18:01:26    

Non, mais gérer ce genre de cas est l'une des difficultés d'un design flexible (également appelé "liquide" ). On trouve également des variantes "élastiques" [:dawa].


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 22-06-2005 à 18:11:17    

humm d'accord ca doit vraiment etre relou alors... pour gerer ce genre de cas il faudrait alors applique un pourcentage qu'a certain element ,?

Reply

Marsh Posté le 22-06-2005 à 18:18:26    

Ya plein de techniques possibles [:dawa]
 
Dont la flexibilité partielle.
 
Par exemple le site de Molly Holzschlag, seule la colonne centrale est flexible, on peut réduire le site jusqu'aux alentours de 500px de large avant qu'il devienne illisible [:dawa] (alors que c'est un 3cols)


Message édité par masklinn le 22-06-2005 à 18:31:08

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 22-06-2005 à 18:32:11    

j'avoux c'est pas mal le probleme c'est qu'avec ie on peut reduire autant que l'ont veut car minwidth marche pas. donc si on reduit ca devient quand meme moche:(

Reply

Marsh Posté le 22-06-2005 à 18:32:52    

au faite tu me l'avais deja dit masklinn mais ca n'avait pas marcher, comment en enleve les retraits ou les points ( puces ) dans une liste?

Reply

Marsh Posté le 22-06-2005 à 18:40:03    

kirua_sama a écrit :

au faite tu me l'avais deja dit masklinn mais ca n'avait pas marcher, comment en enleve les retraits ou les points ( puces ) dans une liste?


Pour les puces il faut mettre list-style à none sur la liste.
 
Pour les retraits, paddings et margins à 0 sur la liste et chaque élément de liste.
 
edit: typo, c'est list-style pas list-stype :o


Message édité par masklinn le 22-06-2005 à 18:45:45

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 22-06-2005 à 18:43:31    

oki merci j'avais du mal comprendre :/ je me souvient plus que tu m'ai parler de list-stype merci beaucoup

Reply

Marsh Posté le 22-06-2005 à 18:53:38    

oki merci mais tu es sur que ca marche aussi sous ie pour le padding et le margin ?? parce que ca ne marche pas avec moi avec ces codes :
css:

Citation :

.copain LI
   {
    margin-bottom: 10px;
    list-style-type:none;
    padding:0px;
    margin: 0px;
    padding-left: 0px;
   }


 
et en html:
 

Citation :

<DIV id=copain>
  <ul class="copain">
      <LI><A href="http://css.alsacreations.com/modeles/"><img src="Sans titre.bmp"></A>  
      <LI><A href="http://css.alsacreations.com/modeles/">Menu 2</A>  
      <LI><A href="http://css.alsacreations.com/modeles/">Menu 3</A>  
      <LI><A href="http://css.alsacreations.com/modeles/">Menu 4</A>  
  </ul>  
 </DIV>


 
merci

Reply

Marsh Posté le 22-06-2005 à 18:56:54    

Je t'ais dit de mettre la marge et le padding des éléments de liste et des listes à 0 je crois


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 22-06-2005 à 19:09:33    

tu veu dir ede cette facon ?  
 

Citation :

<DIV id=copain>
  <ul class="copain">
      <LI class="copain"><A href="http://css.alsacreations.com/modeles/"><img src="Sans titre.bmp"></A></li>  
      <LI><A href="http://css.alsacreations.com/modeles/">Menu 2</A>  
      <LI><A href="http://css.alsacreations.com/modeles/">Menu 3</A>  
      <LI><A href="http://css.alsacreations.com/modeles/">Menu 4</A>  
      </li>
  </ul>


 cela ne marche pas non plus :(

Reply

Marsh Posté le 22-06-2005 à 19:48:13    

?

Reply

Marsh Posté le 22-06-2005 à 20:13:10    

:hello:  :ange:

Reply

Marsh Posté le 22-06-2005 à 20:14:50    

[:bbcmoi]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 22-06-2005 à 20:24:18    

:lol:  :pt1cable:  :??:

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed