18073 sujets

Questions générales et questions de débutants

Mise en page avec Dreamweaver

Bonjour à tous,

Je me suis lancé dans la conception d'un site perso. il y a déjà quelques temps et j'avance tranquillement au rythme des problèmes et de leurs solutions.
Mais la, je tombe sur un problème ennuyeux, enfin deux !

1) J'ais voulu importer un texte word dans ma page (via un calque), mais Dreamweaver ne respecte pas du tout la mise en page du texte original, il change la police (ça encore ce n'est pas bien grave) et il change ma mise page (les photos qui étaient imbriquées dans le texte, ce retrouvent séparées du texte). Comment puis-je faire pour palier à ce problème ?

2)Ce texte fait 7 pages avec les photos, ce qui après importation fait une page très très longue. J'aurais voulu qu'une barre de défilement apparaîsse dans mon calque pour faire défiler le texte sans faire bouger toutes la page. Est-ce possible ?

Merci de votre aide
Salut Noodl3s et bienvenu à toi...

Pour répondre à ta question initiale, il est normal que lors de ton importation la mise en forme ne soit pas respectée.

Il s'agit d'une mise en page faite sous word et non pas faite pour paraître sur la toile. Les balises et autres outils utilisés pour l'agencement ne sont pas les même et il clair, qu'à partir de ce moment-là, cette dernière ne soit pas respectée entre Word et Dream.

Ensuite, concernant ta barre de défilment, il faudrait rajouter l'instruction css suivante dans les propriétés de ton calque (si ce que tu entends par "calque" est un "div", bien sûr):
 overflow: scroll

Voilà
Smiley cligne
Modifié par Cygnus (15 May 2006 - 19:57)
Cygnus a écrit :
Ensuite, concernant ta barre de défilment, il faudrait rajouter l'instruction css suivante dans les propriétés de ton calque (si ce que tu entends par "calque" est un "div", bien sûr):
 overflow: scroll

Voilà
Smiley cligne


Oui c'est bien un "div"

En fait je voudrais que le texte soit dans une "fenêtre" de taille fixe. Quand j'essaye actuellement (sans ton astuce) la "fenêtre" s'agrandit en même temps que texte s'allonge.

Je vais tester ton astuce, mais dois-je écrire : "[code]<div>overflow: scroll..............</div> ?

Sinon pour ma mise en page puis-je "incorporer" les images à mon texte comme avec Word (comme un journal quoi) ?
Noodl3s a écrit :
Je vais tester ton astuce, mais dois-je écrire : "
<div>overflow: scroll..............</div> ?
[/quote]

Non, il faut mettre ça dans une balise <style> dans le <head>:

[code]
<head>
<style type="text/css">
#docWord {overflow: scroll;}
</style>


et dans le <body>:

<div id="docWord">
ton contenu va ici
</div>


Sinon pour ma mise en page puis-je "incorporer" les images à mon texte comme avec Word


Tu les insères avec la balise <img>:

<img src="l'adresse de ton image" >

Sinon je crois que tu ferais bien d'aller consulter les divers tutos de ce site.. Smiley cligne
Modifié par JulesB (15 May 2006 - 22:39)
Bonsoir,
Noodl3s a écrit :

En fait je voudrais que le texte soit dans une "fenêtre" de taille fixe. Quand j'essaye actuellement (sans ton astuce) la "fenêtre" s'agrandit en même temps que texte s'allonge.

tu devras également spécifier une hauteur pour le div #docWord, sinon sa hauteur sera adaptée à la taille de ton document.


<head>

<style type="text/css">
#docWord
{
overflow: scroll;
height: 200px; /* par exemple */
}
</style>

</head>
Hyp a écrit :
Bonsoir,

tu devras également spécifier une hauteur pour le div #docWord, sinon sa hauteur sera adaptée à la taille de ton document.



Of course...
Smiley cligne
J'ais u petit souci, ça ne marche, enfin le "scrool" ne marche pas, ma "fenêtre" continue de s'agrandir en fonction du texte Smiley decu

Voici ce que ça donne dans mon code :

[code]<style type="text/css">
#docWord
{
	overflow: scroll;
	height: 200px;
	width:750px;
	left: 367px;
	top: 652px;
}
</style>


J'ais juste ajouté la largeur que je voulais, le reste c'est mis tout seul.

Puis mon div :

[/code]
<div id="docWord" style="position:absolute;">
  <div align="center">avec mon contenu ici</div>


Malgré ça la "fenêtre" continue à n'en faire qu'à sa tête Smiley decu
Sujet clos
Aller à