DarkVaV

j'essaie et je vous dis ps : alsacreation déjà fait - rien trouvé

Salut à tous, je cherche depuis ce matin sur internet une technique pour avoir trois colonnes en css, sans float (incompatible avec mon css : <div style="background: url(background.png);"> <img src="bordure haut"> mes colonnes ici <img src="bordure bas"> </div> ). background.png étant une longue barre blanche de 2px et de 1010 de largeur avec deux bout bleu sur les côtés ;p J'ai trouvé des solutions avec position:absolute, comme ici. Le seul problème c'est que je voudrai que les trois colonnes soient libres en tailles, et pas dirigées par celles du milieu, comme c'est le cas avec le code. (si la colonne milieu fait 600px de longueur et que la droite en fait 800, le background va s'arrêter juste après celle du milieu, se fermer, et le reste de la colonne de droite part dessous). voir la capture d'écran ( ce qui descend dans la couleur de background appartient à la colonne droite). Que faire :'( merci NB : Colonne gauche : 400px Colonne milieu : 200px Colonne droite : 400px

probleme resolu j'ai mis un truc de trois colonnes comme ça http://www.journaldunet.com/developpeur/tu...-colonnes.shtml dans mon conteneur avec les images en haut et en bas, le background fermant juste avant la bordure du bas tout est parfait

Salut sarc, j'ai fait la page en ligne : ici ;-) et ça donne en gros la capture que j'ai montré tout à l'heure, sans le fond de couleur merci d'avance

Mon autre solution ne marchant pas finalement. Je fais la tienne. J'ai fait donc ce que tu demandes, sauf que les images sont décalées du bord, et malgré un : <img src="images/backgroundb.png" style="padding-right: 0px; padding-left: 0px; padding: 0px; margin-left: auto; white-space:nowrap;"> l'image est toujours décalé, ce qui fait super moche par rapport au background qui est tout droit lui... de plus le background continue pendant une ligne encore dessous car je ferme la div du background sous l'image voici la capture d'écran : j'entoure le décalage et tu vois le background qui se répete une ligne dessus... je suis desesperé, j'ai cherché pendant 4 heures, rien trouvé :'-(

Finalement j'ai fait quelque chose de plus facile... Un peu pareil : <div style="background bhaut[...]"> </div> <div style="background background"> </div> <div style="background bbas"> <br /></div> Et ça marche... que demander de plus Faut juste que je revoit ma mise en page derrière, mais c'est bon (background: url(nomdelimage.png) no-repeat top left; est à lire, je n'avais pas le code sous les yeux)

J'ai essayé plein de trucs, mais rien ne marche... border-top : url('....'); exemple

Bonjour, J'ai un problème de bordures avec les div. Je souhaiterai faire deux bordures en haut et en bas : bHAUT.png bBAS.png et entre les deux un background background.png pour former qqchose comme : Mais je n'arrive pas à mettre les bordures avec des images, les div s'affichent sans rien... Si quelqu'un pouvait m'éclairer, merci

Finalement j'ai trouvé une solution très correcte grâce à ce topic de Webmaster Hub En tous cas merci à tout ceux qui ont voulu m'aider et tout ceux qui m'ont aidés Bonne soirée à tous ! NB : Arf, par contre ça fait toujours pas ce que je voulais à la base

Ok, j'ai changé en mettant comme couleur de fond le vert. en le faisant flotter à droite le "droite", c'est bon. Seul problème que j'ia déjà rencontré au début, l'alignement est comme ça: colonne 1 ...... colonne2 .............................. .................. . colonne 3 Y a un saut de ligne alors... qu'il devrait pas en avoir

Personnellement je ne vois pas trois colonnes bien faites... j'ai fait une page avec que les div, et un css avec que ce que tu m'as donné aussi :-\

Bonjour, ça ne marche toujours pas Looke ce que ça donne avec les div ici : Clic Et ce que ça donne avec les span ici : Clic Et le code du css : body { width: 1000px; /*margin: auto; margin-top: 20px; margin-bottom: 20px; */ color: #000000; font-size: 12px; font-family: Arial; } #derniere_news { width: 500px; } #3_dernieres_news { width: 250px; left: 500px; float:center; margin-left:500px; } #block_compte { width: 250px; position: absolute; left: 750px; } Et enfin le code du html tu le vois en faisant la source de la page Merci

Salut à tous, Déjà des problèmes CSS : body { width: 1000px; /*margin: auto; margin-top: 20px; margin-bottom: 20px; */ color: #000000; font-size: 12px; font-family: Arial; } #header { width: 290px; } #navig { width: 700px; left:300px; } #derniere_news { width: 500px; } #3_dernieres_news { width: 250px; left: 500px; } #block_compte { width: 250px; position: absolute; left: 750px; } Après dans mon fichier XHTML : <html> <head> <meta http-equiv="content-style-type" content="text/css" /> <link title="style" type="text/css" rel="stylesheet" href="div.css" /> </head> <body> <span id="header"> <table width="1000" height="75" cellpadding="0" cellspacing="0" border="0"> <tr> <td align="left"> <img src="http://127.0.0.1/V3/images/Header.png"> </td> <td align="right"> <img src="http://127.0.0.1/V3/images/Menu.png"> </td> </tr> </table> <span id="derniere_news"> <img src="http://127.0.0.1/V3/images/last-news.png"> </span> <span id="3_dernieres_news"> <img src="http://127.0.0.1/V3/images/autre-actu.png"> </span> <span id="block_compte"> <img src="http://127.0.0.1/V3/images/compte.png"> </span> </body> </html> Entre le span derniere_news et celui 3_dernieres_news, il y a un espace... ça fait très moche... Et si je met des <div> au lieu des <span>, le div derniere_news est en retour à la ligne et mal placé, et celui block_compte une ligne encore dessous, mais bien placé... J'y comprends plus rien Aidez moi s'il vous plaît... Merci

Je vais regarder donc cette solution Merci à vous en tous les cas Et sinon pour le site du zero j'avais survolé déjà Je vous tiens bien sur au courant. (En plus il est vrai que les tableaux c'est pas top pour le validateur XHTML...)

Mais mon problème c'est que j'ai en gros 4 colonnes comme ça...