Vous n'êtes pas connecté - 1 Membre connecté
Catégories
Graphisme
Flash (49)
Print (64)
Programmation
PHP (63)
ASP (2)
CSS (24)
Hardware
PC (34)
Mac (14)
Linux (5)
Divers
Blabla (241)
881 Sujets
11882 Réponses
Programmation > CSS > scroll horizontal
scroll horizontal
Bonjour le monde !

je suis en plein (auto)apprentissage des techniques web (css, php...)
Pour ce faire, j'essaye de me créer un portfolio, en scroll horizontal (c'est peut-être pas le plus simple pour commencer, mais bon...)

Voilà mon problème :
je vais à terme, uploader des images de largeurs différentes, mais lorsque je les positionne "en ligne", ma <div> qui les contient ne s'adapte pas en largeur, elle s'arrête à la fenetre du navigateur... donc pas de scroll horizontal...

Comment faire ?

le chantier

la css
Posté le 14 11 2007 à 13h53
nanook - Membre - www

Réponses - scroll horizontal
<< 1 2 >>
merci je vais regarder ça ce soir. Je débute donc pas mal d'erreurs

Sylvadoc> pas tout compris à la première partie de ton message... tu pourrais développer un peu steuplé ? merci bocoup en tout cas
Posté le 22 11 2007 à 09h25
nanook - Membre - www
En fait, un ID, c'est unique. Une class par contre, tu peux la répéter plusieurs fois par page. Par exemple tu vas utiliser une ID pour ta div conteneur (il n'y en aura probablement qu'une) mais une class pour les divs de tes articles (il y a autant de div que d'article).
Ensuite ton doctype. Et bien le doctype en gros donne au serveur quel type de page il doit interpréter. Tu lui as servi du HTML 4 or tu codes ta page moitié en HTML (balises vlink, text, bgcolor, etc.) et moitié en XHTML (tu fermes tes balises img, tu essayes de séparer structure et graphisme). Il faut dont choisir soit un doctype html, soit un doctype xhtml. Par exemple comme tu es commences juste, utilises un doctype xhtml 1 transitionnal.

Enfin tu te sers de trop de propriétés dans tes css (sans doute pour débugger) et qui ne servent strictement à rien sinon à rajouter des bugs ^^. En fait la css dans ton cas est assez simple :

#contenu {
    height: 540px;
    min-width: 100%;
}
* html #conteneur { // pour donner un style seulement à IE6
width: 100%;
}
.article { // et non #article car tu utilises plusieurs fois la div (dans le html <div class="article"> )
float: left;
}
* html div.article {
display: inline; // pour éviter que IE6 ne te double tes marges si jamais tu en mets
}

Un truc du genre pourrait marcher :)
Posté le 22 11 2007 à 11h43
Sylvadoc - Membre - www
merci, j'y vois un peu plus clair. Va falloir que je fouille un peu tout ça...
Posté le 22 11 2007 à 12h23
nanook - Membre - www
re-up

bon ça avance un petit peu, j ai uploader de bouzin

faites pas gaffe, je sais que les menus ne sont pas encore complètement séparés mais ça va venir, le gros problème est toujours au niveau du scroll horizontal qui merde encore, ça marche bien si j mets "width:30000px" mais ça fait pas tres pro, et pis ça me plait pas, na !

sylvadoc> pas encore tout compris au doctype, masi je ne désespère pas


un jour je serais compétent en web...
Posté le 26 11 2007 à 19h50
nanook - Membre - www
tu peux gérer ton width avec php||Asp||js, une variable qui compte le nombre de fiche, et hop tu génères ta css dynamiquement. ça fera croire que t'es un pro :p [pimpon]
Posté le 27 11 2007 à 08h56
o0o - Administrateur - www
Ho des exemples marrant, et abusons du bouton url:

thehorizontalway.com(horizontal)
fetenationaleduslip.fr...
panic.com
dannyblackman.com (vertical)
Posté le 29 11 2007 à 15h30
o0o - Administrateur - www
<< 1 2 >>
Sujets CSS
<< 1 2 3 >>
une page en (...)
Auteur : nicosla
Posté le 27 08 2008 à 15h18
6 Réponses (Nouveau sujet)
Sujet visité 196 fois
IE… de merde !!!
Auteur : Amo
Posté le 09 06 2008 à 15h45
21 Réponses (Nouveau sujet)
Sujet visité 1196 fois
Help !!! Bug menu (...)
Auteur : askhanir
Posté le 03 04 2008 à 13h46
14 Réponses (Nouveau sujet)
Sujet visité 874 fois
Sorte de fondu sur un (...)
Auteur : Lacrevette
Posté le 26 02 2008 à 22h20
4 Réponses (Nouveau sujet)
Sujet visité 519 fois
scroll horizontal
Auteur : nanook
Posté le 14 11 2007 à 13h53
16 Réponses (Nouveau sujet)
Sujet visité 2045 fois
Taille d'une image (...)
Auteur : LaGothine
Posté le 11 11 2007 à 21h27
10 Réponses (Nouveau sujet)
Sujet visité 1138 fois
Problème de (...)
Auteur : benzor
Posté le 21 09 2007 à 17h19
15 Réponses (Nouveau sujet)
Sujet visité 1105 fois
[CSS] Le retour est (...)
Auteur : bioz
Posté le 26 08 2007 à 11h48
2 Réponses (Nouveau sujet)
Sujet visité 793 fois
CSS pour print
Auteur : askhanir
Posté le 31 07 2007 à 11h00
3 Réponses (Nouveau sujet)
Sujet visité 707 fois
Safari et les inputs
Auteur : aguenard
Posté le 01 05 2007 à 21h35
8 Réponses (Nouveau sujet)
Sujet visité 1717 fois
<< 1 2 3 >>
Mentions légales   -   Crédits   -   Nous contacter   -   © Benzor 2006