Page 1 sur 1

insérer une photo à côté d'un sommaire....

Publié : 18 févr. 2007, 18:49
par seb1971
Bonjour à tous,
Débutant sur NVU, je viens de diffuser un site http://perso.orange.fr/Robespierre.CM1b/ , et je me retrouve face à un problème de newbie, en effet je n'arrive pas à insérer des photos sur la partie droite du site sans tt décaler au niveau des boutons... Je sais que nvu ne gère pas les frames et je n'arrive pas à mettre une séparation verticale, mes connaissances en html étant ce qu'elles sont (pas grand chose) alors en php... :roll: bref je suis perdu! :cry:
Merci de votre aide!

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

Publié : 18 févr. 2007, 20:34
par galad
bonjour,
tu peux insérer une image en lui donnant la propriété placement du texte à droite dans la boite de dialogue.

Le seul problème sera que ton menu continuera en dessous de ton image.

pour éviter cela et avoir un menu vertical, tu peux utiliser un bloc pour ton menu, en lui donnant une marge correspondant à la largeur de ton image. Mais pour cela il te faut une feuille de style (KaZcadeS).

Publié : 19 févr. 2007, 08:18
par chinon37
bonjour et bravo pour ce site.

Bien sur, les règles ne sont pas vraiment respectées pour faire un site "limpide", mais il y a déjà du beau travail.

- De trop nombreux conteneurs génériques (<div>) ont été créés rendant le tout un peu "fouilli" au niveau du code
- pour le sommaire, il a été utilisé des boutons normalement réservés aux formulaires. les liens peuvent être faits avec un simple texte mis en liste à laquelle est appliqué un format et un style précis
- il a été utilisé la barre de format pour agrandir ou diminuer les caractères, faisant apparaître de nombreuses balises <small> et <big>. Il vaut mieux appliquer une taille de caractère à partir soit d'une feuille de style css, soit, si les feuilles de style vous paraissent compliquées, à partir des styles internes:
dans la barre en bas de l'écran, vous clquez avec le bouton droit de la souris sur la balise (<...>) correspondant à ce que vous voulez mettre en forme > styles internes > propriétés du texte et là, vous choisissez une taille pour votre texte qui peut être en % par exemple. (150% donnera un texte 50% plus grand que le texte "normal")

- Pour revenir au problème d'insertion d'image, il me semble qu'il faut revoir le plan de la page:
partir sur 4 conteneurs principaux <div>:
* 1 pour le haut de la page
* 1 pour la colonne de gauche qui recevra le sommaire
* 1 pour le contenu à doite du sommaire qui contiendra les photos, du texte, etc.
* 1 pour le bas de la page

Ensuite, à l'intérieur de ces conteneurs, il est possible de remettre d'autres conteneurs...
Faites tout d'abord un plan sur une feuille de papier de l'aspect que vous voulez donner à votre site pour ensuite le construire avec Kompozer.

Bon courage et n'hésitez pas à venir demander d'autres renseignements...

Publié : 20 févr. 2007, 18:13
par seb1971
Merci de vos réponses!
Je me doutais qu'il aurait fallu composer plus posément le site...mais il y avait urgence!
Enfin je vais essayer de m'appliquer à vos conseils en restant sur la même base/ :D

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

Publié : 22 févr. 2007, 01:15
par Ti-Max
salut tous le monde! Je ne sais pas si je suis dans le bon topic mais je voudrais savoir comment mettre mon menu dans le côté à gauche et mettre des info, photo etc. juste à côté du menu. Je sais pas si je suis clair. Merci d'avance!

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322; .NET CLR 2.0.50727; MEGAUPLOAD 1.0; .NET CLR 3.0.04506.30)

Publié : 22 févr. 2007, 01:27
par myahoo
Avant il existait ce que l'on nommait les "frame", mais maintenant c'est plutôt du "div" qu'il faut utiliser, voire même un peu de PHP.
Une page qui en parle bien est celle-ci :P


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

Publié : 22 févr. 2007, 01:39
par Ti-Max
ok merci mais c'est quoi un frame au juste? désoler je suis nouveau :?

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322; .NET CLR 2.0.50727; MEGAUPLOAD 1.0; .NET CLR 3.0.04506.30)

Publié : 22 févr. 2007, 02:06
par myahoo
Ti-Max a écrit :ok merci mais c'est quoi un frame au juste? désoler je suis nouveau :?
Je pense qu'en regardant par ici tu comprendras très rapidement :wink:

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

Publié : 22 févr. 2007, 02:11
par Ti-Max
Ok merci! Mais comment on fait pour faire un frame. desolé je ne comprend pas vite :oops:

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322; .NET CLR 2.0.50727; MEGAUPLOAD 1.0; .NET CLR 3.0.04506.30)

Publié : 22 févr. 2007, 09:54
par chinon37
Pourquoi se prendre la tête avec des frames ou des includes pour un site aussi simple?

dans ce post-it, il y a de nombreux exemples de mises en pages très simples qui permettent de réaliser ce que tu veux en html simple.
Il suffit de faire un copier-coller du code d'un des exemples dans l'onglet source de Nvu pour pouvoir le modifier ensuite facilement.

Publié : 05 mars 2007, 19:36
par Seb1971
Bon j'en profite pour remercier encore la communauté gecko!!! Mon site a évolué surtout cette première page! En fouillant dans le forum j'ai trouvé des liens pour des feuilles CSS tte faite, un vrai régal!

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.2) Gecko/20070219 Firefox/2.0.0.2