Metagames  


Précédent   Metagames > Discussions Générales > Informatique > Développement

Développement Programmation et POO (C, C++, Java, Python ...) et Développement Orienté Web (HTML, CSS, PHP, SQL, W3C ...)

Réponse
 
Outils de la discussion Modes d'affichage
Vieux 22/09/2006, 23h01   #1 (permalink)
Profil
ドリームキャストメンバー
Ancienneté  84%
Ancienneté 84%
 
Avatar de SiZiOUS
 
Date d'inscription: mai 2006
Âge: 36
Pays :
Messages: 914
Téléchargements: 0
Uploads: 0
Merci: 51
Remercié 60 fois dans 30 Posts
Par défaut [Résolu] Faire une disposition sans table

Salut à tous,

Voilà j'essaye de faire un layout sans tables, en utilisant les div et les CSS. Le problème c'est que même pour faire un truc simple c'est trop prise de tête, je m'embrouille comme pas possible avec les blocs en position float et ça me fait n'importe quoi (genre quand y'a trop de texte le bloc descends plus bas...). C'est bizarre et je comprends pas pourquoi ça fait ça.

J'aimerais avoir ça :


Voici mon code HTML :
Code:
<body>

<div id="container">

    <!-- Logo -->
    <div id="logoheader">head</div>
    
    <!-- Menu -->
    <div id="menu">
        menu......
    </div>

    <!-- Left menu -->
    <div id="leftcontent">
            <ul>
                <li><a href="#">Menu 1</a></li>
                <li><a href="#">Menu 2</a></li>
            </ul>
    </div>    


    <!-- main content -->
    <div id="content">
    <h1>
        CONTENU ... blablabla
    </h1>
    
    </div>

    <!-- footer -->
    <div id="footer">footer</div>

</div>

</body>
Et voici le CSS :
Code:
body {
    margin: 10px;
    font-family: Trebuchet MS;
    font-size: 12px;
}

div {
    border: red 2px solid;
}

/* Parties générales */

div#container {
    width: auto;
}

div#logoheader {
    text-align: left;
}

div#leftcontent {
    float: left;
    width: 180px;
    height: 100%;
}

div#content {
    float: top;
    /* float: left; */
    width: auto;
}

div#footer{
    clear: both;
    width: 100%;
}
Voilà merci beaucoup pour votre aide. Si vraiment ça me prend trop la tête ça sera avec des tables... Mais bon je me suis dit autant me mettre au CSS "pour de vrai".
__________________
[big_fury]SiZiOUS, http://sbibuilder.shorturl.com/

Dernière modification par SiZiOUS ; 26/09/2006 à 14h10.
SiZiOUS est déconnecté   Réponse avec citation
Vieux 22/09/2006, 23h24   #2 (permalink)
Profil
6
Administrateur
Ancienneté  88%
Ancienneté 88%
 
Avatar de 6
 
Date d'inscription: mai 2006
Messages: 1 458
Téléchargements: 2
Uploads: 0
Entrées dans le blog: 2
Merci: 3
Remercié 11 fois dans 5 Posts
Par défaut

Toi il te faut des cours

http://pompage.net/pompe/cssdezero-1/

Reprends bien tout depuis le debut, sans rien sauter, le CSS n'aura plus de secrets pour toi
__________________
Zero was here, mofo
6 est déconnecté   Réponse avec citation
Vieux 23/09/2006, 20h09   #3 (permalink)
Profil
ドリームキャストメンバー
Ancienneté  84%
Ancienneté 84%
 
Avatar de SiZiOUS
 
Date d'inscription: mai 2006
Âge: 36
Pays :
Messages: 914
Téléchargements: 0
Uploads: 0
Merci: 51
Remercié 60 fois dans 30 Posts
Par défaut

Merci pour ton lien 6. Cette page en particulier m'intéresse beaucoup

Merci beaucoup.
__________________
[big_fury]SiZiOUS, http://sbibuilder.shorturl.com/
SiZiOUS est déconnecté   Réponse avec citation
Vieux 26/09/2006, 13h26   #4 (permalink)
Profil
Bernard Tapette
Ancienneté  99%
Ancienneté 99%
 
Avatar de bad wolf
 
Date d'inscription: mai 2006
Pays :
Messages: 6 837
Téléchargements: 0
Uploads: 0
Entrées dans le blog: 7
Merci: 1
Remercié 272 fois dans 147 Posts
Par défaut

http://css.alsacreations.com/modeles/modele4.htm

clic droit / afficher le code source


pour d'autre styles de mise en page : http://css.alsacreations.com/Modeles...en-page-en-CSS
bad wolf est déconnecté   Réponse avec citation
Vieux 26/09/2006, 14h09   #5 (permalink)
Profil
ドリームキャストメンバー
Ancienneté  84%
Ancienneté 84%
 
Avatar de SiZiOUS
 
Date d'inscription: mai 2006
Âge: 36
Pays :
Messages: 914
Téléchargements: 0
Uploads: 0
Merci: 51
Remercié 60 fois dans 30 Posts
Par défaut

Merci bad10 mais j'avais déjà réussi avec le tutorial de 6 J'avoue ne pas avoir pensé d'aller voir ce fabuleux site qu'est Alsacreations, j'y penserais la prochaine fois
__________________
[big_fury]SiZiOUS, http://sbibuilder.shorturl.com/
SiZiOUS est déconnecté   Réponse avec citation
Réponse
Précédent   Metagames > Discussions Générales > Informatique > Développement

Outils de la discussion
Modes d'affichage

Règles de messages
Vous ne pouvez pas créer de nouvelles discussions
Vous ne pouvez pas envoyer des réponses
Vous ne pouvez pas envoyer des pièces jointes
Vous ne pouvez pas modifier vos messages

Les balises BB sont activées : oui
Les smileys sont activés : oui
La balise [IMG] est activée : oui
Le code HTML peut être employé : non
Trackbacks are non
Pingbacks are non
Refbacks are non


Discussions similaires
Discussion Auteur Forum Réponses Dernier message
disposition des boutons vengence Arcade 2 20/02/2010 17h02
[RESOLU] S.F.U? que dois-je faire? mani411 Wii 5 10/01/2010 11h12
comment faire passer punch out!! sans faire la maj 3.4?? tchong95 Wii 25 11/06/2009 09h17
[Résolu] Comment modifier FMCB sans faire de bêtise? MickeyBlue Playstation 2 4 04/05/2009 17h25
[Résolu]Comment faire detecter manette sans fil sur pack core ? silentdie Xbox 360 12 29/01/2007 00h50


Fuseau horaire GMT +1. Il est actuellement 22h08.


© 2003-2018 MetaGames. Tous droits réservés.