Boites W3C sur mesure...

Boites W3C sur mesure... - HTML/CSS - Programmation

Marsh Posté le 02-03-2006 à 17:00:56    

Edit: Nouvelle question
 
Question completement autre...  
 
Un ami m'avait montré un jour un generateur de petite boites W3... On pouvait choisir les couleurs et le texte ! J'aimerais beaucoup retrouvé ce site histoire de me faire des boites CSS valid et XHTML 1.1 valid assorties au reste du site ;)
Voila ce que je souhaite faire...
 
 
 
 
 
 
 
 
 
 
 
 
Le plus simple pour expliquer serait de commencer par jetter un oeil a l'esquisse de la page => http://le-vert.net:8002/yoahn/biographie.php
 
On voit donc que le site contient un gros div noir (content), contenant differents autres divs definissant les parties de la page (titre, menu, main). Je souhaite ensuite positioner la lame de razoir comme elle l'est actuellement.
 
L'image est placé sous le div main et positionnée par CSS de cette facon :
 

Code :
  1. #razor1 {
  2. float: right;
  3. position: relative;
  4. top: -770px;
  5. left: 50px;
  6. }


 
L'ennuie c'est que si on l'observe bien la page, sous le rectagle noir central, on a de l'espace inutilisé de la hauteur de l'image qui a été ajouté :(
 
 
Merci d'avance, je bataille depuis deux jours et je ne trouve pas comment positionner cette image convenablement :jap:


Message édité par M300A le 02-03-2006 à 20:32:05
Reply

Marsh Posté le 02-03-2006 à 17:00:56   

Reply

Marsh Posté le 02-03-2006 à 17:09:09    

Code :
  1. #razor1 {
  2.    position:absolute;
  3.    top:93px;
  4.    left:616px;
  5. }


---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine
Reply

Marsh Posté le 02-03-2006 à 17:12:28    

Etant donné que le cadre noir est fixé a 700px de largueur et que en position absolute l'image est positionné dans le coin en haut a gauche de la page, selon la résolution de l'utilisateur il y aura plus ou moins de marge autour du cadre noir...
 
non ?

Reply

Marsh Posté le 02-03-2006 à 17:13:29    

(Je confirme que ca ne marche pas ;))

Reply

Marsh Posté le 02-03-2006 à 17:24:24    

Et en ajoutant un position:relative sur ton #content...?
 
Edit : explication >> un élément en absolute est positionné par rapport à son dernier parent positionné, dans ton cas le body. En positionnant ton #content en relative, ton #razor1 va se positionner par rapport aux bords de celui-ci, et ça devrait donc fonctionner...


Message édité par j_lecruel le 02-03-2006 à 17:27:30

---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine
Reply

Marsh Posté le 02-03-2006 à 18:10:10    

Merci mec, je crois que c'est bon :)

Reply

Marsh Posté le 02-03-2006 à 18:28:56    

Ca roule :)
 
Tu peux voir ce que ca donne maintenant :jap:

Reply

Marsh Posté le 02-03-2006 à 19:18:51    

Question completement autre...
 
Un ami m'avait montré un jour un generateur de petite boites W3... On pouvait choisir les couleurs et le texte ! J'aimerais beaucoup retrouvé ce site histoire de me faire des boites CSS valid et XHTML 1.1 valid assorties au reste du site ;)

Reply

Marsh Posté le 02-03-2006 à 20:32:25    

edit du premier post :)

Reply

Marsh Posté le 03-03-2006 à 08:35:38    

Reply

Sujets relatifs:

Leave a Replay

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