CSS want my death

CSS want my death - HTML/CSS - Programmation

Marsh Posté le 24-08-2005 à 10:06:23    

Coucou,
 
Bon me suis dis, programmer propre, je peux le faire et je vais le faire... :pt1cable:  
 
Donc je teste plein de truc en css...
now j'en suis là:
 

Code :
  1. <style type="text/css">
  2. body {
  3. font: 1em black verdana, sans-serif;
  4. background-color: white;
  5. }
  6. #cadre {
  7. width: 20%;
  8. background-color: #005D00;
  9. }
  11. #hautgauche, #hautdroit, #basgauche, #basdroit {
  12. height: 15px; width: 15px;
  13. background-repeat: no-repeat;
  14. font-size:1px;
  15. }
  17. #hautgauche {
  18. background: url(images/essai1.jpg);
  19. }
  20. #hautdroit {
  21. float: right;
  22. background: url(images/essai2.jpg);
  23. }
  24. #basgauche {
  25. background: url(images/essai4.jpg);
  26. }
  27. #basdroit {
  28. float: right;
  29. background: url(images/essai3.jpg);
  30. }
  31. #contenu p {
  32. color: white;
  33. margin: 0.5em;
  34. }
  36. </style>
  37. <div id="cadre">
  38. <div id="hautdroit"></div><div id="hautgauche"></div>
  39. <div id="contenu">
  40.  <p>Texte de contenu</p>
  41.  <p>Texte de contenu</p>
  42.  <p>Texte de contenu</p>
  43. </div>
  44. <div id="basdroit"></div><div id="basgauche"></div>
  45. </div>


 
Mas je voudrais que si j'ai un longue phrase dans un de mes paragraphes, qu'elle revienne automatiquement à la ligne...
comme dans un ....tableau... :sweat:  
 
Merci de m'informer la dessus...
 
+

Reply

Marsh Posté le 24-08-2005 à 10:06:23   

Reply

Marsh Posté le 24-08-2005 à 10:12:51    

T'as essayé d'écrire des trucs dans tes paragraphes au moins? [:kiki]
 
(et #hautgauche, #hautdroit, #basgauche, #basdroit c'est pas "propre" )


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

Marsh Posté le 24-08-2005 à 10:15:50    

ben oui  
 
jai mis cela:
# <p>Texte de contenu</p>
# <p>Texte de contenu euifgzuegfigiufgzuigzgfuiugzfiug</p>
# <p>Texte de contenu</p>
 
et ce n'est pas bon

Reply

Marsh Posté le 24-08-2005 à 10:19:25    

xtof_83 a écrit :

ben oui  
 
jai mis cela:
# <p>Texte de contenu</p>
# <p>Texte de contenu euifgzuegfigiufgzuigzgfuiugzfiug</p>
# <p>Texte de contenu</p>
 
et ce n'est pas bon


Non seulement c'est un test à la con (32 lettres sans espace? maisouibiensûr)
Mais en plus...
http://img395.imageshack.us/img395/9979/paragraphtest9qr.th.png


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

Marsh Posté le 24-08-2005 à 10:23:32    

Mord de rire, mais je suis dans le chou ce matin...
 
En plus, je suis con...j'ai reduit exprés la page pour tester...et je voyais bien que texte de contenu, se diviser...
 
lol....ben, merci de me reveillé Masklinn...
 
Dis c'est bien comme ça avec des div...ou faut autre chose...
 
j'en profite...
et oui les # vaut mieux les remplacer par . non?
 
merci...

Reply

Marsh Posté le 24-08-2005 à 11:24:15    

Salut,
 
le problème n'est pas que aie mis des id au lieu de classes (tes éléments étant des conteneurs -> uniques),
 
mais plutôt que tu nommes tes id selon leur position et non selon leur nature => si un jour tu décide de refaire ton design et que les éléments changent de position, les noms de tes id n'auront plus aucun sens.

Reply

Marsh Posté le 24-08-2005 à 11:26:58    

dacord...encore une histoire de sémantique tout ça...
 
:lol:

Reply

Marsh Posté le 24-08-2005 à 13:20:00    

Pour qu'une longue chaine, sans espace, soit coupée automatiquement, il faut ajouter

word-wrap: break-word;

:)

Reply

Marsh Posté le 24-08-2005 à 14:00:21    

olivthill a écrit :

Pour qu'une longue chaine, sans espace, soit coupée automatiquement, il faut ajouter

word-wrap: break-word;

:)


 
...qui est une propriété CSS3  :sweat:

Reply

Marsh Posté le 24-08-2005 à 14:24:52    

C'est comme même bon à savoir..thanks

Reply

Marsh Posté le 24-08-2005 à 14:24:52   

Reply

Marsh Posté le 24-08-2005 à 16:19:21    

xtof_83 a écrit :

dacord...encore une histoire de sémantique tout ça...
 
:lol:


 
 
C'est pas une histoire de sémantique borde lde bite à cul
c'est tout simplement qu'un ID c'est unique dans la page, alors qu'une classe ca peut etre repeté plusieur fois dans la page

Reply

Marsh Posté le 24-08-2005 à 16:38:58    

oui sa je sais...
 
Mais ce que je ne sais pas:
 
#contenu : ici le # veut dire quoi? que je ne peux que l utiliser pour un id?
 
cest quoi la différence avec .contenu???

Reply

Marsh Posté le 24-08-2005 à 16:52:14    

xtof_83 a écrit :

oui sa je sais...
 
Mais ce que je ne sais pas:
 
#contenu : ici le # veut dire quoi? que je ne peux que l utiliser pour un id?
 
cest quoi la différence avec .contenu???


 :sweat:  
 
http://forum.hardware.fr/hardwaref [...] 6058-1.htm


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

Marsh Posté le 24-08-2005 à 17:07:43    

masklinn a écrit :

:sweat:  
 
http://forum.hardware.fr/hardwaref [...] 6058-1.htm


 
 
Ouip je l'ai déjà vu ce sujet..enfin..
 
Moi je voulais juste etre sur de ce que je pensais:
 

Code :
  1. Chaque terme permet de créer des propriétés CSS personnalisées, que vous pouvez appliquer à vos balises, mais il existe des différences entre une classe (.toto) et un id (#toto)


 
 :jap:

Reply

Sujets relatifs:

Leave a Replay

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