 | |
| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
Shnaps frontpage mioche
 |
Besoin d'aide ^^ , Posté le: 05-12-2006 11:44 |
|
|
Bonjour,
J'ai un problème avec l'impression des pages d'un site. Cela viens des options d'impression style.css et print.css : cela coupe la page sur la droite (il me manke le dernier quart droit de la page).
Je met le code source des feuilles de style et si qqun voit pkoi cela coupe la page cela m'aiderai bcp (il faut ke le site soit prêt rapidement).
Merci d'avance.
_style.css:
body {
text-align: center;
background-color: #DAF2FC;
}
body img {
display: block;
float: left;
}
#container {
width: 750px;
margin: 0 auto;
background: url(background.jpg) repeat-y;
display: table;
}
#main {
float: left;
width: 734px;
padding: 0px 7px 15px 7px;
}
/**En-tête**/
#header {
background: url(header5.jpg) no-repeat;
text-align: left;
}
#header p {
padding: 40px 0px 40px 20px;
margin: 0;
font-family: Arial, Tahoma;
font-size: 24pt;
}
/**Menu gauche et droite: Liens**/
#space {
float: left;
width: 160px;
height: 32px;
background: url(space.jpg);
}
#linksrow {
width: 735px;
float: left;
}
#links {
float: left;
width: 530px;
height: 32px;
padding-left: 25px;
padding-right: 20px;
background: url(links.jpg) no-repeat;
}
#links ul {
list-style: none;
margin: 0;
padding: 0;
}
#links ul li {
margin-top: 5px;
margin-bottom: 5px;
font-family: Arial, Tahoma, Verdana;
font-size: 13pt;
color: #FFF;
float: left;
}
#links ul li a {
margin-left: 25px;
color: #FFF;
text-decoration: none;
}
#links ul li a:visited {
color: #FFF;
text-decoration: none;
}
#links ul li a:hover {
font-weight: bold;
}
/**Titre du contenu**/
#contentTitle {
position: relative;
/**Déplacement sur l'image**/
top: -30px;
/*********************/
float: left;
width: 735px;
height: 30px;
background: url(contenttitle.gif) no-repeat;
margin: 0;
text-align: left;
}
#contentTitle p {
font-family: Lucida, Tahoma;
font-weight: bold;
font-size: 100%;
padding: 8px 0px 0px 12px;
margin: 0;
}
/**Colonnes**/
#leftCol {
position: relative;
top: -30px;
width: 210px;
float: left;
}
#leftCol p {
margin: 0;
text-align: left;
font-family: 'Lucida Grande', Verdana;
font-size: 8pt;
}
.leftcolHeading {
width: 210px;
float: left;
margin-top: 10px;
border: 1px solid;
color: #A6A6A6;
}
.leftcolHeading h3 {
color: #000;
margin: 0;
font-family: 'Times New Roman', Tahoma;
}
/**Contenu Général**/
#mainCol {
position: relative;
top: -30px;
margin-left: 8px;
width: 510px;
float: left;
}
#mainCol p {
margin: 0;
text-align: left;
font-family: 'Lucida Grande', Verdana;
font-size: 10pt;
}
.mainColHeading {
width: 510px;
float: left;
margin-top: 10px;
border: 1px solid;
color: #A6A6A6;
text-align: left;
}
.mainColHeading h3 {
margin: 0;
padding: 3px 0px 5px 15px;
font-family: Tahoma, Verdana;
color: #000;
}
#footer {
width: 750px;
background: url(topbot.jpg) repeat-y;
float: left;
font-family: Tahoma, Verdana;
font-size: 8pt;
}
/**Contenu Général Image**/
.right {
margin: 7px 0px 7px 7px;
float: right;
}
.left {
margin: 7px 7px 7px 0px;
float: left;
}
.zoom {
height:300px;
}
.zoom p {
text-align:left;
}
.zoom img {
width:150px;
height:150px;
}
.zoom img:hover {
width:200px;
height:200px;
}
.zoom2 {
height:300px;
}
.zoom2 p {
text-align:left;
}
.zoom2 img {
width:125px;
height:175px;
}
.zoom2 img:hover {
width:165px;
height:225px;
}
_print.css:
#header {
width: 735px;
height: 80px;
background: header5.jpg no-repeat;
text-align: left;
}
#header p {
padding: 40px 0px 40px 20px;
margin: 0;
font-family: Arial, Tahoma;
font-size: 24pt;
}
body {
background: white;
}
#content {
width: 500px;
margin: 0 5%;
padding: 0;
border: 0;
float: none !important;
color: black;
background: transparent;
}
Je précise pour finir que c'est un travail que j'ai récupéré par le biais de mon boulot et que si c'est bien le bordel c pas de ma faute j'ai déjà pa mal réorganisé le tout ^^.
Ciao et merci |
|
|
|
|
S'enregistrer
Profil
Se connecter pour vérifier ses messages privés
Rechercher
Membres
FAQ
Connexion
|