Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1744 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Créer une ligne verticale qui longe la page

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Créer une ligne verticale qui longe la page

n°1141053
nombril
Posté le 05-07-2005 à 17:26:52  profilanswer
 

Bonjour la compagnie,
 
J'ai besoin d'un petit conseil:
Je voudrais descendre une ligne qui part de à peut pres le milieu de la page jusqu'en bas, sur la droite de la page.
 
pour vous faire une idée de la page: allez faire un tour ici
 
je voudrais qu'elle continue en dessous de l'arrondie.
J'ai deux tableaux sur ma page:
 
-un qui englobe la grosse photo avec les petites de droite
-un autre qui contient les petites photos et les fleches.
 
Je voudrais aussi que cette ligne s'adapte sur les autres pages tres facilement.
Comment feriez vous?
 
Merci  ;)

mood
Publicité
Posté le 05-07-2005 à 17:26:52  profilanswer
 

n°1141600
plainsofpa​in
Pingouino's lover
Posté le 06-07-2005 à 08:00:18  profilanswer
 

Comment je ferais ? Sans tableaux :o


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1141602
gatsusat
Posté le 06-07-2005 à 08:01:42  profilanswer
 

une mise en page aussi culcul ca se fait sans tableaux
 
le plus simple serait de mettre la grosse image avec la pelouse en background de ton cadre général (un div conteneur)

n°1141603
plainsofpa​in
Pingouino's lover
Posté le 06-07-2005 à 08:03:46  profilanswer
 

gatsu, sans te vexer, en fait toutes les mises en page se font sans tableaux, tu t'exprimes mal :p
 
Sinon, c'est facile de faire ça en CSS :p
 
Edit : et accessoirement prévoir un site pour le 1024 minimum c'est mal :o


Message édité par plainsofpain le 06-07-2005 à 08:04:57

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1141605
gatsusat
Posté le 06-07-2005 à 08:07:29  profilanswer
 

plainsofpain a écrit :

gatsu, sans te vexer, en fait toutes les mises en page se font sans tableaux, tu t'exprimes mal :p
 
Sinon, c'est facile de faire ça en CSS :p
 
Edit : et accessoirement prévoir un site pour le 1024 minimum c'est mal :o


 
 
han tu veux le fouet touaaaaa
 
Je yeule assez souvent qu'il faut pas faire de tableaux....................
 
on va plutot dire :  
 
Vire moi ton putaing de tableau.
 
et pour ton cadre principal c'est un DIV avec ta grand image de fond vala

n°1142070
nombril
Posté le 06-07-2005 à 14:25:31  profilanswer
 

bin faut pas s'énerver comme ça. Et si j'ai prévu le site pour 1024 c'est que plus personne ne tourne en 800.
 
Et puis vous etes bien gentils de critiquer mes tableaux mais si on me dit pas comment faire autrement...
ça me dit toujours pas comment repeter cette image culcul.

n°1142081
plainsofpa​in
Pingouino's lover
Posté le 06-07-2005 à 14:30:37  profilanswer
 

nombril > plus personne en 800*600 ? J'aimerai bien savoir d'ou tu tiens ces informations fausses :D
 
www.openweb.eu.org , www.alsacreations.com.
 
http://fr.wikipedia.org/wiki/XHTML
 
http://fr.wikipedia.org/wiki/CSS


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1142317
nombril
Posté le 06-07-2005 à 16:20:18  profilanswer
 

non, mais c'est vrai que yen a encore qui tourne en petite résolution, mais comme j'ai beaucoup de photos sur le site, il fallait que je fixe une largeur, et 1000 me semble le mieux sachant que les resolution ne font qu'augmenter...
 
Merci pour les adresses, j'ai déjà épluché pas mal de sites. Apparement faut que je continue...

n°1142343
denzz
huhuuuuu ! (désolé )
Posté le 06-07-2005 à 16:35:03  profilanswer
 

plainsofpain a écrit :

nombril > plus personne en 800*600 ? J'aimerai bien savoir d'ou tu tiens ces informations fausses :D


en même temps les gars, même si c'est mieux pour l'accès au plus grand nombre le 800*600, si on part comme ca en 2030 on y sera toujours...(et accessoirement paris n'aura toujours pas accueilli les JO mais ca c secondaire :p ) ca me fait marrer des gars qui prônent le web codé propre à la 'newschool' mais qui disent que faire du 1024 c'est mal...


Message édité par denzz le 06-07-2005 à 16:35:29
n°1142355
plainsofpa​in
Pingouino's lover
Posté le 06-07-2005 à 16:46:35  profilanswer
 

denzz > archi n'imp
 
Alors tu penses qu'en faisant des sites en 1024 mini, les gens qui ont pas les moyens achèteront quand meme un 17 pouces pour aller voir un site ?  
 
Nan mais faut arrêter la fume hein :D
 
Et puis coder propre si c'est pas accessible au plus grand nombre, ca sert a rien !


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
mood
Publicité
Posté le 06-07-2005 à 16:46:35  profilanswer
 

n°1142368
sircam
I Like Trains
Posté le 06-07-2005 à 16:55:36  profilanswer
 

denzz a écrit :

en même temps les gars, même si c'est mieux pour l'accès au plus grand nombre le 800*600, si on part comme ca en 2030 on y sera toujours...(et accessoirement paris n'aura toujours pas accueilli les JO mais ca c secondaire :p ) ca me fait marrer des gars qui prônent le web codé propre à la 'newschool' mais qui disent que faire du 1024 c'est mal...


Ce genre de motivations spécieuses ne sert finalement que de cache-misère pour les Bricoleurs du Web (TM), incapables de coder proprement.
 
 


---------------
Now Playing: {SYNTAX ERROR AT LINE 1210}
n°1142387
plainsofpa​in
Pingouino's lover
Posté le 06-07-2005 à 17:07:51  profilanswer
 

http://test.roane-irkana.net/2_cols_fluide.htm
 
S'adapte à la résolution.
 
Allez vous faire ***** pourriture de bricoleurs du oueb !


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1142399
zapan666
Tout est relatif
Posté le 06-07-2005 à 17:17:39  profilanswer
 

nombril a écrit :

bin faut pas s'énerver comme ça. Et si j'ai prévu le site pour 1024 c'est que plus personne ne tourne en 800.
 
Et puis vous etes bien gentils de critiquer mes tableaux mais si on me dit pas comment faire autrement...
ça me dit toujours pas comment repeter cette image culcul.


Si, moi sur mon poste Linux (vieille bécanne, 'tout ça...)  
un colègue de bureau aussi (problème de vue - gros caractère etc)


---------------
my flick r - Just Tab it !
n°1142407
denzz
huhuuuuu ! (désolé )
Posté le 06-07-2005 à 17:22:45  profilanswer
 

plainsofpain a écrit :

http://test.roane-irkana.net/2_cols_fluide.htm
 
S'adapte à la résolution.
 
Allez vous faire ***** pourriture de bricoleurs du oueb !


 
 
bon ok , je vais me cacher ;p c'était un moche troll..
n'empêche que, coder QUE pour du 800*600 c'est assez relou.. à la limite un truc qui s'adapte, OK..
même si là c'est plus du 'remplissage de vide' que de l'adaptation, me trompe-je ?


Message édité par denzz le 06-07-2005 à 17:24:11
n°1142409
sircam
I Like Trains
Posté le 06-07-2005 à 17:24:59  profilanswer
 

zapan666 a écrit :

un colègue de bureau aussi (problème de vue - gros caractère etc)


Non mais attends... l'accessibilité pour les mal voyants, on se torche le cul avec. Et les standards W3C aussi. Ca ne concerne qu'une minorité, hein :o
 
Idem pour les bouseux qui n'utilisent pas IE 6+. :o
 
Alors, tu t'achètes une belle grosse machine avec un beau TFT et une belle carte graphique qui tabasse, tu installes Zindowz et tu vires ton nunux à la poubelle :o


Message édité par sircam le 06-07-2005 à 17:25:39

---------------
Now Playing: {SYNTAX ERROR AT LINE 1210}
n°1142521
plainsofpa​in
Pingouino's lover
Posté le 06-07-2005 à 19:08:22  profilanswer
 

Tu es le maillon faible, dehors :o
 
www.roane-irkana.net => tiens, de 640*480 au 2048*chépacombien
 
:p


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1142582
sircam
I Like Trains
Posté le 06-07-2005 à 20:26:44  profilanswer
 

plainsofpain a écrit :

Tu es le maillon faible, dehors :o


Tu plaisantes ? :o
 

plainsofpain a écrit :

www.roane-irkana.net => tiens, de 640*480 au 2048*chépacombien
:p


Comme quoi, les commentaires selon lesquels "oui mais de nos jours", c'est du pipo.  :jap:  


---------------
Now Playing: {SYNTAX ERROR AT LINE 1210}
n°1142609
plainsofpa​in
Pingouino's lover
Posté le 06-07-2005 à 20:42:38  profilanswer
 

Sircam, le maillon faible, ca te concerne pas, et sur mon blog, j'ai juste montré que aux normes, sans hack, quand on connait les navigateurs et leurs soucis, c'est facile de faire de l'étirable :p


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1142666
sircam
I Like Trains
Posté le 06-07-2005 à 21:16:24  profilanswer
 

plainsofpain a écrit :

Sircam, le maillon faible, ca te concerne pas


Ah, ça va alors [:dawa]

plainsofpain a écrit :

et sur mon blog, j'ai juste montré que aux normes, sans hack, quand on connait les navigateurs et leurs soucis, c'est facile de faire de l'étirable :p


Je ne peux que te rejoindre sur ce point  :jap:  


---------------
Now Playing: {SYNTAX ERROR AT LINE 1210}
n°1143662
nombril
Posté le 07-07-2005 à 21:02:07  profilanswer
 

franchement ça me gonfle vos histoires. Peut etre que vous codez propre, encore que ça reste à voir, mais alors pour ce qui est de l'age mentale c'est formidable.  
Un forum c'est fait pour s'aider je pense, alors je vois pas ce que vous faites ici. Vous vous croyez les plus forts? nous on s'en tape. On veut juste se faire aider ou aider. Alors vous repasserez quand vous aurez quelque chose d'intelligent à dire.
 
ceci dit, les réflexions dans ce genre peuvent nous aidez.

Citation :

Si, moi sur mon poste Linux (vieille bécanne, 'tout ça...)  
un colègue de bureau aussi (problème de vue - gros caractère e


 
Merci.


Message édité par nombril le 07-07-2005 à 21:50:36
n°1143670
plainsofpa​in
Pingouino's lover
Posté le 07-07-2005 à 21:09:35  profilanswer
 

Réponse vite faite quand meme pour nombril (vu le pseudo, t'es surement plus agé mentalement) :
 
On aide oui, mais on conseille pour que des normes existantes depuis 6 ans soient suivies, vu qu'elle sont censées, et pratiques.  
 
Quand à coder propre, on code propre, et au dela de ca, ca nous aide à rendre le code plus léger, et lisible dans 6 mois, un an, 5 ans, en plus de pouvoir changer le design de tout un site en ne mettant a jour qu'un seul fichier.
 
Maintenant si tu veux pas nous écouter et coder comme on faisait aux débuts du web, fais ce que tu veux. Saches seulement qu'il y a de nombreuses personnes qui surfent en 800*600, par choix (malvoyants) ou par obligation (écran 15 pouces, comme dans ma boite).  
 
Pour la plupart des personnes intervenues ici, le web est le domaine principal qu'ils connaissent, alors au lieu de nous rejeter parce que nos avis ne te plaisent pas, écoutes et apprend.
 
Sur ce, bonne prog :o

n°1148677
denzz
huhuuuuu ! (désolé )
Posté le 13-07-2005 à 10:24:22  profilanswer
 

Bonjour, je ressors ce 'vieux' topic pour obtenir quelques éclaircissements :
je voudrais obtenir le résultat montré dans l'exemple  
http://test.roane-irkana.net/2_cols_fluide.htm
 
en un peu plus simple, soit une colonne à gauche de taille fixe en em, et une colonne de droite qui prenne la place qui lui reste...  
avec des caractéristiques légèrement différentes de celle de cet exemple bien sûr (pas de gros 'padding' par exemple..)
Je n'obtiens pas ce que je veux..  
j'ai traîné sur les tutos mais je ne comprends pas vraiment la directive clear:both, et je sens que c'est là que je pêche...  
merci d'avance :)

n°1148695
plainsofpa​in
Pingouino's lover
Posté le 13-07-2005 à 10:32:04  profilanswer
 

T'y connais-tu en CSS au moins ?
 
Parce que si tu veux un padding plus petit, y a qu'a le changer, hein ...
 
Dingue ça, on leur donne un truc basique, et les gens n'arrivent déjà pas à s'en servir  :D  
 
Tu comprends ce qu'est une CSS déjà ?
 
Sinon dans la partie des propriétés de #conteneur, enlève le margin-top et le margin-bottom, ou mets les à zéro.
 
Clear both, cela permet au pied de page de se coller au bas du menu ou du centre selon lequel des deux est le plus grand  
 
Cela évite des problèmes dans le cas ou le menu est le plus grand, car sans clear:both, il survolerait le pied de page, puisqu'il est en dehors du flux à cause du float:left.


Message édité par plainsofpain le 13-07-2005 à 12:28:14

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1148719
denzz
huhuuuuu ! (désolé )
Posté le 13-07-2005 à 10:42:13  profilanswer
 

je m'y connais *un peu* en css, quand même :)  
je sais par exemple que le padding ca se change, merci :)
 

plainsofpain a écrit :


Clear both, cela permet au pied de page de se coller au bas du menu ou du centre selon lequel des deux est le plus grand  
 
Cela évite des problèmes dans le cas ou le menu est le plus grand, car sans clear:both, il survolerait le pied de page, puisqu'il est en dehors du flux à cause du float:left.  


euh on doit pas voir le même code source là !! ou t'as vu un float:left dans cette page :?:  

Code :
  1. <!--
  2. .entete,.pied {
  3.   clear:both;
  4. border:1px solid #000000;
  5. }
  6. .conteneur {
  7.         margin-top:10px;
  8. margin-bottom:10px;
  9. clear:both;
  10. }
  11. .menu {
  12.   /* col 1 */
  13.         position:absolute;
  14. left:10px;
  15. width:150px;
  16.         border:1px solid #000000;
  17. }
  18. .centre {
  19.   /* col 2 */
  20. margin-left:155px;
  21. padding:20px;
  22.   border:1px solid #000000;
  23. }
  24. .page {
  25.   border:1px solid #000000;
  26. }


moi au contraire je vois des position:absolute, ca me semble un peu contradictoire non ?
 
je crois que j'ai à peu près compris le clear:both quand même :) merci !  
Mon problème reste entier : grâce à quoi le div 'centre' s'étire-t'il complètement vers la droite de la page ??


Message édité par denzz le 13-07-2005 à 10:42:57
n°1148729
plainsofpa​in
Pingouino's lover
Posté le 13-07-2005 à 10:44:09  profilanswer
 

Oh, c'est ma verso en absolu, désolé ^^
 
change le padding de centre :o
 
Je n'ai pas donné de dimensions, il prend toute la largeur donc.
 
Edit : et mets des id au lieu de classes. Faudra que je pense à up la version corrigée un jour ^^'
 
Edit2 : Et vire les clear:both, ils servent à rien là ^^'


Message édité par plainsofpain le 13-07-2005 à 10:46:50

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1148766
denzz
huhuuuuu ! (désolé )
Posté le 13-07-2005 à 11:04:02  profilanswer
 

Pour les id et les classes, ca g capté, c bon, et je fait pas du 100% pompage non plus...
C moi qui doit avoir loupé un truc, car je ne précise aucune largeur à part celle de mon div de gauche (comme toi donc, sauf que c'est en em et pas en px) ..
capte rien :'(

n°1148796
cesarr89
Posté le 13-07-2005 à 11:19:54  profilanswer
 

plainsofpain a écrit :

T'y connais-tu en CSS au moins ?
 
Parce que si tu veux un padding plus petit, y a qu'a le changer, hein ...
 
Dingue ça, on leur donne un truc basique, et les gens n'arrivent déjà pas à s'en servir ...
 
Tu comprends ce qu'est une CSS déjà ?
 
Sinon dans la partie des propriétés de #conteneur, enlève le margin-top et le margin-bottom, ou mets les à zéro.
 
Clear both, cela permet au pied de page de se coller au bas du menu ou du centre selon lequel des deux est le plus grand  
 
Cela évite des problèmes dans le cas ou le menu est le plus grand, car sans clear:both, il survolerait le pied de page, puisqu'il est en dehors du flux à cause du float:left.


 
C'est pas très cool.

n°1148941
plainsofpa​in
Pingouino's lover
Posté le 13-07-2005 à 12:27:42  profilanswer
 

Denzz, cesarr, j'édite, j'ai oublié le smiley qui montrait que je disais cela sans colère.
 
Si ces mises en pages sont en ligne, c'est pour que les gens s'en servent ...  
 
Comme elles sont très simples vous n'êtes pas obligés de dire ou vous les avez eues, vous pouvez les dénaturer en codant au dessus comme des paidai, je m'en moque.
 
Tout ce qui m'importe c'est que ca serve.
 
Edit : donc, les gens qui s'en servent et pige pas, je suis prêt à les aider, et il me semble que pour denzz c'est ce que je fais :D


Message édité par plainsofpain le 13-07-2005 à 12:29:30

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Créer une ligne verticale qui longe la page

 

Sujets relatifs
creer un fichier executableComment créer un menu fixe (style frame) en html ?
Calculer le nbre de ligne de code sourceJeux en ligne
PHP+opengl = 3D en ligneComment faire poper une page
créer un objet d'un element de base de données.Créer une page html de tant de largeur sur tant de hauteur
boites réactives en cliquant desus sur une page web 
Plus de sujets relatifs à : Créer une ligne verticale qui longe la page


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR