Adobe Community: PLEASE HELP!!

Currently Being Moderated

1. Nancy O.,

May 18, 2012 1:18 PM in reply to roanchasan1

Report

In Dreamweaver CS6, icons are at the bottom of your screen for mobile, tablet & desktop view. See screenshots below.

In addition, there is a Multi-Screen Preview that shows your page 3 ways.

See CS6 Fluid-Grid Layouts (Adobe TV)

http://tv.adobe.com/watch/learn-dreamweaver-cs6/using-fluid-grid-layou ts/?go=13275

Nancy O.

Alt-Web Design & Publishing

Web | Graphics | Print | Media Specialists

http://alt-web.com/

http://twitter.com/altweb

http://alt-web.blogspot.com/

|

Mark as:

Currently Being Moderated

2. roanchasan1,

May 18, 2012 1:44 PM in reply to Nancy O.

Report

Hello Nancy O.

I am using CS5, the problem I found with all this is that when I uploaded my page, I can see some the page I am working on in my Ipad for example, but that same page I can't see it on my laptop, I don't know if you have an Ipad but go to www.uniquedestinationwedding.com look at it from a pc and from an Ipad and go to Our Staff and you'll see what I am talking about.

By the way, that page is a work in progress I upload it incompleted because I want to see on every platform how is looking.

Thanks

|

Mark as:

Currently Being Moderated

3. Nancy O.,

May 18, 2012 2:11 PM in reply to roanchasan1

Report

Looks OK to me in Firefox 12 with viewport resized. I can see Mobile, Tablet and Desktop layouts.

This image is too wide for smaller devices. You should use width in percentages rather than pixels.

http://www.uniquedestinationwedding.com/images/aboutusbanner.png

Also, I notice you're using the ALIGN attribute which is obsolete in HTML5 doc types. Better to use CSS classes.

CSS:

.center {text-align:center}

.justify {text-align:justify}

HTML:

<h3 class="center">

<p class="justify">

Nancy O.

|

Mark as:

Currently Being Moderated

4. roanchasan1,

May 18, 2012 2:24 PM in reply to Nancy O.

Report

THANK YOU.

Well, I am an unemployed web design fan, no web designer just a fan.

The Easy way for me to do things is on design mode and I try to play with the codes here and there, based on what I see on the template, but this one is actually driving me crazy because is not just a "desktop" view and I noticed a lot of things change on one format but not the other and I don't know what I am doing wrong, but I'll get it done.

Nancy O, what I wrote on my original post is that when I use the split view I have on my left the codes and on my right the design view, well that design view is actually the Smartphone view and when I get out of the split mode and get into the design, I am sure that format in front of me is not the desktop look, so what I want to have in front of me is the actualy desktop view, work on it, post it and keep going.

In regard to your respond, you think the issue is becuase I am using Explorer? because I CAN'T see it, if you go to ABOUT- OUR STAFF OR OUR PARTNERS I get a blank page, but if I do this on my Blackberry, Ipod or Ipad, I can see what I have on those pages.

Thank you for all your help.

|

Mark as:

Currently Being Moderated

5. roanchasan1,

May 18, 2012 2:38 PM in reply to Nancy O.

Report

The "aboutusbanner.png" I created it, now based on your reply, where should I change the width to percentages from pixels? is that something to do in my original PSD file? or on the template?

I noticed the pictures that come with the template, I can see them correctly, but the one I added I can't and I am guessing is becuase of what you wrote.

Thanks Nancy

|

Mark as:

Currently Being Moderated

6. Nancy O.,

May 18, 2012 3:55 PM in reply to roanchasan1

Report

For a non-coder, responsive web design is a very ambitious project. Even for experienced developers, the complex CSS can be quite challenging.

You might have better luck disabling CSS styles and just focus on the HTML to get your content in order.

View > Style Rendering > un-tick Display Styles.

Our Staff page is blank but I can't see anything that explains why. However, if I disable CSS in my browser, I can see text on the page.

To nail down the problem you would have to compare code in a working and non-working page. I realize you purchased this template thinking it would help you, but I think it's way too advanced for you to work with in Design View.

It might help you to build a test site with Media Queries first so you can see how all the parts come together.

http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-que ries.html

Nancy O.

|

Mark as:

Currently Being Moderated

7. roanchasan1,

May 18, 2012 4:07 PM in reply to Nancy O.

Report

Thanks Nancy O.

Here is what I did.

I contacted the people from Template Monster I already explained to to hem the whole deal and they are looking into the issue, however...

here is what I am goig to do, I am going to downlod a FRESH template and just replace the picture I have originally on the index and see how I can resize my "banner" and make work on every platform in regard to the "blank" pages I am just going t go back to the draw board and step by step figure out what I am deleting or moving or something that is not working right, becuase it suppose to work.

Thanks anyway for all your help, unfortunately for me this customer already paid me so I have to deliver no matter what...

Have a nice evening and THANK you for your help.

|

Mark as:

Dreamweaver

PLEASE HELP!!

May 18, 2012 11:33 AM

More Like This

Bookmarked By (0)

Answers + Points = Status