Vous n'êtes pas connecté - 1 Membre connecté
Catégories
Graphisme
Flash (50)
Print (65)
Programmation
PHP (66)
ASP (2)
CSS (26)
Hardware
PC (34)
Mac (14)
Linux (5)
Divers
Blabla (257)
926 Sujets
12256 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 >>
[Résolvu]CSS: mes (...)
Auteur : pup
Posté le 07 09 2006 à 15h28
16 Réponses (Nouveau sujet)
Sujet visité 536 fois
Les Css et (...)
Auteur : Tibooo
Posté le 03 09 2006 à 18h12
8 Réponses (Nouveau sujet)
Sujet visité 760 fois
Comment gérer ce (...)
Auteur : koskoz
Posté le 19 08 2006 à 14h08
20 Réponses (Nouveau sujet)
Sujet visité 674 fois
Incompatibilités IE
Auteur : koskoz
Posté le 13 08 2006 à 20h38
22 Réponses (Nouveau sujet)
Sujet visité 598 fois
problème avec un (...)
Auteur : Pierrot
Posté le 09 08 2006 à 15h24
3 Réponses (Nouveau sujet)
Sujet visité 351 fois
[résolu] Probleme (...)
Auteur : Narno
Posté le 08 08 2006 à 17h21
6 Réponses (Nouveau sujet)
Sujet visité 289 fois

Sujet bloqué
<< 1 2 3 >>
Mentions légales   -   Crédits   -   Nous contacter   -   © Benzor 2006