Forum-webmaster 
Technique - programmation => HTML / CSS / XHTML => Message commencé par: poiuy le le 10-05-2013 a 17:36:23
Titre: beug pour css
Posté par: poiuy le le 10-05-2013 a 17:36:23
Bonjour à tous,

Tout petit soucis qui me prend du temps depuis ce matin je transpire.
J'ai un site de charme et j'ai effectué quelque modife au niveau du css, il me manque tres peut de chose a faire, seulement juste à modifier la couleur de 2 ou 3 lignes dans mes pages. C'est là ou je fais appel à vos connaissance!! impossible de trouver dans le css ce que je dois modifier. JE BEUG.
Merci d'avance à ceux qui voudrons bien m'aider.


Titre: Re:beug pour css
Posté par: RichardM le le 10-05-2013 a 20:52:17
Bonjour,

ne croyez-vous pas que votre post est dénué d'informations utiles?
Il n'y a pas de lien, pas de précision quant à l'emplacement des couleurs à modifier, rien ...

Donnez-nous un lien, avec la zone à modifier, et je vous donnerai une réponse plus précise.


Cordialement,
Richard M
Titre: Re:beug pour css
Posté par: poiuy le le 10-05-2013 a 21:12:08
Effectivement

Site concerné htpp://www.annuaire.accesporn.fr

/
body {
margin:0;
   padding:0;
   line-height:1.4em;
   font-family:Tahoma, Verdana, Arial, sans-serif;
   font-size:0.8em;
   color:#000000;
   background-color:#000000;
}


#principal {
   position:relative;
   width:1000px;
   margin:0 auto;
}

/* TOP OF PAGE | HAUT DE LA PAGE */
#top1 {
   height:200px;
   margin:0;
   padding:0;
   background:url("../images/bg_header.png") left no-repeat #000000;
}

#top2 {
   height:37px;
   margin:0;
   padding:0;
   background:url("../images/bg_menuheader.png") top left repeat-x #000000;
}

#top3 {
margin:0;
padding:0;
   background-color:#000000;
}

/* hack IE6 */
* html #top3{
   margin-bottom:-13px;
}

/* hack IE7 */
*+html #top3{
   margin-bottom:-13px;
}

/* SEARCH FORM */
#search {
   float:left;
   width:927px;
   margin:20px 0 14px 0;
   padding:22px 34px 22px 34px;
   border:1px #000000 solid;
   background-color:#5F5C5C;
}

#search_keyword_text {
   float:left;
   width:370px;
   margin:0 0 7px 0;
   padding:0;
   color:#000000;
   font-weight:bold;
   font-size:1.6em;
}

#search_where_text {
   float:left;
   width:550px;
   margin:0 0 7px 0;
   padding:0;
   color:#000000;
   font-weight:bold;
   font-size:1.6em;
}

#search_keyword_buton {
   float:left;
   width:280px;
   margin:0;
   padding:2px;
   border:1px #000000 solid;
}

#search_where_buton {
   float:left;
   width:280px;
   margin:0 0 0 87px;
   padding:2px;
   border:1px #000000 solid;
}

#search_ok_buton {
   float:left;
   width:100px;
   margin:0 10px 0 14px;
   padding:1px;
   border:1px #000000 solid;
   text-align:center;
   cursor:pointer;
}

#searchEngineExtraFields {
   display:none;
   clear:both;
}

div.search_cat_place {
float:left;
width:200px;
   margin:17px 0 0 0;
text-align:left;
}

Titre: Re:beug pour css
Posté par: poiuy le le 10-05-2013 a 21:12:40
select#searchEngineCategoryId {
width:200px;
   margin:0 0 7px 0;
   border:1px #000000 solid;
}

.selectCategory {
   color:#ffffff;
   background-color:#000000;
}

.selectSubcategory {
   background-color:#000000;
}

div.din_search_engine {
float:right;
width:700px;
   margin:0px;
text-align:left;
}

/* BOTTOM OF PAGE | BAS DE LA PAGE */
#bottom {
width:100%;
height:120px;
margin:14px 0 0 0;
padding:0;
background:url("../images/bg_footer.gif") top left repeat-x #000000;
}

#column_bottom {
   position:relative;
width:1000px;
   margin:0 auto;
padding:17px 0 0 0;
   font-size:0.8em;
   text-align:center;
}


/* MENU */
#main1 {
   margin:0;
   padding:0;
   background-color:#000000;
}

#main2 {
   margin:0;
   padding:0;
   background-color:#000000;
}

#left {
   float:left;
   width:0;
   margin:0;
   padding:0;
}

#right {
   float:right;
   width:222px;
   margin:0;
   padding:0;
}

/* MENU TOP */
#menutop2 {
   float:left;
   width:1000px;
   height:37px;
   margin:0;
   padding:0;
}

#menutop2 ul {
   margin:0;
   padding:0;
   list-style-type:none;
}

#menutop2 li {
   display:inline;
   float:left;
   width:116px;
   margin:0;
   padding:0;
   font-weight:bold;
   font-size:1em;
}

#menutop2 li#index {
   display:inline;
   float:left;
   width:110px;
   margin:0;
   padding:0;
}

#menutop2 li#news {
   display:inline;
   float:left;
   width:115px;
   margin:0;
   padding:0;
}

#menutop2 li#tophits {
   display:inline;
   float:left;
   width:111px;
   margin:0;
   padding:0;
}

#menutop2 li#topnotes {
   display:inline;
   float:left;
   width:120px;
   margin:0;
   padding:0;
}

#menutop2 li#toprank {
   display:inline;
   float:left;
   width:110px;
   margin:0;
   padding:0;
}

#menutop2 li#topref {
   display:inline;
   float:left;
   width:134px;
   margin:0;
   padding:0;
}

#menutop2 li#cat {
   display:inline;
   float:left;
   width:130px;
   margin:0;
   padding:0;
}

#menutop2 li#add {
   display:inline;
   float:left;
   width:170px;
   margin:0;
   padding:0;
}

#menutop2 li a {
   display:block;
   height:37px;
   line-height:37px;
   margin:0;
   padding:0 5px 0 5px;
   color:#ffffff;
   text-align:center;
}

#menutop2 li a:hover, #menutop2 li a:focus, #menutop2 li a:active {
   display:block;
   height:37px;
   line-height:37px;
   margin:0;
   padding:0 5px 0 5px;
   color:#ffffff;
   text-align:center;
   text-decoration:underline;
}

/* MENU LEFT, RIGHT */
.menuleft {
   float:left;
   width:220px;
   margin:7px 0 0 0;
   padding:0;
   background:url("../images/bg_menu_r_l.gif") left repeat-y transparent;
}

.menuright {
   float:left;
   width:220px;
   margin:7px 0 0 0;
   padding:0;
   background:url("../images/bg_menu_r_l.gif") left repeat-y transparent;
}

.menuleft ul, .menuright ul {
   margin:0;
   padding:0;
   list-style-type:none;
}

.menuleft li, .menuright li {
   margin:0;
   padding:0;
   display:inline;
}

.menuleft li.header, .menuright li.header {
   display:block;
   margin:0;
   padding:9px 0 5px 5px;
   font-weight:bold;
   font-size:1.1em;
   color:#000000;
   border-bottom:1px #000000 solid;
background:url("../images/bg_menu_header.png") top left no-repeat transparent;
}

.menuleft li.text, .menuright li.text {
   display:block;
   line-height:1.1em;
   margin:0;
Titre: Re:beug pour css
Posté par: poiuy le le 10-05-2013 a 21:13:11
padding:3px 0 2px 6px;
   color:#000000;
   background:url("../images/bg_menu_r_l.gif") left repeat-y transparent;
}

.menuleft li.text_last, .menuright li.text_last {
   display:block;
   margin:0;
   padding:0 0 0 6px;
   color:#000000;
   background-color:transparent;
   border-bottom:1px #000000 solid;
}

.menuleft li a, .menuleft li a:link, .menuleft li a:visited, .menuleft li.last a, .menuleft li.last a:link, .menuleft li.last a:visited,
.menuright li a, .menuright li a:link, .menuright li a:visited, .menuright li.last a, .menuright li.last a:link, .menuright li.last a:visited{
   display:block;
   line-height:1.1em;
   margin:0 0 0 1px;
   padding:3px 0 2px 8px;
   color:#ffffff;
   text-decoration:none;
}

.menuleft li.last a, .menuleft li.last a:link, .menuleft li.last a:visited,
.menuright li.last a, .menuright li.last a:link, .menuright li.last a:visited {
   border-bottom:1px #000000 solid;
}

.menuleft li a:hover, .menuleft li a:active, .menuleft li.last a:hover, .menuleft li.last a:active,
.menuright li a:hover, .menuright li a:active, .menuright li.last a:hover, .menuright li.last a:active {
   display:block;
   width:212px;
   line-height:1.1em;
   margin:0 0 0 1px;
   padding:3px 0 2px 5px;
   color:#ffffff;
   background-color:#000000;
   text-decoration:none;
}

.menuleft li.last a:hover, .menuleft li.last a:active,
.menuright li.last a:hover, .menuright li.last a:active {
   border-bottom:1px #000000 solid;
}

/*Menu Tag Cloud */
/* cloudTag1*/
.menuright li.cloudTag1 a, .menuright li.cloudTag1 a:link, .menuright li.cloudTag1 a:visited {
   display:inline;
   margin:0;
   padding:3px 0 2px 2px;
   font-size:0.7em;
   color:#000000;
   background-color:transparent;
   text-decoration:none;
}

.menuright li.cloudTag1 a:hover, .menuright li.cloudTag1 a:active {
   margin:0;
   padding:3px 0 2px 2px;
   font-size:0.7em;
   color:#000000;
   background-color:transparent;
   text-decoration:none;
}

/* cloudTag2*/
.menuright li.cloudTag2 a, .menuright li.cloudTag2 a:link, .menuright li.cloudTag2 a:visited {
   display:inline;
   margin:0;
   padding:3px 0 2px 2px;
   font-size:0.8em;
   color:#000000;
   background-color:transparent;
   text-decoration:none;
}

.menuright li.cloudTag2 a:hover, .menuright li.cloudTag2 a:active {
   margin:0;
   padding:3px 0 2px 2px;
   font-size:0.8em;
   color:#000000;
   background-color:transparent;
   text-decoration:none;
}

/* cloudTag3*/
.menuright li.cloudTag3 a, .menuright li.cloudTag3 a:link, .menuright li.cloudTag3 a:visited {
   display:inline;
   margin:0;
   padding:3px 0 2px 2px;
   font-size:0.9em;
   color:#000000;
   background-color:transparent;
   text-decoration:none;
}

.menuright li.cloudTag3 a:hover, .menuright li.cloudTag3 a:active {
   margin:0;
   padding:3px 0 2px 2px;
   font-size:0.9em;
   color:#000000;
   background-color:transparent;
   text-decoration:none;
}

/* cloudTag4*/
.menuright li.cloudTag4 a, .menuright li.cloudTag4 a:link, .menuright li.cloudTag4 a:visited {
   display:inline;
   margin:0;
   padding:3px 0 2px 2px;
   font-size:1.0em;
   color:#000000;
   background-color:transparent;
   text-decoration:none;
}

.menuright li.cloudTag4 a:hover, .menuright li.cloudTag4 a:active {
   margin:0;
   padding:3px 0 2px 2px;
   font-size:1.0em;
   color:#000000;
   background-color:transparent;
   text-decoration:none;
}

/* cloudTag5*/
.menuright li.cloudTag5 a, .menuright li.cloudTag5 a:link, .menuright li.cloudTag5 a:visited {
   display:inline;
   margin:0;
Titre: Re:beug pour css
Posté par: poiuy le le 10-05-2013 a 21:13:39
padding:3px 0 2px 2px;
   font-size:1.1em;
   color:#000000;
   background-color:transparent;
   text-decoration:none;
}

.menuright li.cloudTag5 a:hover, .menuright li.cloudTag5 a:active {
   margin:0;
   padding:3px 0 2px 2px;
   font-size:1.1em;
   color:#000000;
   background-color:transparent;
   text-decoration:none;
}

/* cloudTag6*/
.menuright li.cloudTag6 a, .menuright li.cloudTag6 a:link, .menuright li.cloudTag6 a:visited {
   display:inline;
   margin:0;
   padding:3px 0 2px 2px;
   font-size:1.2em;
   color:#000000;
   background-color:transparent;
   text-decoration:none;
}

.menuright li.cloudTag6 a:hover, .menuright li.cloudTag6 a:active {
   margin:0;
   padding:3px 0 2px 2px;
   font-size:1.2em;
   color:#000000;
   background-color:transparent;
   text-decoration:none;
}

/* cloudTag7*/
.menuright li.cloudTag7 a, .menuright li.cloudTag7 a:link, .menuright li.cloudTag7 a:visited {
   display:inline;
   margin:0;
   padding:3px 0 2px 2px;
   font-size:1.3em;
   color:#000000;
   background-color:transparent;
   text-decoration:none;
}

.menuright li.cloudTag7 a:hover, .menuright li.cloudTag7 a:active {
   margin:0;
   padding:3px 0 2px 2px;
   font-size:1.3em;
   color:#000000;
   background-color:transparent;
   text-decoration:none;
}

/* cloudTag8*/
.menuright li.cloudTag8 a, .menuright li.cloudTag8 a:link, .menuright li.cloudTag8 a:visited {
   display:inline;
   margin:0;
   padding:3px 0 2px 2px;
   font-size:1.4em;
   color:#000000;
   background-color:transparent;
   text-decoration:none;
}

.menuright li.cloudTag8 a:hover, .menuright li.cloudTag8 a:active {
   margin:0;
   padding:3px 0 2px 2px;
   font-size:1.4em;
   color:#000000;
   background-color:transparent;
   text-decoration:none;
}

/* cloudTag9*/
.menuright li.cloudTag9 a, .menuright li.cloudTag9 a:link, .menuright li.cloudTag9 a:visited {
   display:inline;
   margin:0;
   padding:3px 0 2px 2px;
   font-size:1.5em;
   color:#000000;
   background-color:transparent;
   text-decoration:none;
}

.menuright li.cloudTag9 a:hover, .menuright li.cloudTag9 a:active {
   margin:0;
   padding:3px 0 2px 2px;
   font-size:1.5em;
   color:#000000;
   background-color:transparent;
   text-decoration:none;
}

/* cloudTag10*/
.menuright li.cloudTag10 a, .menuright li.cloudTag10 a:link, .menuright li.cloudTag10 a:visited {
   display:inline;
   margin:0;
   padding:3px 0 2px 2px;
   font-size:1.6em;
   color:#000000;
   background-color:transparent;
   text-decoration:none;
}

.menuright li.cloudTag10 a:hover, .menuright li.cloudTag10 a:active {
   margin:0;
   padding:3px 0 2px 2px;
   font-size:1.6em;
   color:#000000;
   background-color:transparent;
   text-decoration:none;
}
/* Menu left - Keyword */
.menuleft_text_2 {
   float:left;
   width:215px;
   margin:7px 0 0 0;
   padding:9px 0 5px 5px;
   font-weight:bold;
   font-size:1.1em;
   border-bottom:1px #000000 solid;
   color:#000000;
   background:url("../images/bg_menu_header.png") top left no-repeat transparent;
}

.menuleft_keywords {
   width:53px;
   float:left;
   margin:0;
   padding:0;
Titre: Re:beug pour css
Posté par: poiuy le le 10-05-2013 a 21:14:10
display:inline;
}   

.menuleft_keywords ul {
   display:inline;
   float:left;
   padding:0;
   margin:0;
   list-style-type:none;
}

.menuleft_keywords li {
   float:left;
   width:53px;
   display:inline;
   padding:0;
   margin:0 0 -2px 0;
}

.menuleft_keywords li a, .menuleft_keywords li a:link, .menuleft_keywords li a:visited {
   display:inline;
   height:19px;
   line-height:19px;
   margin:0;
   padding:0 0 0 6px;
   font-weight:bold;
   color:#000000;
   background-color:transparent;
   text-decoration:none;
}

.menuleft_keywords li a:hover, .menuleft_keywords li a:active {
   height:19px;
   line-height:19px;
   margin:0;
   padding:0 0 0 6px;
   font-weight:bold;
   color:#ff0000;
   background-color:transparent;
   text-decoration:none;
}

.menuleft_text_keywords {
   display:block;
   float:left;
   width:218px;
   height:177px;
   margin:0;
   padding:0;
   border-right:1px #000000 solid;
   border-bottom:1px #000000 solid;
   border-left:1px #000000 solid;
}

/* MENU CATEGORIES */
.menucategories {
   float:left;
   width:246px;
   margin:0;
   padding:0 0 0 2px;
}

.menucategories ul {
   padding:0;
   margin:0;
   list-style-type:none;
}

.menucategories li.maincat {
   float:left;
   width:246px;
   display:inline;
   padding:0;
   margin:5px 0 5px 0;
}

.menucategories li.subcat {
   float:left;
   width:246px;
   display:inline;
   padding:0;
   margin:-10px 0 4px 0;
}

.menucategories li.keyword {
   float:left;
   width:246px;
   display:inline;
   padding:0;
   margin:5px 0 5px 0;
}

.menucategories li.maincat a, .menucategories li.maincat a:link, .menucategories li.maincat a:visited {
   display:inline;
   width:246px;
   height:20px;
   line-height:20px;
   margin:0;
   padding:0 3px 0 3px;
   font-size:1.1em;
   font-weight:bold;
   text-decoration:underline;
   color:#ffffff;
}

.menucategories li.maincat a:hover, .menucategories li.maincat a:active {
   width:246px;
   height:20px;
   line-height:20px;
   margin:0;
   padding:0 3px 0 3px;
   color:#ffffff;
   font-size:1.1em;
   font-weight:bold;
   text-decoration:underline;
   background-color:#000000;
}

.menucategories li.subcat a, .menucategories li.subcat a:link, .menucategories li.subcat a:visited {
   width:246px;
   height:20px;
   line-height:20px;
   margin:0;
   padding:0 3px 0 3px;
   color:#ffffff;
   font-size:0.9em;
   text-decoration:none;
   background-color:transparent;
}

.menucategories li.subcat a:hover, .menucategories li.subcat a:active {
   width:246px;
   height:20px;
   line-height:20px;
   margin:0;
   padding:0 3px 0 3px;
   color:#000000;
   font-size:0.9em;
   text-decoration:none;
   background-color:transparent;
}

.menucategories li.keyword a, .menucategories li.keyword a:link, .menucategories li.keyword a:visited {
   display:inline;
   width:246px;
   height:20px;
   line-height:20px;
   margin:0;
   padding:0 3px 0 3px;
   font-size:1.1em;
   font-weight:bold;
   text-decoration:underline;
   color:#ffffff;
}

.menucategories li.keyword a:hover, .menucategories li.keyword a:active {
   width:246px;
   height:20px;
   line-height:20px;
   margin:0;
   padding:0 3px 0 3px;
   color:#000000;
   font-size:1.1em;
   font-weight:bold;
   text-decoration:underline;
   background-color:ffffff;
}

/* MENU
Titre: Re:beug pour css
Posté par: poiuy le le 10-05-2013 a 21:14:34
PAGERANK, KEYWORDS IN */
#menuin {
   float:left;
   width:752px;
   padding:7px;
   margin:0 0 7px 0;
   border:1px #000000 solid;
   text-align:center;
}

#menuin ul {
   padding:0;
   margin:0;
   list-style-type:none;
}

#menuin li {
   padding:0;
   margin:0;
   display:inline;
}

#menuin li a, #menuin li a:link, #menuin li a:visited {
   display:inline;
   margin:0;
   padding:0 0 0 3px;
   color:#000000;
   font-weight:bold;
   text-decoration:none;
}

#menuin li a:hover, #menuin li a:active {
   margin:0;
   padding:0 0 0 3px;
   color:#ffffff;
   font-weight:bold;
   text-decoration:none;
}

/* MENU CHOOSE WEBSITE SUBMISSION */
.column_in_choose_left {
float:left;
width:300px;
margin:0 0 7px 0;
padding:7px;
text-align:center;color:#ffffff
}

.column_in_choose_right {
float:right;
width:300px;
margin:0 0 7px 0;
padding:7px;
text-align:center;color:#ffffff
}


.menuchoose_left {
height:200px;
margin:0 0 20px 0;
padding:0;
font-size:2.4em;
text-transform:uppercase;
}
.menuchoose_right {
height:200px;
margin:0 0 20px 0;
padding:0;
font-size:2.1em;
text-transform:uppercase;
}

.menuchoose_left ul, .menuchoose_right ul {
padding:0;
margin:0;
list-style-type:none;
}

.menuchoose_left li, .menuchoose_right li {
float:left;
width:270px;
padding:0;
margin:0;
display:inline;
}

.menuchoose_left li a, .menuchoose_left li a:link, .menuchoose_left li a:visited {
   display: block;
height:200px;
   line-height:180px;
margin:0;
padding:0 0 0 7px;
text-decoration:none;
   color:#ffffff;
background:url("../images/free.png") top no-repeat transparent;
}

.menuchoose_right li a, .menuchoose_right li a:link, .menuchoose_right li a:visited {
   display: block;
height:200px;
   line-height:180px;
margin:0;
padding:0 0 0 20px;
text-decoration:none;
   color:#ffffff;
background:url("../images/privilege.png") top no-repeat transparent;
}

.menuchoose_left li a:hover, .menuchoose_left li a:active {
   display: block;
height:200px;
   line-height:180px;
margin:0;
padding:0 0 0 7px;
color:#000000;
background-color:transparent;
text-decoration:none;
}

.menuchoose_right li a:hover, .menuchoose_right li a:active {
   display: block;
height:200px;
   line-height:180px;
margin:0;
padding:0 0 0 20px;
color:#000000;
background-color:transparent;
text-decoration:none;
}

/* MENU DETAILS */
.menudetails {
float:right;
width:213px;
margin:14px 0 7px 0;
padding:0 0 0 7px;
border-left:1px #878787 solid;
}

.menudetails ul {
margin:0;
padding:0;
list-style-type:none;
}

.menudetails li {
   display:inline;
margin:0;
margin:0;
}

.menudetails li#header_interaction {
   display:block;
line-height:1.1em;
margin:0 0 2px 0;
padding:0 2px 2px 0;
color:#000000;
text-decoration:underline;
   text-align:center;color:#ffffff
}

.menudetails li#header_info_google {
   display:block;
line-height:1.1em;
margin:15px 0 2px 0;
padding:0 2px 2px 0;
color:#000000;
text-decoration:underline;
   text-align:center;color:#ffffff
}

.menudetails li.text {
   display:block;
line-height:1.1em;
margin:0;
padding: 2px 0px 2px 0;
   font-size:0.9em;
color:#000000;
}

.menudetails li#warn {
   display:block;
line-height:0.8em;
margin:0;
padding: 2px 0 2px 0;
color:#000000;
}

.menudetails li#comment_rating {
   display:block;
line-height:0.8em;
margin:0;
padding: 2px 0 2px 0;
color:#000000;
}

.menudetails li#contact {
   display:block;
line-height:0.8em;
margin:0;
padding: 2px 0px 2px 0;
color:#000000;
}

.menudetails li a, .menudetails li a:link, .menudetails li a:visited {
   display:block;
line-height:0.8em;
padding: 3px 2px 2px 0;
   font-size:0.9em;
color:#000000;
background-color:transparent;
text-decoration:none;
}

.menudetails li a:hover, .menudetails li a:active {
line-height:0.8em;
padding: 3px 2px 2px 0;
color:#000000;
background-color:transparent;
text-decoration:underline;
}

/* CENTRAL PAGE */      
#middle {
   margin:0;
   margin-right:222px;
   margin-left:0;
   background:#000000;
}
Titre: Re:beug pour css
Posté par: poiuy le le 10-05-2013 a 21:21:55
1er cas: sur la page index il y a ecrit 3 4 ligne qui est en noir et donc qu'on voit pas car le fond est en noir.
2e cas la marge de la catégorie de droite est bleu impossible de la mettre en noir.
3e cas une fois dans que vous avez cliqué dans catégorie qui situé dans le header vous aller être diriger sur une page. Sur cette page se trouve des textes j'aimerai mettre les texte en blanc là ou se trouve le noir.
J'espere que vous allez me comprendre

si il manque du css me le faire savoir car j(ai pas tout mis trop long
Titre: Re:beug pour css
Posté par: poiuy le le 11-05-2013 a 12:04:52
Personne pour me reseigner???

Autre petit souci je n'arrive pas à centre mon footer il part sur la droite voici le css.

{
@property "footer";
font-size: 11px;
color: @primaryLighter;
padding-top: 10px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
overflow: hidden;
zoom: 1;
@property "/footer";
}

.footer a,
.footer a:visited
{
@property "footerLink";
color: rgb(32, 69, 103);
padding: 5px;
display: block;
@property "/footerLink";
}

.footer a:hover,
.footer a:active
{
@property "footerLinkHover";

@property "/footerLinkHover";
}

.footer .choosers
{
@property "footerLeftBlock";
float: left;
overflow: hidden;
zoom: 1;
@property "/footerLeftBlock";
}

.footer .choosers dt
{
display: none;
}

.footer .choosers dd
{
float: left;
}

.footerLinks
{
@property "footerRightBlock";
float: right;
overflow: hidden;
zoom: 1;
@property "/footerRightBlock";
}

.footerLinks li
{
float: left;
}

.footerLinks a.globalFeed
{
width: 14px;
height: 14px;
display: block;
text-indent: -9999px;
white-space: nowrap;
background: url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px;
padding: 0;
margin: 5px;
}

.footerLegal .pageContent
{
background: url('@imagePath/xenforo/xenfocus/sep_bar.png') repeat-x;
font-size: 11px;
overflow: hidden; zoom: 1;
padding: 8px 15px 5px !important;
margin-top: 3px;
text-align: center;
}

#copyright
{
color: rgb(100,100,100);
float: left;
}

#legal
{
float: right;
}

#legal li
{
float: left;
margin-left: 10px;
}



.left {
float: left;
}
.right {
float: right;
}
.lastr {
margin-right: 0px;
}
.lastl {
margin-left: 0px;
}
.mid {
margin: 0 auto;
}
.mt20 {
margin-top: 3.5%;
}
.mr20 {
margin-right: 5%;
}
.ml20 {
margin-left: 5%;
}
.mb20 {
margin-bottom: 3.5%;
}
.wrapper {
width: 940px;
margin: 0 auto;
}
a {
color: #187181;
text-decoration: none;
outline: 0;
}
a:hover {
text-decoration: underline; }
hr {
background-color:#dadada;
border-width:0;
border-top: #dadada 1px solid;
border-bottom: 1px solid #fff;
color:#444;
height:0px;
line-height:0;
margin-bottom: 2.5em;
page-break-after:always;
text-align:center;
}


#footer {
padding: 40px 0 40px 0;
border-top: 1px solid #444444;

font-weight: 200;
}

#footer ul {
margin: 0px 0px 0px 0px;
}
#footer ul li {
float: left;
width: 160px;
margin-right: 10px;
}
#footer ul li h3 {
padding-bottom: 10px;
border-bottom: 1px solid #141414;

color: #7f7f7f;
font-size: 14px;
font-weight: 300;
text-shadow: 0 -1px 0 #000000;
}

#footer ul li ul {
margin-top: 0;

color: #7f7f7f;
text-shadow: 0 -1px 0 #000000;
}
#footer ul li ul.enkompass li h3 /*, #footer ul li ul.last, footer ul li ul.last li.last*/ {
margin-top: 30px;
border-top: none;
}
/*#footer ul li ul.enkompass li.first-child {
border-top: none;
}*/
#footer ul li ul li {
margin-bottom: 10px;
padding-bottom: 2px;
}
#footer ul li ul li.first-child/*, #footer ul li ul.enkompass li.first-child ul li.first-child*/ {
padding-top: 10px;
border-top: 1px solid #3c3c3c;
}
#footer ul li ul li a {
color: #7f7f7f;
text-decoration: none;
}
#footer ul li ul li a:hover {
text-decoration: underline;
}

#footer ul li.connect {
background-color: #2e2e2e;
padding: 10px;
margin: -10px 0 0 0;
width: 200px;
border-top: 1px solid #1b1b1b;
border-bottom: 1px solid #3c3c3c;

border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#footer ul li.connect ul li {
width: 200px;
}
#footer ul li.connect ul li.facebook a {
display: block;
background: transparent url(images/facebook-icon.png) top left no-repeat;
height: 25px;
padding: 13px 0 0 48px;
}
#footer ul li.connect ul li.twitter a {
display: block;
background: transparent url(images/twitter-icon.png) left top no-repeat;
height: 25px;
padding: 13px 0 0 48px;
}
#footer ul li.connect ul li.flickr a {
display: block;
background: transparent url(images/flickr-icon.png) left top no-repeat;
height: 25px;
padding: 13px 0 0 48px;
}
#footer ul li.connect ul li.linkedin a {
display: block;
background: transparent url(images/linkedin-icon.png) left top no-repeat;
height: 25px;
padding: 13px 0 0 48px;
}
#footer ul li.connect ul li a:hover {
background-position: bottom left;
}

#footer ul li.connect ul li.legal {
margin-top: 35px;

font-size: 11px;
line-height: 1.4em;
text-align: center;
}
#footer ul li.connect ul li.legal a {
color: #bbbbbb;
}
Titre: Re:beug pour css
Posté par: poiuy le le 11-05-2013 a 16:46:04
Re bonjour à tous.

1- Je n'arrive pas à mettre mon footer droit il part sur la droite de l'ecran j'aimerai qu'il soit centré.
2- Ca concerne les couleurs, mon blackground de mon site et noir hors j'ai des écritures qui sont noir aussi donc se voit pas ( noir sur noir ) j'ai beau chercher je trouve pas dans mon css.

Je remercie d'avance aux personnes qui vont prendre le temps de m'aider


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.