Membres


Pas encore membre ?
inscrivez-vous ici

Connexion :
Login
Code
Mot de passe perdu ?
Liste des membres

Mise en forme du site

Mise en forme du site


Mise en forme du site     Posté le 29/06/2008 à 11:18
Rolland75
Membre
rolland75
18 posts
Inscrit le : 29/06/2008
Bonjour tout le monde !


Je me permets de vous demander de l'aide, car j'ai quelques petits problèmes a mettre en place l'ossature de mon site. Je souhaite en fait, faire un graphisme dans ce genre là :

http://www.essm-leportel.fr/

Ce qui m'intéresse surtout, c'est d'avoir les bandes de gauche et de droite (en vert et blanc), pour qu'elles entourent mon tableau principal, où sera affiché le contenu de mon site. Mais je n'arrive pas a séparé ces éléments, les lignes se répètent dans mon tableau, ce qui fait que j'ai toute ma page en vert et blanc...

J'espère avoir été assez clair, je reste dispo pour de plus amples informations smiley

Merci d'avance !

________________________
RoRoRolland...
 
Réponse à : Mise en forme du site     Posté le 30/06/2008 à 00:59
cityves
Membre
Avatar
Site perso
551 posts
Inscrit le : 10/12/2004
bonsoir,
un lien vers la page car là on a pas d'éléments smiley


_______________________
c'est déjà assez triste de n'avoir rien à dire !!!
Si en plus il fallait se taire.....
 
Réponse à : Mise en forme du site     Posté le 30/06/2008 à 11:12
rolland75
Membre
Avatar
18 posts
Inscrit le : 29/06/2008
Je fais mon site via easyphp mais je veux bien vous envoyer un screener de la page...

Mais peut-on uploader une image ? smiley

_______________________
RoRoRolland...
 
Réponse à : Mise en forme du site     Posté le 30/06/2008 à 11:15
cityves
Membre
Avatar
Site perso
551 posts
Inscrit le : 10/12/2004
bonjour,
une image ne nous donnera pas le code de ta page smiley

_______________________
c'est déjà assez triste de n'avoir rien à dire !!!
Si en plus il fallait se taire.....
 
Réponse à : Mise en forme du site     Posté le 30/06/2008 à 11:39
rolland75
Membre
Avatar
18 posts
Inscrit le : 29/06/2008
Effectivement mais j'avais compris d'apres ton message que tu voulais plutot un visu que du code...

Sinon voici mon code :

<table width="100%" height="100%" border="0" align="left" cellpadding="0" cellspacing="0">
              <tr><td align="center" height="100%" bgstyle="color: #FFFFFF" style="background-image:url('images/fond.gif');background-repeat:repeat-x;">&nbsp;</td></tr>
            </table>

    <!-- Debut du tableau formant le site -->
    <table width="800" border="1" align="center" cellpadding="0" cellspacing="0">
    
<tr><td></br></br></td></tr>
    CONTENU DU SITE
    
    </table> 
    <!--  fin du tableau du site -->

    <table width="100%" height="100%" border="0" align="right" cellpadding="0" cellspacing="0">
              <tr><td align="center" height="100%" bgstyle="color: #FFFFFF" style="background-image:url('images/fond.gif');background-repeat:repeat-x;">&nbsp;</td></tr>
    </table>


Voila je sais que ca ne peut pas aller, mais je ne trouve pas de solutions.

Merci pour votre aide.

smiley

_______________________
RoRoRolland...
 
Réponse à : Mise en forme du site     Posté le 1/07/2008 à 09:32
cityves
Membre
Avatar
Site perso
551 posts
Inscrit le : 10/12/2004
bonjour,

Un site en trois colonnes, un seul tableau suffit smiley
tu peux bien sur imbriquer un tableau dans un autre mais en l'occurrence là tu as fait trois tableaux smiley

un tableau de base style:

<table>
<tr>
<td>colonne gauche</td>
<td>colonne centre</td>
<td>colonne droite</td>
</tr>
</table>

vois sur ce principe c'est la base il y a d'autres moyens mais bon je connais pas ton niveau de connaissances et donc si besoin jette un œil sur les differents cours de base de construction d'un site smiley

_______________________
c'est déjà assez triste de n'avoir rien à dire !!!
Si en plus il fallait se taire.....
 
Réponse à : Mise en forme du site     Posté le 2/07/2008 à 00:13
rolland75
Membre
Avatar
18 posts
Inscrit le : 29/06/2008
Merci je vais aller voir ces cours avant de redemander si nécessaire. smiley

_______________________
RoRoRolland...
 
Réponse à : Mise en forme du site     Posté le 2/07/2008 à 01:55
rolland75
Membre
Avatar
18 posts
Inscrit le : 29/06/2008
Re,

Voila j'ai avancé dans ce que je voulais faire...Je ne souhaite pas faire des colonnes, mais utilisé les propriétés du body, notamment avec le background. Voici le code :


<body style="background:url(images/fond.gif); background-repeat:repeat-x; background-attachment:fixed;">
    
    <!-- Debut du tableau formant le site -->
    <table width="800" border="1" align="center" cellpadding="0" cellspacing="0">
    
    <!-- banniere du site -->
    <tr>
        <td colspan="3">BANIERE</br></br></br></br></br></td>
    </tr>
    
    <!-- petite bande deroulante -->
    <tr>
        <td colspan="3">Bande deroulante</td>
    </tr>
    
    <tr>
        <!-- menu du site -->
        <td width="130"><?php include 'inc/menu.php'?></td>
        
        <!-- centre du site -->
        <td width="520">NEWS</br></br></br></br></br></br></br></br></br></br></br&g t;</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>&l t;/br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>< /td>
        
        <!-- autres informations -->
        <td width="150">Partenaires</br></br></br></br></br></td>
    </tr>
    
    </table> 
    <!--  fin du tableau du site -->


</body>


Le problème est que même le tableau est coloré par l'image de fond, or je ne souhaite pas qu'il le soit !
Comment faire ?!? smiley

PS : Mon image de fond fait 1*500px que je repete

_______________________
RoRoRolland...
 
Réponse à : Mise en forme du site     Posté le 2/07/2008 à 10:58
rolland75
Membre
Avatar
18 posts
Inscrit le : 29/06/2008
Probleme résolu smiley

_______________________
RoRoRolland...
 
Vous n'est pas connecté en temps que membre, parceque j'en ai marre du spam, SEUL les membres peuvent poster des messages sur le forum.

Nous  -  Plan du site  -  Informations légale  -  Contact  -  © Graphiks.net