La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Alignement verticale => différences entre navigateurs !!
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Alignement verticale => différences entre navigateurs !!  (Lu 881 fois)
Alignement verticale => différences entre navigateurs !!
« sur: le 13-01-2007 a 21:15:27 »
gigasat
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 6





Voir le Profil    WWW
Répondre avec citation

Bonjour,

Je n'arrive pas à pouvoir aligner verticalement 3 éléments qui sont un texte "MARQUES DISPONIBLES" un picto et un texte "Recherche personnalisée" à coté du picto.

Code dans ma page :
Code:

<div class="rechPerso"><!-- rech perso -->

<a href="lien.asp"><img class="pictoRech" src="images/picto.gif" width="202" height="21" alt="" title="" /></a>

<a class="menutexte01" href="lien.asp">Recherche personnalis&eacute;e</a>        

</div>


Ma css :
Code:

.colCentre {

   float:left;

   width: 558px;

   height: 308px;

   margin-left: 14px;

   border: 1px solid;

   border-color: #2F406C;

   margin-top: 2px;

}



.colCG {

   float: left;

   width: 168px;

   height: 308px;

   border-right: 1px solid #2F406C;

   background-color: #FFFFFF;

}



.colCD {

   float: right;

   width: 389px;

   height: 26px;

   line-height: 26px;

   background-color: #2F406C;

   text-align: center;

}





.rechPerso {

   width: 389px;

   height: 32px;

   background-color: #FFFFFF;

   border-top: 1px solid;

   border-bottom: 1px solid;

   border-color: #2F406C;

   float: right;

   line-height: 32px;

}



.pictoRech {

   width: 45px;

   height: 21px;

   border: none;

   padding-left: 101px;

   vertical-align: middle;

}



.menutexte01 {

   width: 204px;

   height: 19px;

   padding-left: 3px;

   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-size: 9px;

   color: #2F406C;

   text-align: left;

   font-weight: bold;

   text-decoration: none;

}

Ce qui donne ceux-ci :
div colCentre (conteneur (couleur jaune ))
div colCG (couleur bleue claire callé à gauche avec un float: left)
div colCD (couleur bleue foncé callé à droite en haut)
div colDChV (couleur vert callé à droite float: right)
div rechPerso (couleur blanc callé à droite avec float: right)

sous IE7 :


sous Mozilla Fierefox 1.5.0.9 :


sous Opéra 9.10 :


voilà ma problèmatique  [decu]

Merci de votre aide !!
Citation:

Rapporter au modérateur  

Re:Alignement verticale => différences entre navigateurs !!
« Répondre #1 sur: le 15-01-2007 a 09:50:08 »
gigasat
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 6





Voir le Profil    WWW
Répondre avec citation

Bonjour,

Personne pour m'aider à résoudre mon problème ? !!

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg