28173 sujets

CSS et mise en forme, CSS3

Probleme d'affichage du fond de l'image

salutation,

J'ai un problème et j'espère que vous pourrez m'aider .

le fond d'écran de ses page ne se place pas comme je voudrai, sur la première page il demenage mon alignement de ma boite de centrer a gauche

http://starbase31.site.voila.fr/

en voici les codes :

code css :

/* CORPS ET MENU */

body {
font-size: 13px;
font-family: arial;
font-weight: none;
color: #EDEDED;
background-color: #000000;
background-image: url(../images/fond.jpg);
background-repeat: no-repeat;
background-position: right;
z-index: auto;
}
table {
margin-left: 15px;
margin-top: 15px;
}
.style1 {
color: #7E7E7E;
text-decoration: none;
font-family: arial;
font-weight: none;
font-size: 13px;
}
.style2 {
color: #DEDEDE;
text-decoration: none;
font-family: arial;
font-weight: none;
font-size: 13px;
}
a {
color: #DEDEDE; /* Couleur des liens du menu dans l'action */
text-decoration: none;
font-family: arial;
font-weight: none;
font-size: 13px;
}
a:hover {
color: #333333;
text-decoration: underline overline; /* Décoration du texte du menu dans l'action*/
font-family: arial;
font-weight: none;
font-size: 13px;
}
table{
color: #666666;
text-decoration: none;
font-family: arial;
font-weight: normal;
font-size: 13px;
}
.forumline {
background-color: none;
border: 2px #0A0A0A solid;
}
dt, dl, ul, li { /* Configuration du menu */
margin: 2px; /* Marge internet */
padding: 0px; /* Espacement du menu et sous menu */
list-style-type: none; /* Point liste */
border: 2px solid #131313; /* Taille et couleur de la bordure*/
}

dd { /* Configuration du menu */
margin: 0px; /* Marge internet */
padding: 0px; /* Espacement du menu et sous menu */
list-style-type: none; /* Point liste */
}

#menu { /* Position du menu */
width: 165px; /* Hauteur de la ligne exterieur du menu */
position: absolute; /* Position du menu sur la page */
top: 178px;
left: 825px;
z-index:100;
}

#menu dl {
float: left;
width: 12em;
margin: 1px;
background: #000000; /* Fond */
}

#menu dt { /* Le menu */
cursor: pointer;
text-align: center;
font-weight: none;
font-size: 13px; /* Taille de la police */
background: #131313; /* Fond */
}

#menu dd { /* Taille du sous menu et couleur */
width: 164px; /* Largeur du sous menu */
background: #000000; /*Fond*/
color: none; /* Couleur des liens */
text-decoration: none; /* Décoration du texte */
}

#menu li { /* Configuration des liens du sous menu */
text-align: center; /* Alignage des liens */
background: #0C0C0C; /* Fond des liens */
}

#menu li a:hover, #menu dt a:hover{
background: #0A0A0A; /* Fond dans l'action */
color: #ABABAB; /* Couleur des liens du menu dans l'action */
}


code html :

<html>
<head>
<title>Bienvenue sur la starbase 31</title>
<meta name="star, trek, startrek, jeu, jeu de role, role, mail, jeu par mail, Play by mail, PBem, Raven, USS, uss, U.S.S. u.s.s.">
<meta name="Jeu de role base sur la mysterieuse section 31, ratachee a Starfleet Intelligence, les services secrets de la federation">
<link href="CSS/Format_menu.css" type=text/css rel=stylesheet>
</head>



<body>
<p>&nbsp;</p>
<p>&nbsp;</p>
<table width="570" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/entree.jpg" alt="Bienvenue sur ce vaisseau" width="570" height="300"></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td><div align="center"><a href="bienvenue.html">Entr&eacute;e</a></div></td>
</tr>
</table>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">Site
optimisé pour firefox 2.0 en 1024 X 768 </p>
<p align="center"> Mise à jour constante - Version
1.0 - 2007</p>
<p align="center">&copy;
Tous droits r&eacute;serv&eacute;s &agrave; la Paramount et associ&eacute;s.</p>
</body>

</html>

pourt la seconde page donc voici la page

http://starbase31.site.voila.fr/bienvenue.html

sur la seconde la boite est bien placee mais pas le fondil faut il reste en haut au lieu de se ce centrer sur la droite

voici le code html : <head>
<title>Menu</title>
<link href="CSS/Format_menu.css" type=text/css rel=stylesheet>

<script type="text/javascript">
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}

</script>
<script language="JavaScript" type="text/javascript">
function PopWindow1()
{
window.open('Nouveautes.htm','TEST1','width=300,height=450,menubar=no,scrollbars=yes,toolbar=no,location=no,directories=no,resizable=no,top=20,left=15');
}
</head>
</script>
<body>
<table width="950" border="0" align="center">
<tr>
<td>&nbsp;</td>
<td>blabla</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</body>
</html>

Pour le code css, c'est le même ça va s'en dire

si quelqu'un peut m'aider cela serai très apprécier

Merci d'avance

je precise que cela est fait que juste sous firefox je n'ai aucun probleme sous internet explorer
Administrateur
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Sujet clos
Aller à