Bonjour,
Je suis bloqué, j'ai 3 balises DIV dont 1 en haut et 2 en bas pour former un L.
Impossible de déplacer vers le haut la troisième balise bas droite.
Voici un extrait de mon fichier CSS :
/* titre bons plan */
#titrebonsplan
{
float:left;
width: 219px;
height: 33px;
background-image: url(../images/bons_plans_repete_violet.png);
background-position:top;
background-repeat:repeat-x;
font-family: Arial, Helvetica, sans-serif;
color: white;
}
/* logo bon plan */
#titrelogobonplan
{
width:56px;
height:33px;
float:right;
background-image: url(../images/bons_plans_violet.png);
background-position: right top;
background-repeat: no-repeat;
}
/* titre idees week ends */
#titreideesweekends
{
float:left;
width: 434px;
height: 33px;
background-image: url(../images/idees_week_ends_repete_orange.png);
background-position:top;
background-repeat:repeat-x;
font-family: Arial, Helvetica, sans-serif;
color: white;
}
/* logo idees week ends */
#titrelogoideesweekends
{
width:56px;
height:33px;
float:right;
background-image: url(../images/idees_week_ends_orange.png);
background-position: right top;
background-repeat: no-repeat;
}
/* titre nos adresses */
#titrenosadresses
{
float:left;
width: 434px;
height: 33px;
background-image: url(../images/nos_adresses_repete_marron.png);
background-position:top;
background-repeat:repeat-x;
font-family: Arial, Helvetica, sans-serif;
color: white;
}
/* logo nos adresses */
#titrelogonosadresses
{
width:56px;
height:33px;
float:right;
background-image: url(../images/nos_adresses_marron.png);
background-position: right top;
background-repeat: no-repeat;
background-color: #FFFFFF;
}
/* Recherche un week end , un lieu, un évènement */
#rechercheWeekEnds
{
float: left;
width: 65px;
height: 42px;
background-image: url(../images/zone_recherche_orange.png);
}
#rechercheWeekEndsRepet
{
float: left;
width: 315px;
height: 29px;
margin-top: 5px;
background-repeat: repeat;
background-color: #F29400;
}
#rechercheWeekEndsdroite
{
float: left;
width: 11px;
height: 29px;
margin-top: 5px;
background-image: url(../images/zone_recherche_droite_orange.png);
background-repeat: no-repeat;
}
#ok
{
float: left;
width: 30px;
height: 30px;
margin-top: 5px;
margin-left: 9px;
}
Merci à vous.
Je suis bloqué, j'ai 3 balises DIV dont 1 en haut et 2 en bas pour former un L.
Impossible de déplacer vers le haut la troisième balise bas droite.
Voici un extrait de mon fichier CSS :
/* titre bons plan */
#titrebonsplan
{
float:left;
width: 219px;
height: 33px;
background-image: url(../images/bons_plans_repete_violet.png);
background-position:top;
background-repeat:repeat-x;
font-family: Arial, Helvetica, sans-serif;
color: white;
}
/* logo bon plan */
#titrelogobonplan
{
width:56px;
height:33px;
float:right;
background-image: url(../images/bons_plans_violet.png);
background-position: right top;
background-repeat: no-repeat;
}
/* titre idees week ends */
#titreideesweekends
{
float:left;
width: 434px;
height: 33px;
background-image: url(../images/idees_week_ends_repete_orange.png);
background-position:top;
background-repeat:repeat-x;
font-family: Arial, Helvetica, sans-serif;
color: white;
}
/* logo idees week ends */
#titrelogoideesweekends
{
width:56px;
height:33px;
float:right;
background-image: url(../images/idees_week_ends_orange.png);
background-position: right top;
background-repeat: no-repeat;
}
/* titre nos adresses */
#titrenosadresses
{
float:left;
width: 434px;
height: 33px;
background-image: url(../images/nos_adresses_repete_marron.png);
background-position:top;
background-repeat:repeat-x;
font-family: Arial, Helvetica, sans-serif;
color: white;
}
/* logo nos adresses */
#titrelogonosadresses
{
width:56px;
height:33px;
float:right;
background-image: url(../images/nos_adresses_marron.png);
background-position: right top;
background-repeat: no-repeat;
background-color: #FFFFFF;
}
/* Recherche un week end , un lieu, un évènement */
#rechercheWeekEnds
{
float: left;
width: 65px;
height: 42px;
background-image: url(../images/zone_recherche_orange.png);
}
#rechercheWeekEndsRepet
{
float: left;
width: 315px;
height: 29px;
margin-top: 5px;
background-repeat: repeat;
background-color: #F29400;
}
#rechercheWeekEndsdroite
{
float: left;
width: 11px;
height: 29px;
margin-top: 5px;
background-image: url(../images/zone_recherche_droite_orange.png);
background-repeat: no-repeat;
}
#ok
{
float: left;
width: 30px;
height: 30px;
margin-top: 5px;
margin-left: 9px;
}
Merci à vous.