5568 sujets

Sémantique web et HTML

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.
Bonsoir,

Pas assez d'information pour t'aider : un code CSS sans code HTML est inutile. Une page en ligne serait même mieux que poster ton code directement dans ce sujet (à défaut on se contentera de ça). Smiley cligne

De même, il serait bien que tu encadres les codes (par [ code][ /code] sans les espaces) que tu laisses dans ton sujet ceci par souci de lisibilité pour chacun. Smiley smile