Sujets similaires

Sujet: Titres décalés Mar 27 Nov 2012, 13:29

Bonsoir !

J'aurai besoin de vos services pour un nouveau problème.
Voilà : Je faisais le thème de Noël de mon forum et j'entre dans un sous-forum pour voir si tout va bien et là, je vois mes titres, noms d'utilisateurs, vues de topic tout décalés.

Comme ça :

Spoiler:

Comment puis-je y remédier ?
Merci d'avoir lu et de prendre le temps de m'aider :3

Bonne soirée !

Sujet: Re: Titres décalés Mer 28 Nov 2012, 07:14

Bonjour,

Pourrait-on avoir un lien vers ton forum ainsi que ton CSS pour mieux voir ce qu'il en est ? J'ai déjà vu cette erreur donc j'ai une idée de ce qu'il en est, mais difficile à expliquer si on n'a rien sous la main !

(Enfin, j'imagine que par "décalés" tu veux dire que la hauteur des cellules est trop grande ? Parce que sinon je ne vois rien d'anormal...)

Sujet: Re: Titres décalés Mer 28 Nov 2012, 10:24

Bien sûr, le voilà : http://ianaisho.forumgratuit.org/

Et voilà mon CSS :

Code:: a {
text-decoration: none;
}

.bodyline{
-moz-box-shadow: 0px 0px 60px white;
box-shadow: 0px 0px 60px white;
-webkit-box-shadow: 0px 0px 60px white;
}

/* DEBUT FICHE REGLEMENT TEMPLACTIF */

.reglement fieldset {
-webkit-border-radius: 20px;
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius: 20px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomleft: 50px;
border-radius: 20px;
border-top-right-radius: 50px;
border-bottom-left-radius: 50px;
text-align: justify;
border: 3px solid Crimson;
padding: 0px;
}

.reglement fieldset p {
padding: 10px;
}

.reglement fieldset legend {
font-size: 25px;
padding: 10px;
color : Crimson;
font-family: Georgia;
font-style: italic;
text-transform: uppercase;
text-shadow: 1px 1px 0px white;
align: center;
}

.soustitre {
display: block;
-webkit-border-radius: 20px;
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius: 20px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomleft: 50px;
border-radius: 20px;
border-top-right-radius: 50px;
border-bottom-left-radius: 50px;
margin-left: -3px;
background-color: Crimson;
text-align: center;
color: white;
}

/* FIN FICHE REGLEMENT TEMPLACTIF*/

body
{
background-position: top center;
}

.bodyline {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

body {
margin: 0px;
}

td.row1, td.row2, td.row3, td.row3Right {
background:url('http://www.pixenli.com/images/1353/1353852077093114300.gif');
}

.bodyline {
background-image: url("http://www.pixenli.com/images/1353/1353851394068831500.png");
background-position: center}

a:hover {
text-decoration: none !important;
}

b {
text-shadow: 1px 1px 2px grey;
}

bold {
text-shadow: 1px 1px 2px grey;
}

strong {
text-shadow: 1px 1px 2px grey;
}

a.forumlink:link, a.forumlink:visited {
font-size: 24px;
font-family: Times New Roman;
text-align : right ;
color: #2E0505;
font-size: 24px;
letter-spacing: -3px;
padding-left: 0px;
padding-right: 3px;
padding-bottom: 0px;
padding-top: 3px;
margin-bottom: -10px;
margin-right:40px;
display: block;
text-transform: uppercase;
text-shadow: 1px 1px 1px #000000;
font-weight:normal;
}

a.forumlink:hover, a.forumlink:hover:visited {
color: #826565;
display: block;
}

/*
|--------------------------------------------------------------------------
| PAGE D'ACCUEIL
|--------------------------------------------------------------------------
*/

/* Propriétés générales */
.block, .titre, .lien {

background-repeat: no-repeat;
padding:5px;
background-position:center;
background-color : #f29ba1;
box-shadow: 0px 0px 2px #000000;
}

.block, .lien {
text-align: center;
padding: 10px;
}

td {
vertical-align: top;
}

/* Images */
.block-partenaires img, .thumbnail > div {
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
-webkit-transition: opacity 1s;
-htm-transition: opacity 1s;
transition: opacity 1s;
}

.block-partenaires img {

opacity: 0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
}

.block-partenaires img:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

.thumbnail {
position: absolute;
z-index: 0;
margin:1px;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail > div {
position: absolute;
left: -2000px;
padding: 5px;
margin: auto;
background-color: #000000;
color: #ffffff;
text-shadow: 0px 0px 8px #000000;
border: #ffffff 1px solid;

opacity: 0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
}

.thumbnail:hover > div {
top: 0px;
left: 0px;
width: 99px;
height: 41px;

opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);

}

/* Liens */

.titrepa{
text-align : center ;
font-size: 20px;
color:#5c1219;
text-shadow: 1px 1px 0px #ffffff;
font-variant: small-caps;
padding-top: 3px;
padding-bottom: 3px;
font-weight: bold;
}

a.tstaff {
display: block;
text-align: center;
margin-top: 95px;
}

.block a {
text-decoration: none;
}

/* Blocs */
.block-welcome {
height: 120px;
overflow: auto;
text-align: justify;
margin-left:10px;
margin-right:10px;
padding:5px;
}
.block-staff {
height: 120px;
text-align: justify;
margin-left:10px;
margin-right:10px;
padding:5px;
}

.opacite {
opacity: 0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
}
.opacite:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

.block-welcome {
width: 400px;
}

.block-staff {
width: 320px;
}

.block-staff table {
margin: auto;
}

.block-staff td {
width: 92px;
}

.block-partenaires, .block-nouveautes, .block-credits {
width: 220px;
height: 110px;
padding:5px;
margin-left:10px;
margin-right:10px;
}

.block-partenaires > div, .block-nouveautes > div, .block-credits > div {
width: 220px;
height: 98px;
}

/* Titres */
.titre {
font-family: impact;
font-size: 14px;
padding: 4px;
margin: auto;
margin-bottom: 5px;
}

.titre-welcome {
height: 130px;
width: 20px;
padding: 7px;
margin-right: -4px;
margin-top: 15px;
text-align: center;

border-right: 0px #ffffff solid;
}

.titre-staff {
width: 130px;
text-align: center;
}

.titre:hover {
background: #FFFFFF;
color: #000000;
text-shadow: 0px 0px 8px #000000;
}

.titre-welcome:hover {
background: #000000;
color: #ffffff;
text-shadow: 0px 0px 8px #ffffff;
}

span.infoadmins {
position: relative;
text-decoration: none;
}
span.infoadmins span.bulle {
display: none;
font-size: 12px;
}
span.infoadmins:hover {
background: none;
z-index: 999;
cursor: help;
}
span.infoadmins:hover span.bulle {
display: inline;
position: absolute;
left: -10px;
width; 150px;
top:10px;
color: #5c1219;
background-color : #fadbe1;
border : 2px solid #5c1219;
padding: 3px;
-moz-border-radius: 5px;
}

span.infoadmins span.bulles {
display: none;
font-size: 10px;
}

span.infoadmins:hover span.bulles {
display: inline;
position: absolute;
left: 50px;
width; 150px;
top:0px;
color: #5c1219;
background-color : #fadbe1;
border : 2px solid #5c1219;
padding: 3px;
-moz-border-radius: 5px;
}

.menunav {
width: 210px;
padding:2px;
background-color:#fadbe1;
border-left : 2px solid #5c1219;
border-right : 2px solid #5c1219;
}
.menunav:hover {
width: 210px;
background-color:#fadbe1;
color: #5c1219;
letter-spacing:1px;
border-left : 2px solid #5c1219;
border-right : 2px solid #5c1219;
}

.opaque {
opacity : 0.5;
-moz-transition : opacity 1s;
-webkit-transition : opacity 1s;
}

.opaque:hover {
opacity : 1;
}

/*catégorie*/

.desc{
background-color: #fff;
padding: 6px; /*marge interne*/
-moz-border-radius:8px 8px 8px 8px;
border:1px solid #dadada;
width:60%;
}
.racc{
background-color: #fff;
padding: 6px; /*marge interne*/
-moz-border-radius:8px 8px 8px 8px;
border:1px solid #dadada;
width:40%;}
.bord{
border:1px solid #dadada;}