Dreamweaver cc2014 - mode grille de mise en page fluide

Bonjour
j'ai un souci avec dream. Quand je créé un document vierge en mode grille fluide, les "blocs" peuvent être manipulés avec les poignées de redimensionnement, qui vont générer une dimension en colonne, laquelle sera traduite en pourcentage dans les feuilles de styles css responsive.
Dès qu'on travail un peu sur le fichier, tres vite la fonctionnalité de manipulation par "poignées" disparait et on ne peut plus générer les css responsive ?
avez vous rencontré le probleme ?

Yes I know that you are using Dreamweaver CS6 12.2 last update. Again I do not use it, sorry.
Maybe someone that does have the version installed, will be able to help you.

Similar Messages

Dreamweaver CC 2014 stucks when saving a page ... help

Hi,
Please help me out. What is wrong?
I work on a Mac OS X 10.9.5
After the update when saving a html or dwt page in Dreamweaver 2014 CC Dreamweaver stucks. It just keeps on waiting.
I already have reinstalled the software, restarted my Mac twice and still no move after I click "save"

Hello,
Can you please share your preference files with me so that we can take a look at the issue?
You can find the Preferences folder in the following location:
On Mac : ~/Library/Application support/Adobe
On Windows7 : \Users\<user name>\AppData\Roaming\Adobe
Copy the folder "Dreamweaver CC2014.1", zip it and send it across to [email protected]
For the solution, rename this folder in the location mentioned above from "Dreamweaver CC2014.1" to "Dreamweaver CC2014.1_old" & then launch DW.
Cheers,
Subhadeep

Responsive design mode is showing part of pages and is not showing any optomized pages even in safe mode.

I need to check multiple websites everyday for responsive design. When I open Responsive design mode I am getting full pages on every site, even ones I know are mobile opt. No matter how I scale it everything remains exactly as it is. I have to scale it to the far right to get the whole page. Basically the pages are always in full screen and I'm getting a window that only allows me to see part of a page. It is very frustrating.
Win xp
firefox V28.0
I am not a coder so please keep solutions simple.

From your screenshot, it seems to be working, as that grey bar has appeared at the top (with a link to the mobile version of the site). This only appears when the viewport width is 800px or less. This support website doesn't shrink dynamically (as the viewport gets smaller), but remembers whether your machine has a small screen or not (probably by storing a cookie which is changed when you click the link in the grey bar).
If you are having trouble with other sites, have you tried refreshing the page after resizing? When I have created responsive websites I often have to use JavaScript for a few features, and it simply isn't worth the processing power to make the code run every time the window size changes. Other than that I can't see what would be causing the problem (unless there is other important information you may have missed out)

When i put firefox in offline mode, and then click on pages saved in history , it can't load any pages or any images. i put cach size to 250mb but the problem is the same, it saves history for two months, but can't load pages.

when i put firefox in offline mode, and then click on pages saved in history , it can't load any pages or any images. i put cach size to 250mb but the problem is the same, it saves history for two months, but can't load pages.

Hi there,
When I inspect your site in browser tools, I'm getting 404 errors from your page:
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (jquery-2.0.3.min.map, line 0)
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (edge.4.0.0.min.map, line 0)
BarnardosIreland wrote:
I would have thought that publishing should give a complete package that doesn't need any further edits to the code and can just be directly ftp'ed to the web - is this correct?
In general, you are correct - but also your server does need to be properly configured (and those errors above lead me to think it may not be) to serve the file types that your uploading - but it could be something else entirely. Can you zip up your composition folder, upload it to your Creative Cloud files, set it to share, and then post a link here so I can download it? If you'd rather not share it publicly, can you PM me with a link to your composition files?
Thanks,
Joe

Dreamweaver CS6 and CC both very slow page rendering under Mavericks

Dreamweaver CS6 and CC both very slow page rendering under Mavericks compared to 10.8.5
Any ideas?

One other thing I am seeing:
When I open any document (html, javascript) inside DWCC now, then close it without any changes, DW asks if I want to save changes.
I just tested this under 10.8.5 and there is no lag there, nor are documents mysteriously modified when opened.
Note: I have tested this both with and without other Apps or extensions running in Mavericks and 10.8.5

Dreamweaver CC - Rollover image to text transition for Fluid page css/html5

Hi All,
I am using Dreamweaver CC, Windows 7, PC.
Goal: To create a selectable text and colour overlay (not a second image with text in the image) that appears over the top of an image on rollover of the container that the image is located in, all inside a fluid page. Also I would like to avoid jquery and javascript if it's possible.
Please see the attached HTML5, CSS and 300x300jpg example of this page which should show what i'm trying to do, as you can see currently the text sits below the image on mouse hover and should be fitting nicely inside the image box. I will replicate this through all the images once I have it working correctly also. Please note the page fluid scaling at different sizes as I need the rollover to work at whatever size the window or device is.
Thank you in advance for any answers, ideas, work arounds etc you may have or if i've missed this specific scenario covered elsewhere?
Here is the HTML (apologies for my messy code):
<!doctype html>




<html class="">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="../boilerplate.css" rel="stylesheet" type="text/css">
<link href="../Website_Testing/style.css" rel="stylesheet" type="text/css">

<script src="../respond.min.js"></script>
</head>
<body>
<div class="gridContainer clearfix">
<article id="article" class="fluid">
    <div id="Examples" class="fluid">
      <div id="example1" class="fluid">
          <img src="images/300x300.jpg" alt=""/>
          <span class="text">TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </span>
      </div>
      <div id="example2" class="fluid"><img src="images/300x300.jpg" alt=""/></div>
      <div id="example3" class="fluid"><img src="images/300x300.jpg" alt=""/></div>
      <div id="example4" class="fluid"><img src="images/300x300.jpg" alt=""/></div>
    </div>
</article>
</div>
</body>
</html>
Here is the CSS (apologies for my messy code):
@charset "utf-8";
img, object, embed, video {
    max-width: 100%;
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
    width:100%;
.fluid {
    display: block;
    text-align: center;
    clear: none;
    float: none;
.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;
/* Mobile Layout: 480px and below. */
.gridContainer {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    clear: none;
    float: none;
#article {
    min-height: 160px;
    margin-left: 0;
    padding-left: 5%;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 5%;
    background-color: rgba(255,254,191,1.00);
#Examples {
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
.zeroMargin_mobile {
margin-left: 0;
.hide_mobile {
display: none;
#Examples #example1 {
    padding-top: 5%;
    padding-bottom: 5%;
    display: block;
    width: auto;
#Examples #example2    {
    padding-top: 5%;
    padding-bottom: 5%;
    display: block;
    width: auto;
#Examples #example3 {
    padding-top: 5%;
    padding-bottom: 5%;
    display: block;
    width: auto;
#Examples #example4 {
    padding-top: 5%;
    padding-bottom: 5%;
    display: block;
    width: auto;
.text {
    position: relative;
    display: none;
    background: #999;
    background: rgba(0,0,0,0.3);
    text-align: center;
    top: 0px;
#example1:hover .text {
    display: block;
    background-color: rgba(12,109,242,1);
#example1 {
    -webkit-transition: all 0.35s ease-in-out 0s;
    -o-transition: all 0.35s ease-in-out 0s;
    transition: all 0.35s ease-in-out 0s;
#example1:hover {
    background-color: rgba(12,242,109,1.00);
#example2 {
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
#example2:hover {
    background-color: rgba(12,242,109,1.00);
#example3 {
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
#example3:hover {
    background-color: rgba(12,242,109,1.00);
#example4 {
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
#example4:hover {
    background-color: rgba(12,242,109,1.00);
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
.gridContainer {
    width: 100%;
    margin-left: auto;
    min-height: 100%;
#Examples {
    text-align: center;
    min-height: 640px;
.hide_tablet {
display: none;
.zeroMargin_tablet {
margin-left: 0;
#Examples #example1 {
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    width: 46%;
#Examples #example2 {
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    width: 46%;
#Examples #example3 {
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    width: 46%;
#Examples #example4 {
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    width: 46%;
/* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
.gridContainer {
#article {
    margin-left: 0;
#Examples {
    text-align: center;
.zeroMargin_desktop {
margin-left: 0;
.hide_desktop {
display: none;
@media only screen and (min-width:1024px){
#article #Examples #example1 {
    width: 23%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 16px;
    padding-bottom: 16px;
#article #Examples #example2 {
    width: 23%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 16px;
    padding-bottom: 16px;
#article #Examples #example3 {
    width: 23%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 16px;
    padding-bottom: 16px;
#article #Examples #example4 {
    width: 23%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 16px;
    padding-bottom: 16px;
#Examples {
    min-height: 340px;
And here is a 300x300 grey image i'm using as an example holder:
Thanks for taking the time all,
Jeff

Try this in a new, blank document:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 with Pure CSS Rollovers</title>
<style>
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
body {
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-size:100%;
#rollover a {
display: inline-block;
position: relative;
margin-right: 2%;
text-decoration: none;
color: #FFF;
#rollover a span {
display: block;
visibility: hidden;
background-color: #3CC;
position: absolute;
z-index: 100;
left: 0;
top: 0;
font-size: 13px;
font-weight:bold;
line-height: 1.2;
color: #FFF;
text-align: center;
border: 5px solid orange;
padding: 5px;
width: 200px;
min-height: 125px;
#rollover a:hover span,
#rollover a:active span,
#rollover a:focus span { visibility: visible; }
#rollover a:hover,
#rollover a:focus { visibility: visible; }
</style>
</head>
<body>
<div id="rollover">
<p>
<a href="#"><img alt="description" src="http://placehold.it/200x125">
<span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris vitae libero lacus, vel hendrerit nisi!
Maecenas quis velit nisl, volutpat viverra felis. </span></a>
<a href="#"><img alt="description" src="http://placehold.it/200x125">
<span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris vitae libero lacus, vel hendrerit nisi!
Maecenas quis velit nisl, volutpat viverra felis. </span></a>
<a href="#"><img alt="description" src="http://placehold.it/200x125">
<span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris vitae libero lacus, vel hendrerit nisi!
Maecenas quis velit nisl, volutpat viverra felis. </span></a>
<a href="#"><img alt="description" src="http://placehold.it/200x125">
<span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris vitae libero lacus, vel hendrerit nisi!
Maecenas quis velit nisl, volutpat viverra felis. </span></a>
</p>
</div>
</body>
</html>
Nancy O.

After updating to 4.0 stable today, FF reports it is in offline mode and can't open pages! I've checked the work offline boolean in about:config, it is set to false as it should be. !?!?

After updating to 4.0 stable today, FF reports it is in offline mode and can't open pages! I've checked the work offline boolean in about:config, it is set to false as it should be. !?!?

What in particular didn't you like about Firefox 6?
You can undo a lot of changes, either via changing settings or prefs on the <b>about:config</b> page or via extensions.
*https://support.mozilla.com/kb/common-questions-after-updating-firefox
Do a clean reinstall of the version that you want to use.
Download a fresh Firefox copy and save the file to the desktop.
*Firefox 3.6.x: http://www.mozilla.com/en-US/firefox/all-older.html
*Firefox 6.0.x: http://www.mozilla.com/en-US/firefox/all.html
* Uninstall your current Firefox version.
* Do not remove personal data when you uninstall the current version or you lose your bookmarks and other data in the profile folder.
Remove the Firefox program folder before installing that newly downloaded copy of the Firefox installer.
* It is important to delete the Firefox program folder to remove all the files and make sure that there are no problems with files that were leftover after uninstalling.
Your bookmarks and other profile data are stored elsewhere in the Firefox Profile Folder and won't be affected by a reinstall, but make sure that you do not select to remove personal data if you uninstall Firefox.
* http://kb.mozillazine.org/Profile_folder_-_Firefox
* http://kb.mozillazine.org/Profile_backup

Where is hotspot menu icon in Dreamweaver cc2014.1???

where is hotspot menu icon in Dreamweaver cc2014.1???
아무리 찾아도 없어요 ㅜ

Hello 송화최,
you can see the hotspot icons by clickking into your image. By the way: hotspot technique doesn't work in conjunction with a background image.
Hans-Günter

Modifier la mise en page d'un site publié

Bonjour,
Je souhaiterais modifier la mise en page de mon site (publié il y a une semaine). En effet, celui-ci n'apparaît pas correctement sur certains ordinateurs/smartphones.
De quelle manière procéder?
Et comment faire pour que celui-ci apparaisse de manière satisfaisante sur tous les appareils?
Enfin, je ne parviens pas à me connecter sur in-browser-editing...
Merci

Bonjour,
Je ne suis pas du tout expert mais j'essaye de t'aider. Comme tu ne donnes aucune info, Je suppose que tu as utilisé MUSE et que tu as publié sur BusinessCatalyst.
As-tu lancé ton site en production ("Launch Site") ? Moi, je n'ai encore lancé aucun site en production et le in-browser-editing. me renvoi vers la console Admin de Businesscatalyst.
En ce qui concerne , l'apparence du site sur divers devices, il n'y a pas de miracles, as-tu au moins fait une version tablette et une version smartphone en plus de la version bureau? la question peut paraître idiote ... Si ce n'est pas le cas, il faut voir les diverses formations d'Adobe ou te tourner vers une formation complète. Comme je ne suis pas du tout anglophone, j'ai gagné beaucoup de temps en achetant celle de Franck Payen sur V2B.
Ce que je peux te dire pour avoir fait plusieurs tests, c'est qu'au moins sur ma tablette androïd, c'est la version "phone" qui est lancée et non la version "Tablet". Je suis en contact avec le support BC à ce sujet. j'attends une précision par rapport à une correction qu'ils ont effectuée dernièrement.
Autrement, le résultat est parfait sur Bureau, Phone et en utilisant l'url "tablet" , sur la tablette Androïd.

Votre logiciel ne tient pas ses promesse aucun respect de la mise en page ne respecte pas la ponctuation merci de votre concours

votre logiciel ne tient pas ses promesse de traduire du PDF EN TEXTE aucun respect de la mise en page, ne respecte pas la ponctuation merci de votre concours
cela m'a couté 25 euros je ne sais même pas comment me désabonner c' est honteux. A VOTRE BON PLAISIR MERCI
Patrick RESPINGER
[email protected]

Bonjour
Apparemment je ne suis pas désabonner je l’ai pourtant fait de suite s’il vous plait que nous n’ayons pas une mauvaise image de vous
cordialement Patrick
Le 15 mars 2015 à 08:20, RahulTyagi4you <[email protected]> a écrit :
votre logiciel ne tient pas ses promesse aucun respect de la mise en page ne respecte pas la ponctuation merci de votre concours
created by RahulTyagi4you <https://forums.adobe.com/people/RahulTyagi4you> in Adobe Acrobat.com Services - View the full discussion <https://forums.adobe.com/message/7297182#7297182>
Salut patrickr50839386 ,
Acrobat est utilisé pour convertir et éditer des PDF , de ne pas traduire pdf dans l'autre langue . Si vous rencontrez tout problème dans la conversion de fichiers ou l'édition de fichiers PDF , puis se il vous plaît revenir avec le message d'erreur exact ou la description d'erreur . Si vous souhaitez annuler votre abonnement , vous pouvez le faire via ce lien: Contact Customer Care <https://helpx.adobe.com/contact.html>
Cordialement,
Rahul
If the reply above answers your question, please take a moment to mark this answer as correct by visiting: https://forums.adobe.com/message/7297182#7297182 and clicking ‘Correct’ below the answer
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page:
Please note that the Adobe Forums do not accept email attachments. If you want to embed an image in your message please visit the thread in the forum and click the camera icon: https://forums.adobe.com/message/7297182#7297182
To unsubscribe from this thread, please visit the message page at , click "Following" at the top right, & "Stop Following"
Start a new discussion in Adobe Acrobat.com Services by email <mailto:[email protected]com> or at Adobe Community <https://forums.adobe.com/choose-container.jspa?contentType=1&containerType=14&container=48 70>
For more information about maintaining your forum email notifications please go to https://forums.adobe.com/thread/1516624 <https://forums.adobe.com/thread/1516624>.

Livre Blurb - Personnalisation mise en page

Bonjour, (désolé, mais je connais pas les termes en Anglais)
Je souhaiterais créer des mises en pages personnalisées dans le module livre de Blurb.
Je sais déplacer la photo dans la cellule.
Mais je voudrais déplacer les cellules, et même les faire se superposer légèrement
Merci pour votre aide
Cordialement
Alain Jouffray
Montpellier France

Il faut utiliser les fonctions d' "habillage" de Easycatalog
La réponse a été postée ici :
http://www.inpagina.fr/easycatalog/forum/support-general--commencer-avec-easycatalog/1391- elements-de-gabarits-liberes-probleme-de-reorganisation-de-pages.html#1393

Probleme mise en page Tablette Verticale/horizontale

Dans Muse, la version pour tablette est par défaut en vertical. Une image carrée de 650 px apparait donc bien sur une tablette lue à la verticale. mais si je retourne la tablette (iPad) à l'horizontale, cette image de 650 px est gonflée (donc tronquée dans la hauteur et pixellisée) - l'image ne reste pas à sa taille originale, il y a un phénomène responsive avec la tablette positionnée à l'horizontale.
Y' a t-il une solution pour que l'image reste à sa taille originale quelque soit la position de la tablette (lecture en horizontale ou en verticale) ?
ou peut-on faire 2 mises en page (portrait + paysage) comme dans Adobe DPS ?
Merci d'avance aux bonnes volontés

What exactly you are referring to ? please provide more details , screenshots etc.
Thanks,
Sanjit

Mise en page en tableau

Bonjour,
J'ai vu que sur indesign on peut réaliser la mise en page à partir des tableaux. Je pense m'y mettre bientôt car ca semble apporter un net avantage.
Néanmoins, je sais que sur le web, les tableaux sont à proscrire pour la mise en tableau pose un problème?.
Après tout, le but du tableau n'est pas de faire de la mise en forme.
Bien cordialement

I'm sorry, I don't speak French. I think the script from the first link on the page I sent you to is what you want, but perhaps you already looked at that page. Here's a direct link to the explanation page: http://www.kahrel.plus.com/indesign/footnotes_columns.html

Les mises à jour page et number sont installées mais ne fonctionnent pas ????

les mises à jour page et number sont installées mais ne fonctionnent pas ????

Bonjour ...
Applications telles que Little Snitch, Peer Guardian, et les logiciels anti-virus peuvent empêcher l'accès à l'App Store.

Pourquoi le centrage automatique des pages est désactivé pour des mise en page tablette et téléphone ?

Pourquoi le centrage automatique des pages est désactivé pour des mise en page tablette et téléphone ?

What exactly you are referring to ? please provide more details , screenshots etc.
Thanks,
Sanjit

Dreamweaver cc2014 - mode grille de mise en page fluide

Similar Messages

Maybe you are looking for