28172 sujets

CSS et mise en forme, CSS3

Bonjour,
Je suis en train de faire mon site web et je rencontre un problème...bizarre à mon gout.
Voilà mon code avec le div qui pose soucis.
<div id="search">
<b>Sélectionner le logiciel :</b>
    <select id="something" name="something">
      <option value="1" selected="selected">3DSMAX</option>
      <option value="2">BLENDER</option>
      <option value="3">MAYA</option>
    </select>
    
    Sélectionner le logiciel :
    <select id="something" name="something">
      <option value="1" selected="selected">3DSMAX</option>
      <option value="2">BLENDER</option>
      <option value="3">MAYA</option>
    </select>
      </div>

Et le css correspondant :
/* Search */
#search {
	color: #363B29;
	background: #ececec;
	height:30px;
	padding:2px;
}
select {
      color: #000;
      display: block;
      background: url(images/select-background.gif) top left repeat-x;
      border:0 px;
      border-radius: 7px 7px;
       -moz-border-radius: 7px; 
       padding: 3px;
      width: 200px;
      BORDER-RIGHT: #c5c5c5 1px solid;
      BORDER-LEFT: #c5c5c5 1px solid;
      BORDER-TOP: #c5c5c5 1px solid;
      BORDER-BOTTOM: #c5c5c5 1px solid; 
    }
    
select:hover {
      BORDER-RIGHT: #fff 1px solid;
      BORDER-LEFT: #fff 1px solid;
      BORDER-TOP: #fff 1px solid;
      BORDER-BOTTOM: #fff 1px solid; 
      padding: 3px; 
      background: url(images/select-background-over.gif) top left repeat;
   }


Le problème est qu'avec sa il m'affiche "Sélectionner le logiciel :" mais le reste n'est plus visible parce qu'il fais de lui même un retour à la ligne...
J'espère m'être bien expliquer, le premier post est toujours "intimidant" Smiley lol
Merci de votre aide Smiley cligne
Modifié par chris5524 (21 Aug 2009 - 17:16)