Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1798 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Boites W3C sur mesure...

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Boites W3C sur mesure...

n°1317183
M300A
Posté le 02-03-2006 à 17:00:56  profilanswer
 

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
mood
Publicité
Posté le 02-03-2006 à 17:00:56  profilanswer
 

n°1317188
j_lecruel
☀ ☁ ☂
Posté le 02-03-2006 à 17:09:09  profilanswer
 

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


---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine
n°1317191
M300A
Posté le 02-03-2006 à 17:12:28  profilanswer
 

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 ?

n°1317193
M300A
Posté le 02-03-2006 à 17:13:29  profilanswer
 

(Je confirme que ca ne marche pas ;))

n°1317204
j_lecruel
☀ ☁ ☂
Posté le 02-03-2006 à 17:24:24  profilanswer
 

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
n°1317265
M300A
Posté le 02-03-2006 à 18:10:10  profilanswer
 

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

n°1317291
M300A
Posté le 02-03-2006 à 18:28:56  profilanswer
 

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

n°1317324
M300A
Posté le 02-03-2006 à 19:18:51  profilanswer
 

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 ;)

n°1317363
M300A
Posté le 02-03-2006 à 20:32:25  profilanswer
 

edit du premier post :)

n°1317549
j_lecruel
☀ ☁ ☂
Posté le 03-03-2006 à 08:35:38  profilanswer
 

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Boites W3C sur mesure...

 

Sujets relatifs
probleme de validation w3C CSS couleur de fondValidateur W3C CSS ne valide pas mes ''text-align''
[Résolu] Les <ul> imbriqués, c'est pas W3C compliant ?Créer un site E-commerce aux normes w3c
href="#" et w3c (validome)Problèmes d'includes et de W3C
Recherche Spécifications W3C pour imprimerbalise HR dans les recommandations W3C ?
Xhtml valide W3C vs User Experience => votre avisSocket: Mesure d'upload et dowload [RESOLU]
Plus de sujets relatifs à : Boites W3C sur mesure...


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)