Créer une ligne verticale qui longe la page

Créer une ligne verticale qui longe la page - HTML/CSS - Programmation

Marsh Posté le 05-07-2005 à 17:26:52    

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  ;)

Reply

Marsh Posté le 05-07-2005 à 17:26:52   

Reply

Marsh Posté le 06-07-2005 à 08:00:18    

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
Reply

Marsh Posté le 06-07-2005 à 08:01:42    

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)

Reply

Marsh Posté le 06-07-2005 à 08:03:46    

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
Reply

Marsh Posté le 06-07-2005 à 08:07:29    

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

Reply

Marsh Posté le 06-07-2005 à 14:25:31    

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.

Reply

Marsh Posté le 06-07-2005 à 14:30:37    

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
Reply

Marsh Posté le 06-07-2005 à 16:20:18    

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...

Reply

Marsh Posté le 06-07-2005 à 16:35:03    

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
Reply

Marsh Posté le 06-07-2005 à 16:46:35    

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
Reply

Marsh Posté le 06-07-2005 à 16:46:35   

Reply

Marsh Posté le 06-07-2005 à 16:55:36    

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}
Reply

Marsh Posté le 06-07-2005 à 17:07:51    

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
Reply

Marsh Posté le 06-07-2005 à 17:17:39    

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 !
Reply

Marsh Posté le 06-07-2005 à 17:22:45    

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
Reply

Marsh Posté le 06-07-2005 à 17:24:59    

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}
Reply

Marsh Posté le 06-07-2005 à 19:08:22    

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
Reply

Marsh Posté le 06-07-2005 à 20:26:44    

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}
Reply

Marsh Posté le 06-07-2005 à 20:42:38    

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
Reply

Marsh Posté le 06-07-2005 à 21:16:24    

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}
Reply

Marsh Posté le 07-07-2005 à 21:02:07    

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
Reply

Marsh Posté le 07-07-2005 à 21:09:35    

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

Reply

Marsh Posté le 13-07-2005 à 10:24:22    

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 :)

Reply

Marsh Posté le 13-07-2005 à 10:32:04    

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
Reply

Marsh Posté le 13-07-2005 à 10:42:13    

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
Reply

Marsh Posté le 13-07-2005 à 10:44:09    

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
Reply

Marsh Posté le 13-07-2005 à 11:04:02    

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 :'(

Reply

Marsh Posté le 13-07-2005 à 11:19:54    

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.

Reply

Marsh Posté le 13-07-2005 à 12:27:42    

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
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed