coller les images en hauteur

nabee · Message par **nabee** » 21 févr. 2009, 14:47

J'aimerais comme avec dreamweaver.. j'ai fait compo dans photoshop et elle est découpée et recomposer le tout avec kompozer à l'aide d'un tableau, mais il me colle pas les images dans la hauteur. J'ai essayé comme dans dreamweaver de forcer à 0px l'espacement des marges mais rien y fait pouvez vous m'aider...

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_5_5; fr-fr) AppleWebKit/525.18 (KHTML, like Gecko) Version/3.1.2 Safari/525.20.1

Fabrice.Tres.Net · Message par **Fabrice.Tres.Net** » 21 févr. 2009, 15:24

On ne fait pas la mise en page d'un site avec des tableaux! C'est une technique datant de 1515 qui a d'ENORMES inconvénients...
Ce point revient systématiquement sur ce forum, je te laisse chercher les explications.

nabee · Message par **nabee** » 21 févr. 2009, 15:38

Je recherche dans ce forum depuis 3h et j'ai pas de solutions à ma demande, c'est pour cela que j'ai posté un message.
Tout ce que j'ai trouvé, c'est pour régler de sproblèmes de codes CSS déjà existant et moi je n'en ai pas ou des questions basiques pour intégrer des textes, des liens et des images.

Je souhaite juste savoir comment coller les images dans la hauteur uniquement, car il me les collent bien en largeur silvouplait merci

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; fr; rv:1.9.0.6) Gecko/2009011912 Firefox/3.0.6

nabee · Message par **nabee** » 21 févr. 2009, 15:49

j'utilise les tableaux car j'ai fait une mise en page développé graphiquement, et je serait incapable de le faire en CSS. J'utilise le CSS et le HTML pour des mises en pages basiques ou pour débuguer vsuellement. Je suis pas très code c'est pour ça mais silvouplait aidez moi
Peut-être ce n'est pas possible de coller en hauteur pluisieurs images avec kompozer ?

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; fr; rv:1.9.0.6) Gecko/2009011912 Firefox/3.0.6

Fabrice.Tres.Net · Message par **Fabrice.Tres.Net** » 21 févr. 2009, 15:54

C'est normal que tu ne trouves pas car personne ne fait comme cela puisque cela ne doit pas être fait comme cela!
Lire
http://www.cybercodeur.net/weblog/prese ... index.html
http://www.alsacreations.com/tuto/lire/ ... leaux.html
http://www.pompage.net/pompe/tablevscss/

Je te conseille de lire ensuite les 2 tutos kompozer pour apprendre la mise en page en css

et jeter un oeil au site du zero .

Mongo Bob · Message par **Mongo Bob** » 21 févr. 2009, 15:55

nabee a écrit :J'aimerais comme avec dreamweaver.. j'ai fait compo dans photoshop et elle est découpée et recomposer le tout avec kompozer à l'aide d'un tableau, mais il me colle pas les images dans la hauteur. J'ai essayé comme dans dreamweaver de forcer à 0px l'espacement des marges mais rien y fait pouvez vous m'aider...

incompréhensible

nabee a écrit :Je souhaite juste savoir comment coller les images dans la hauteur uniquement,

là, c'est mieux :
laisse tomber les tableaux, mets chaque image dans un <div>, les <div>, comme tous les blocs, s'alignent verticalement.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6

nabee · Message par **nabee** » 21 févr. 2009, 16:09

je suis partie sur tes liens, je ne suis pas là pour dire que les tableaux sont mieux, je cherchais juste une solution pour coller mes images. Je sais qu'on peut faire pleins de choses avec les CSS et que c'est beaucoup plus souple. Mais il faut une certaine connaissance du code pour arriver à quelquechose de graphiquement intéressant, je n'ai pas les connaissances pour l'instant.
Je cherche juste une solution pour coller mes images en hauteur comme dans dreamweaver, avec kompozer. Peut-il le faire ? comment? sachat que toute ma mise en page est déjà faite dans photoshop et découpée je souhaite juste tout recaler simplement, c'est pour cela que sans connaissance poussée du code je passe par les tableaux pour réassembler tel quel ma mise en page de photoshop.
Merci pour tes liens, je me formerais plu tard mais pour l'instant je peux pas et je dois faire avec...merci encore pour les solutions à mon petit problème

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; fr; rv:1.9.0.6) Gecko/2009011912 Firefox/3.0.6

nabee · Message par **nabee** » 21 févr. 2009, 16:15

Merci pour ce début de solution mongo bob, comment intégrer un bloc div dans kompozer. merci

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; fr; rv:1.9.0.6) Gecko/2009011912 Firefox/3.0.6

nabee · Message par **nabee** » 21 févr. 2009, 16:27

Quels sont les moyens pour intégrer des blocs div dans kompozer? merci.

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; fr; rv:1.9.0.6) Gecko/2009011912 Firefox/3.0.6

Mongo Bob · Message par **Mongo Bob** » 21 févr. 2009, 16:30

Ce ne saurait être un début de solution, mais la solution entière.
Bon. Pour créer un <div>, et si ta barre de mise en forme 1 est affichée, tu cliques sur la punaise en-dessous du logo Kompozer.
Tu insèreras ton image à l'intérieur du <div> créé
(ah, oui, mais zut! la punaise crée des <div> en "position absolute", pas bon, ça..., apprendre à travailler autrement que dans le flux), essaie si tu veux cette solution, mais les "absolute" créent d'autres soucis...

A vrai dire, je ne sais les créer qu'en tapant <div></div>dans le code html, puis en les stylant par css. On peut ensuite insérer l'image par l'icône Image en haut de la fenêtre Kpz.

nabee a écrit :Quels sont les moyens pour intégrer des blocs div dans kompozer? merci.

j'avais compris la 1ère fois, 6' plus tôt...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6

nabee · Message par **nabee** » 21 févr. 2009, 16:36

merci pour ta réponse je vais essayer d'insérer les blocs et d'aller dans le mode cascadeCSS simplifié pour changer la position relative ou absolue si c'est comme dans dremweaver, j'espère me rappeler et m'y retrouver, dsl moi je fais appelle au menu et je génère pas le code direct comme toi, j'aimerais bien savoir faire mais chacun son savoir-faire, je suis plus dans le visuel que dans le code

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; fr; rv:1.9.0.6) Gecko/2009011912 Firefox/3.0.6

Mongo Bob · Message par **Mongo Bob** » 21 févr. 2009, 16:56

nabee a écrit :aller dans le mode cascadeCSS simplifié pour changer la position relative ou absolue

+1
et du coup, tu pourras t'initier à css!
Et tu pourrais tout simplement indiquer "non défini" à la place de "absolue", tu perdras la possibilité de placer tes <div> par les décalages Hdbg, mais tu n'en as pas forcément besoin, si tu dois absolument utiliser les décalages, remplace Absolue par Relative, les <div> se comportent de façon moins surprenante que par Absolue (et surtout, influent sur les éléments voisins de façon moins surprenante, bref...).

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6

nabee · Message par **nabee** » 21 févr. 2009, 17:09

je n'arrive pas à comprendre, il ne capte pas mes paramètres quand je lui donne des noms de balises par exemple div. Je suis obligé de taper dans le code, tu m'a dit il y a absolute, relative et non défini c'est quoi en code?...merci

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_5_5; fr-fr) AppleWebKit/525.18 (KHTML, like Gecko) Version/3.1.2 Safari/525.20.1

Mongo Bob · Message par **Mongo Bob** » 21 févr. 2009, 19:17

Moi non plus, je ne comprends pas, je te conseille d'aller t'initier en allant visiter l'un des deux tutos ci-dessous...

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.0.6) Gecko/2009020911 Ubuntu/8.10 (intrepid) Firefox/3.0.6

Mongo Bob · Message par **Mongo Bob** » 22 févr. 2009, 10:39

nabee a écrit :tu m'a dit il y a absolute, relative et non défini c'est quoi en code?

je ne t'ai pas dit de taper en code, je t'ai donné cette piste parce que

nabee a écrit :aller dans le mode cascadeCSS simplifié pour changer la position relative ou absolue

"simplifié"?
les choix dont tu parles se trouvent en clair dans l'onglet Boîte en ouvrant Cascades.
Ne modifie pas le code sans passer par un éditeur-texte, mais à ton niveau, c'est même pas nécessaire, tu peux tout faire dans l'onglet Normal de Kpz, c'est pas un logiciel WYSIWYG pour rien, même le css.
Sans passer par Cascades :

clic droit dans ton <div>
clic droit sur "<div>" qui s'est affiché dans la barre d'état (tout en bas)
clic gauche sur "Styles internes"
clic gauche sur "Boîte"
Position/Menu déroulant, modifier.

voilà
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6

Geckozone

coller les images en hauteur

coller les images en hauteur

recherche depuis 3H

les tableaux

liens

merci

intégrer bloc div

blocs div

boutoncascadesCSS

Qui est en ligne ?