Chrome - entrées alignées dans un div (fonctionne sur FF & IE)

Sur la page principale de my website J'ai un problème concernant les deux entrées situées en haut à droite de la page (champ de texte "Rechercher" et bouton "OK").
En fait, mon CSS fonctionne sur FF & IE mais pas sur Chrome.
Pour le rendre plus générique, c'est juste deux entrées dans un div.
Pouvez-vous m'aider à corriger cette mauvaise conduite sur Chrome?Chrome - entrées alignées dans un div (fonctionne sur FF & IE)

Merci beaucoup les gars!

CSS du "Rechercher" champ de texte:

#champ_recherche_style { 
height:14px; 
margin-bottom:15px; 
margin-top:15px; 
width:150px; 
}

CSS du bouton "OK":

#habillage_bouton_texte_recherche_style { 
background-color:#8C8C8C; 
color:#FFFFFF; 
display:inline; 
font-family:Verdana; 
font-size:11px; 
font-weight:bold; 
margin:15px 1px 0 10px; 
padding:0 3px; 
text-decoration:none; 
vertical-align:top; 
}

CSS du div:

#encart_recherche_style { 
padding-left:746px; 
text-align:center; 
width:210px; 
}

Source

2011-03-23 Thorkas

Je ne peux pas le faire fonctionner .. Le fait est que le modèle est très mauvais mais j'ai juste la possibilité de modifier le CSS. Personne ne peut trouver pourquoi le bouton "OK" n'est pas sur la même ligne? Un objet doit être de créer ce désordre: '( Merci beaucoup! D –

En général, les tableaux sont terribles pour la mise en page, mais si vous DEVEZ les utiliser, placez votre bouton dans un TD après le TD de l'entrée plutôt que de placer le champ d'entrée dans une table et d'essayer de forcer la table.

Je suggère fortement d'apprendre à utiliser CSS pour vos mises en page à l'avenir.

Encore une fois, je ne recommande pas de tables pour la mise en page, mais ...

Au lieu de:

<table> 
    <tr> 
     <td> INPUT IS HERE </td> 
    </tr> 
</table> 
BUTTON IS HERE

Essayez ceci:

<table> 
    <tr> 
     <td> INPUT GOES HERE </td> 
     <td> BUTTON GOES HERE </td> 
    </tr> 
</table>

Source

2011-03-23 22:06:49 Dave

Je me ferai un plaisir de changer le code html, ce qui, je suis d'accord avec vous, est horrible, malheureusement, nous utilisons un CMS propriétaire et nous avons juste accès au CSS .. pas le htlm :( – Thorkas

En utilisant inline- bloquer au lieu d'inline sur votre table vous rapproche du comportement que vous voulez.

Source

2011-03-24 14:27:43 smorgan

Chrome - entrées alignées dans un div (fonctionne sur FF & IE)

Répondre

Questions connexes