Retour au site Sites du réseau: MonWebDesign.com | Forum-permis.com
 FAQFAQ   RechercherRechercher   Liste des MembresListe des Membres  Groupes d'utilisateursGroupes d'utilisateurs   S'enregistrerS'enregistrer 
 ProfilProfil   Se connecter pour vérifier ses messages privésSe connecter pour vérifier ses messages privés   ConnexionConnexion 


Connexion
Nom d'utilisateur:    Mot de passe:      Se connecter automatiquement à chaque visite    

Alignement :P chez mr firefox !

 
Poster un nouveau sujet   Répondre au sujet    Forums phpBB-Graph.com Index du Forum -> Support & Developpement
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
sham_ren
Visiteur
Visiteur


Inscrit le: 08 Fév 2006
Messages: 2

MessagePosté le: 08 Fév 2006 17:37    Sujet du message: Alignement :P chez mr firefox ! Répondre en citant

Bonjour, voila, j'ai modifié un peut mon theme pour qu'il colle un peut plus à l'ambiance de mon site, mais je voudrais alligner tout le forum (le centrer)

Voila, en fait, j'ai réussi à changer les couleurs, et à mettre une taille compatible 800X600

Voir ma modif : http://kantizfansub.free.fr/forums
Voir l'original : http://www.phpbb-design.com/phpBB2_styles_demo/theme/?s=201

Pourtant j'ai vraiment tout modifier, il ne devrais pas y avoir de problème et j'y arrive avec IE, mais pas avec firefox !!!!

Aider moi svp, j'ai tout essayé, je ne comprend vraiment pas !
J'ai mis des center partout lol, dans le css, et dans l'header !

Enfin, a tous les endroits susseptible de faire changer le truc Sad

Le CSS :
Code:
/* The content of the posts (body of text) */
body{margin-left: auto; margin-right: auto;width:798px;background:#000000;color:#e7e7e7;font:12px Verdana,Arial,Helvetica,sans-serif;margin:6px;padding:0;
scrollbar-3dlight-color: #6a6a6a;
scrollbar-arrow-color: #fc9b00;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #444444;
scrollbar-highlight-color: #444444;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #2e2e2e}

/* General font families for common tags */
font,th,td,p{font:12px Verdana,Arial,Helvetica,sans-serif}
p{margin-top:2px;margin-bottom:3px}

/* General text */
.gensmall{font-size:10px}
td.genmed,.genmed{font-size:11px}
.explaintitle{font-size:11px;font-weight:bold;color:#ff0000}

/* General page style */
a:link,a:active,a:visited,a.postlink{color:#d00000;text-decoration:none}
a:hover{color:#990000}

/* titles for the topics:could specify viewed link colour too */
.topictitle{font-size:11px;font-weight:bold}
a.topictitle:visited{color:#ca6000}
a.topictitle:hover{color:#990000}

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name{font-size:11px;font-weight: bold}

hr{border: 0px solid #000000;border-top-width:1px;height:0px}

/* Category gradients*/
td.cat{font-weight:bold;letter-spacing:1px;background:#000000 url(images/cellpic1.gif);
height:29px;text-indent:4px}

a.cattitle,a.cattitle:visited{color:#990000}
a.cattitle:hover{color:#bc0000}

/* Main table cell colours and backgrounds */
.row1{background:#121212}
.row2,.helpline{background:#202020}
.row3{background:#414141}
td.spacerow{background:#000000}

/* This is for the table cell above the Topics,Post & Last posts on the index.php */
td.rowpic{background: #000000 url(images/cellpic2.jpg) repeat-y}

/* Table Header cells */
th{background: #171717 url(images/cellpic3.gif);color: #8e8e8e;font-size:11px;
font-weight:bold;height:27px;white-space:nowrap;text-align:center;padding-left:8px;padding-right:8px}

/* This is the border line & background colour round the entire page */
.bodyline{background:#000000;border:1px solid #282828;margin-left: auto; margin-right: auto}

/* This is the outline round the main forum tables */
.forumline{background:#010101;border:1px solid #282828}

/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1{
font:bold 20px/120% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;text-decoration:none;color:#990000}

.subtitle,h2{font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
text-decoration:none}

/* Used for the navigation text,(Page 1,2,3 etc) and the navigation bar when in a forum */
.nav{font-size:11px;font-weight:bold}
.postbody{font-size:12px;line-height:125%}

/* Location,number of posts,post date etc */
.postdetails{font-size:10px;color:#8a8a8a}

/* Quote blocks */
.quote{background:#525252;border:1px solid #000000;color:#e7e7e7;
font-size:11px;line-height:125%}

/* Code blocks */
.code{background:#545454;border:1px solid #000000;color:#fff8dc;
font:12px Courier,"Courier New",sans-serif;padding:5px}

/* This is for the error messages that pop up */
.errorline{background:#282828;border:1px solid #000000}

/* Form elements */
form{display:inline}

input{font:11px Verdana,Arial,Helvetica,sans-serif;color:#e7e7e7}

select{background:#202020;color:#e7e7e7;font:11px Verdana,Arial,Helvetica,sans-serif}

input.post,textarea.post{background:#202020;border:1px solid #000000;color:#e7e7e7;
font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px}

input.button,input.liteoption,.fakebut{border:1px solid #990000;background:#202020;font-size:11px;color:#bc0000}
input.catbutton{border:1px solid #990000;background:#202020;font-size:10px}
input.mainoption{border:1px solid #990000;background:#202020;font-size:11px;font-weight:bold}

a.but,a.but:hover,a.but:visited{color:#bc0000;text-decoration:none}

/* This is the line in the posting page which shows the rollover
help line. Colour value in row2 */
.helpline{border:0 solid;font-size:10px}

/* This is the gradient background at the top of the page */
.topnav{font-size:10px;background: #1d1c19 url(images/cellpic_nav.gif) repeat-x;color:#bc0000;
height:21px;white-space:nowrap;border: 0px solid #990000;border-width: 1px 0px 1px 0px}

/* Admin & Moderator Colours MODification */
.admin,.mod{font-size:11px;font-weight:bold}
.admin,a.admin,a.admin:visited{color:#ffa34f}
.mod,a.mod,a.mod:visited{color:#006699}
a.admin:hover,a.mod:hover{color:#990000}

/* Specify the space around images */
.imgtopic,.imgicon{margin-left:3px}
.imgspace{margin-left:1px;margin-right:2px}
.imgfolder{margin:1px 4px 1px 4px}

/* Gets rid of the need for border="0" on hyperlinked images */
img{border:0 solid}



Et l'overal_header :
Code:
<?xml version="1.0" encoding="{S_CONTENT_ENCODING}"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="templates/fiblack/{T_HEAD_STYLESHEET}" type="text/css" />
<!-- BEGIN switch_enable_pm_popup -->
<script type="text/javascript">
<!--
   if ( {PRIVATE_MESSAGE_NEW_FLAG} )
   {
      window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
   }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body>
<a name="top" id="top"></a>
<p align=center>
<table class="bodyline" width=798px cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td>
<table class="topbkg" width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td><a href="{U_INDEX}"><img src="templates/fiblack/images/phpbb2_logo.jpg" border="0" alt="{L_INDEX}" title="{L_INDEX}" width="796" height="110" /></a></td>
<td align="center" width="100%">&nbsp;</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="2" align="center">
<tr>
<td align="center" class="topnav">&nbsp;<a href="{U_FAQ}">{L_FAQ}</a>&nbsp; •&nbsp; <a href="{U_SEARCH}">{L_SEARCH}</a>
&nbsp;• &nbsp;<a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a>&nbsp; •
&nbsp;<a href="{U_GROUP_CP}">{L_USERGROUPS}</a>
<!-- BEGIN switch_user_logged_out -->
&nbsp; • &nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a>
<!-- END switch_user_logged_out -->
&nbsp;• &nbsp;<a href="{U_PROFILE}">{L_PROFILE}</a>&nbsp; • <br>&nbsp;<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>&nbsp;
• &nbsp;<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="10" align="center">
<tr>
<td>
</p>



Aider moi svp, j'en ai vraiment mare !
@+
Revenir en haut
Voir le profil de l'utilisateur Envoyer un message privé
Spy-Seth
VIP
VIP


Inscrit le: 28 Oct 2004
Messages: 1295
Localisation: Montpellier

MessagePosté le: 08 Fév 2006 21:43    Sujet du message: Répondre en citant

Déajs design original été extensible et parfaitement conpatible en 800*600, le tiens n'est plus extensible Smile


Sinon tu entoures tout se qui est dans body avec un div auquel tu donne une id, puis tu à cet id tu definies une largeur à se div, et enfin tu demandes des marge droite et gauche automatique

Code:
div#tu_lapel_com_tu_veu {
   width:largeur_du_design;
   height:auto;
   text-align:center;
   }


Code:
<body><div id="tu_lapel_com_tu_veu">

ton code template

</div></body>

_________________

Vous aimer l'équitaion ? seulement le cheval ? Visiter chevalvert.info
Revenir en haut
Voir le profil de l'utilisateur Envoyer un message privé Envoyer l'e-mail Visiter le site web du posteur
sham_ren
Visiteur
Visiteur


Inscrit le: 08 Fév 2006
Messages: 2

MessagePosté le: 09 Fév 2006 13:56    Sujet du message: Répondre en citant

Merci beaucoup =)
Revenir en haut
Voir le profil de l'utilisateur Envoyer un message privé
Montrer les messages depuis:   
Poster un nouveau sujet   Répondre au sujet    Forums phpBB-Graph.com Index du Forum -> Support & Developpement Toutes les heures sont au format GMT
Page 1 sur 1

 
Sauter vers:  
Vous ne pouvez pas poster de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas voter dans les sondages de ce forum
Vous pouvez joindre des fichiers
Vous pouvez télécharger des fichiers


Powered by phpBB © 2001, 2005 phpBB Group