New to CS6 Dreamweaver, creating a "Responsive Website" having trouble getting fluid divs to behave
Trying to create a "Responsive Website" and I'm having trouble getting my fluid divs that I create to "break" their link from the "Boilerplate" .
I'm using a "Fluid Grid layout Div" to create a section that has a transparent background of rgba(0,0,0,0.3) and that's perfect, then I add two more "Fluid Grid layout Div's" inside the transparent one to create a 2-column part in the section and that's where the trouble is.
None of the "formatting" I've set for the text in my ID's or Classes are being used - just reverts to what's in the "Boilerplate" i.e. "p,h2,h3" and I can't get it to "break" it's link the "Boilerplate" so I can apply my formatting.
I have been able to select my formatting at times but it is ignored and uses what's in the "Boilerplate".
Kept trying different ways to get it to work and now I've so many of both the ID's and Class's that their not all showing up as an option to be able select them.
I'm missing something basic and after two days it still escapes me.
Please somebody, tell me what I'm missing.
Frustrated
FluidGrid Layouts are not easy to learn. You need a good grasp of fundamental RWD concepts including CSS Media Queries. Keep your layout simple and be patient. The first time I used FGLayouts, I had to start over 9 times before I got acceptable results.
Responsive Web Design
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
Introduction to CSS Media Queries
http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
CS6 Fluid Grid layouts (17 min video)
http://tv.adobe.com/watch/learn-dreamweaver-cs6/using-fluid-grid-layouts/
Best advice for beginners:
Build Mobile Layout first. Everything else is based on this primary layout. Then build Tablet layout and finally Desktop. Don't worry about content. Just build the layout & save often during development.
DO NOT TAMPER with the boilerplate.css or FGLayout.css code. Even experts can break the layout in a hurry. Use a separate external style sheet for content and typography styles.
If you're using CS6 ver 12.0, you cannot nest divs inside other divs. Everything must be inside the .gridContainer like this:
<body>
<div class="gridContainer">
<div> </div>
<div> </div>
<div> </div>
</div>
</body>
If you care to post a link to your online test page, we can take a look and possibly offer more suggestions.
Nancy O.
Similar Messages
-
I have a new Android tablet and can't seem to get my itunes downloaded on it. How to I do it?
IAs the post over on the right under the heading More Like This state you can download to Android.
Allan -
Possibility to create full responsive websites with new features
Hi guys!
I think that Muse would be incredible and very professional if the develop team include the possibility to create full responsive websites, with no more problem even in the height of a site, expecially if you wanna create an horizontal scroll website.
Another great fature is the Bootstrap 3, that could be used in some layout and templates... Add more widget, like in a CMS and obviously it would be great if you can use very full-responsive icons.
What do you think about it, guys?Fully responsive would be great.
I love the new updates from Muse, especially the library, state buttons, and ability to create mega menus.... However, I've been building more of my websites with Wordpress due to the lack of Responsive design. If Muse adds that capability, along with at least basic additions to the CMS (clients being able to add hyperlinks, link documents, modify H1,2,p text, etc), I'm likelly to go all in. -
I have an older IPOD classic that I'm having trouble getting new purchases from library to IPOD. I use to have a IPOD icon in the source list on the left side of the screen. Now that is all gone. My purchases are coming up as recently purchased but can't figure out how to get them transferred to IPOD. I also can't find how to confirm setting is for manual not auto sync as the first computer I had blew up and am now using a different one. I haven't had any of these problems prior to the updates.
G'day Mate,
As an avid flight simmer I bought a new soundcard my previous was
an audigy 2 platinum ex with an external module I really liked but somehow all of a sudden I was getting a screech when using FS9 sor I opted to change to the present. Well stone the crows my soundcard was auto updated with new drivers and well you guessed it the soundcard did not show in the sound video controllers window No I have just joined this forum and it looks like3 you may have the answer for me . I am now going to do as you suggest and see what happens.
I shall return with the outcome of my dilemma.
Many thanks for your sound advice ( pardon the pun)
Pat
Ret'd Viet Vet -
How do I change a default from feathered edge to sharp edge when I select a path?
I'm working in Photoshop CS6 on a Mac and am having trouble when I select a Path it automatically feathers the selection border. I can't seem to find any place to adjust a feather setting. Does anyone have a suggestion? I'm using paths to silhouette an image on a photograph to use in another document and I need a hard edge on it, not a feathered one.In the Paths panel, click the flyout menu (in the top right of the panel) and choose Make Selection (this option will only be available if you have a path selected). Reduce the Feather Radius to 0 (zero) and click OK. This setting will be the default even when clicking the Load Path as Selection button.
-
When I open my firefox browser my Jeeves is missing and am having trouble getting onto websites
Can't see Jeeves on the opening browser page and I am having trouble getting onto websites any ideas.
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance/Themes).
*Don't make any changes on the Safe mode start window.
*https://support.mozilla.org/kb/Safe+Mode
See also:
*[[/questions/860323]]
IncrediMail Help Center: How do I remove IncrediMail MyStart from my Firefox Internet Browser?
* http://help.incredimail.com/incredimail/help_center/help_article.aspx?article_id=276&lang_id=9 -
Having trouble getting started with my new shuffle
I am having trouble getting started with my new shuffle. any help?
Hey there Feisty59,
It sounds like you have a new iPod Shuffle, and want to know how to start using it. Here is a great resource for understanding how to use your iPod, and how to set it up and get music synced to it from iTunes:
iPod shuffle User Guide
http://manuals.info.apple.com/MANUALS/1000/MA1550/en_US/iPod_shuffle_4thgen_User _Guide.pdf
If you have a different model of iPod Shuffle, choose yours from the following page and use that guide instead:
Apple - Support - Manuals
http://support.apple.com/manuals/#ipodshuffle
Thank you for using Apple Support Communities.
All the very best,
Sterling -
I have downloaded and installed the new ios7 software on my iphone 4s but im having trouble getting through the activation process i keep getting the message "iphone could not be activated because the activation server cannot be reached"? any suggestions?
The activation servers are probably overloaded with everyone trying to update to iOS 7 today. You might need to wait and try again later.
-
I am having trouble getting mail from the shaw server that my new iMac is connected to. I have to reboot the system to get Outlook for Mac to access the system and obtain new messages. Any ideas? Its at the point where I have started using the PC again as its less trouble.......
In Firefox 3.6.4 and later the default connection settings have been changed to "Use the system proxy settings".<br />
See "Firefox connection settings" in [[Server not found]]
You can find the connection settings in "Tools > Options > Advanced : Network : Connection"<br />
If you do not need to use a proxy to connect to internet then select No Proxy -
On the new ios 7 i am having trouble getting notifications, if i get kik it dosent show me i get a notification unless i open the app, how do i fix it?
Hi Baseballlifea5,
Welcome to the Support Communities!
The article below may be able to help you with this issue.
Click on the link to see more details and screenshots.
Check to see if the developer has an iOS 7 update for their app first.
The IPad Mini User Guide shows how to adjust the notifications setting for each app on page 29:
manuals.info.apple.com/MANUALS/1000/MA1595/en_US/ipad_user_guide.pdf
Cheers,
- Judy -
Hey guys, I have an ipad2. Am a new user of apple products. Currently am having trouble streaming movies and series online...I seem to only be able t watch YouTube video from the YouTube app installed on the iPad. Please any suggestions?
Currently am having trouble streaming movies and series online...
From where? Using which apps? -
I just bought a new computer and I am having trouble getting my iTunes library to transfer from the old computer to my new one. I turned the home sharing feature on but it still isn't working. Does anyone have any ideas or suggestions as to what I may be missing?
See this migrate iTunes library post.
tt2 -
How can I create a responsive website based in Adobe Muse?
I already created a website with Adobe Muse but I just find out that it doesn't support Responsive Websites. What can I do now? Is there a way to make my website responsive or do I have to redesign it?
Hi there! I`d recommend you to try create website from a ready-made template rather than from very start-up. It`s much easier. I like website templates based upon Joomla http://www.templatemonster.com/joomla-templates.php . Feel free to address it and convience yourself it`s as simple as rolling off a log. Good luck!
-
How to create a responsive website menu?
We’re looking to create a responsive menu that adjusts from a full size horizontal menu (with 6 items) to a dynamic single menu (not a select box, but a dynamic menu).
EG:
full size menu: home, services, products, about, contact, etc
The phone menu would have “Menu” and everything would be a dynamic drop down from that.
Is this built in, any templates out there and/or is this doable?The Edge Commons library will get you headed down the right path, in terms of different layouts for different devices.
http://tv.adobe.com/watch/learn-edge-animate/flexible-layouts-using-adobe-edge-animate-and -the-edge-commons-library/
https://github.com/simonwidjaja/EdgeCommons
You could also build a menu for desktop/mobile. Then check browser size with this:
$(window).width();
or use a library like modernizr to check capabilitie (touch for example): http://www.modernizr.com/
You could then use jQuery show/hide to display the appropriate menu. -
I have a trial version of Captivate 8 that I am evaluating to determine if it will be an option to replace a software we currently use. However I am having a lot of trouble getting even the simplest of tasks to work using the responsive design template. To troubleshoot I created 2 projects 1st a completed empty project using responsive design and a 2nd blank project using the blank project template. I created an audio file that the button, when pressed, will play. I can place a button on first slide of both projects, rollovers work fine, but in the responsive design project buttons will not work to trigger the action. Is this a known issue in the trial version?
A Blank project is a normal cptx-project, not a responsive project, it has no breakpoint views like a responsive project, it is meant to have always the same layout but on publishing you can choose to have it 'rescale' automatically. A responsive project allows you to create slightly different layouts for the three breakpoint views: Primary (desktop/laptop/landscape on tablets), Tablet (portrait on tablet) and mobile (phones, where the browser has much lower resolution than the real phone resolution). The 'look' of a project, whether it is responsive or not will be defined by the Theme that is the default theme at that moment, and with the default theme colors that you have at that moment. I think in newbie mode the default theme is White (not sure, never used newbie mode). If you choose another theme as default theme, a blank project and a responsive project will open with that theme applied to it. All themes coming with CP8 are responsive, but you can use them also for normal projects, in that case you only use the object styles for Primary view. Each object style normally has 3 versions, for the 3 breakpoint views.
Maybe you are looking for
-
I've already gone through the whole troubleshooting process and nothing works. I can't even "restore" my ipod to original settings, because when I try, the computer tells me my iPod doesn't exist. It's like the iPod no longer even connects to iTunes
-
i just recently have made the pc to mac switch and am now in the process of transfering all of my music and what have you. i didn't get very far due to the external hard drive that i use is not recognized by the mac. ive had friends plug it into thei
-
Where can I find the PDF manual for Premiere Elements?
Does Adobe have a full manual in PDF file format for Premiere Elements 9.0? P.S. Watch out for trying to handle large (> 700meg) AVI files. Phone support says I'm SOL on bringing in my 6.5 gig 24 minute file. Their solution? Bring it in small chunk
-
Call to Java Method to Zip directory fails with error Invalid parameter 1
Hi all, I try to translate the following Java Code to PeopleCode and I do not succeed in it. Can somebody please help me out ? On that website http://www3.ntu.edu.sg/home/ehchua/programming/java/J5b_IO.html I extracted the Java Code: import java.io.F
-
Pktool errors with KMF_ERR_ENCODING
Hi - does anyone know what the above error might relate to? I can't find anything out about it at all and am a bit stumped as to what it means. I'm trying to import 3 certificates with keys into a pkcs11 keystore on a Sun T2000 server for cryptograph