Responsive site breaks??

My responsive site is centered properly until I add a banner graphic but then the site breaks and displays in browsers left justified. Also, I have many required links in my primary menu. They can't be in a dropdown. What's the best way to add these to a responsive site?
Oh, and did I mention that after all these years, I still HATE CSS?
Thanks

You have supplied a very interesting but useless bit of patter.
If you want serious assistance, we need to be privy to the markup (HTML), style rules (CSS) and script (JS) that you have managed to populate your document with.
The best way to get us involved is to supply a link to your site.
PS. I hate CSS too, but without it the page looks sort of bland.

Similar Messages

Can I create a "stage" in Animate and use it in Muse to create a responsive site?

I want to use Muse to build my site and Animate for some elements. I need a responsive site. Muse does not do that but Animate does. That is crazy! How can I combine them? There has got to be a way. Someone smarter than I has figured it out I am sure, I am hoping they chime in.
Can I create the "stage" in Animate and use it in Muse?

You are probably right but I was looking for the ease in creating only one and letting it do the work.
Now that I think about it....my site will have video embedded and a link for Ustream. That won't work on a mobile device if it is part of a responsive design will it?
Oh, there is soooo much to all of this!
Newbie anxiety!
This is why I chose Muse and Animate, I am too new to code it on my own.

Scaling text for a responsive site???????? possible???????????

can someone tell me if an edge text animation i am building can be made responsive so that when it resizes to tablet and phone sizes it will
size accordingly. i've been trying but am unable to get it to work.
site i am working on is http://www.johnbehring.tv
thanks
drotar

Yes it is possible.
data: v_fieldname(10).
v_fieldname = 'TESTBUTTON'.
call screen 100.
module STATUS_0100 output.
SET PF-STATUS 'ZTEST'.
endmodule. " STATUS_0100 OUTPUT
While setting the pf-status, i added the button in the application toolbar, there it ask for text , i will use the option Dynamic, Instead of Static which is default option, then it ask for the fieldname , you mention the fieldname which is there in Program. Conditionally populate the field.

Site breaks in FF 3.5

hi
i am building a site, it's built slightly awkward, i had to recreate an old flash site using html.
anyhow, it's fine now, in all browsers but FF.
in FF it breaks all over the screen
the address: d1014240.kapara26.sox-box.com (it's a temporary address).
any idea why? do you see the error or do you see it ok ?
thanks
Lenny

You really need to run your page through the validator:
http://validator.w3.org/
You are using XHTML style tags in an HTML document ( /> instead of having a closing tag), your td background is missing an "=" between background and the value. And there are some others as well.

What is the most efficient way to convert a static site to a responsive site using Dreamweaver?

I need to convert an old site made in Dreamweaver to be responsive to any monitor size. What is the most efficient way to do this?

Depending on what you have to work with and how it was coded, it might be doable and then again not. Suffice it to say, there are no magic buttons that will do this for you. Also consider that mobile & tablet users interact differently with their web devices. So your navigation & forms must be finger friendly. Also images & content must make mobile users happy without killing their dataplans. There's a lot of planning that goes into making a good Responsive Web site.
Nancy O.

Surveymonkey response site not working

After uninstalling LSC I was directed to a website of Surveymonkey. This site is not working properly and is a good means to piss off customers who already are pissed off.
This link does not work : https://www.surveymonkey.com/s.aspx?sm=TKVmpUNQ3reKoXAvFLYhX5bk%2f5hvonSAGDDYp8bjYh0%3d

The moneky website was available to me today.
I responded about LSC.

Responsive Site Update for Prosite (April 21st Deadline!)

We as a Prosite user community deserve to to receive a timeline on the roll out of responsive website templates. For the money that we continually pay, and to not have any answers for YEARS, is unacceptable. I can guarantee that if any of us business owners and creatives treated our paying clients like this we would lose business right and left.
I have recently become a big fan of SquareSpace and all that they do, are and represent.
I expect your Behance/Adobe/Prosite team to read this: Webmaster's Mobile Guide and submit a response to everyone immediately.
Enough of your "keep us in the dark" responses.

Hi Alex - I fully understand your frustration, and if I had a definite date to share, I certainly would - it's tough for us to give dates in case we don't hit the target date, as that would likely just lead to more frustration from you, the community.
I can update you that our team is in full-swing in the development of this product at this point in time (when these threads began, we were still a long way off from beginning to develop). I do know that this will not be released by April 21st (which you've listed as a deadline), so we would certainly recommend that you switch over to Squarespace if you're looking for an immediate solution.
I'm planning to give any members of these ProSite threads a few free months of the product when it launches, as a thank you for your patience during this long wait. As a customer, I'd be aggravated too - I get it! Just know that our team is working hard to get you the very best product out to you as fast as we can.

Site breaks after implementing RBLOB

Dears
I have successfully configured RBLOB for a document center site collection, however as soon as I enable blob setting on content db, the site containing documents seems distorted, and I am not able to upload any document it gives me a web.config error.
Note I first created site & then enable the rblob, hope it doesn't matter that if you create site first & then enable rblob or vice versa.
I followed below links
https://www.simple-talk.com/dotnet/.net-tools/sharepoint-2010-storing-documents-on-the-file-system-with-remote-blob-storage/
http://thesharepointfarm.com/2011/03/enabling-rbs-on-multiple-content-databases/

Sorry guys for replying late, I checked the db permission for app pool exists, still the same error.
Below is the log from event viewer while trying to upload file of any size
Event code: 3005
Event message: An unhandled exception has occurred.
Event time: 1/7/2015 12:41:35 PM
Event time (UTC): 1/7/2015 8:41:35 AM
Event ID: 1608b255b64f44618f95b111821b685b
Event sequence: 8128
Event occurrence: 258
Event detail code: 0
Application information:
    Application domain: /LM/W3SVC/489769728/ROOT-1-130650585599244699
    Trust level: Full
    Application Virtual Path: /
    Application Path: C:\inetpub\wwwroot\wss\VirtualDirectories\80\
    Machine name: RAECVSPAPP
Process information:
    Process ID: 9468
    Process name: w3wp.exe
    Account name: RURAL\sp_pool2013
Exception information:
    Exception type: SPException
    Exception message: The URL 'test/Read me.txt' is invalid. It may refer to a nonexistent file or folder, or refer to a valid file or folder that is not in the current Web.
   at Microsoft.SharePoint.SPGlobal.HandleComException(COMException comEx)
   at Microsoft.SharePoint.Library.SPRequest.PutFile(String bstrUrl, String bstrWebRelativeUrl, Object punkFile, Int64 cbFile, Object punkSPFileMgr, Object punkFFM, Int64 PutFileOpt, String bstrCreatedBy, String bstrModifiedBy, Int32 iCreatedByID,
Int32 iModifiedByID, Object varTimeCreated, Object varTimeLastModified, Object varProperties, String bstrCheckinComment, String bstrLockIdMatch, String bstEtagToMatch, Int32 lockType, String lockId, Int32 minutes, Int32 fRefreshLock, Int32 bValidateReqFields,
Guid gNewDocId, SPFileSaveParams sfsp, SPFileInfo& pFileProps, UInt32& pdwVirusCheckStatus, String& pVirusCheckMessage, String& pEtagReturn, Byte& piLevel, Int32& pbIgnoredReqProps)
   at Microsoft.SharePoint.SPFileCollection.AddStreamOrBytesInternal(String urlOfFile, Stream file, Int64 fileSizeToSave, SPFileStreamManager spmgr, PutFileOpt fileOpt, String createdBy, String modifiedBy, Int32 createdByID, Int32 modifiedByID, DateTime
timeCreated, DateTime timeLastModified, Object varProperties, String checkInComment, Stream formatMetadata, String lockIdMatch, String etagToMatch, SPLockType lockType, String lockId, TimeSpan lockTimeout, Boolean validateRequiredFields, SPVirusCheckStatus&
virusCheckStatus, String& virusCheckMessage, String& etagNew, Boolean& ignoredRequiredProps)
   at Microsoft.SharePoint.SPFileCollection.Add(String urlOfFile, Stream file, SPFileCollectionAddParameters parameters)
   at Microsoft.Office.RecordsManagement.PolicyFeatures.ApplicationPages.UploadPage.UploadFile(HttpPostedFile requestFile, String& leafName, SPVirusCheckStatus& checkStatus, String& virusMessage)
   at Microsoft.Office.RecordsManagement.PolicyFeatures.ApplicationPages.UploadPage.UploadFile(HttpPostedFile requestFile)
   at Microsoft.Office.RecordsManagement.PolicyFeatures.ApplicationPages.UploadPage.OnSubmit(Object o, EventArgs e)
   at Microsoft.Office.RecordsManagement.PolicyFeatures.ApplicationPages.UploadExPage.OnSubmit(Object o, EventArgs e)
   at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint)
<nativehr>0x81020030</nativehr><nativestack></nativestack>The URL 'test/Read me.txt' is invalid. It may refer to a nonexistent file or folder, or refer to a valid file or folder that is not in the current Web.
   at Microsoft.SharePoint.Library.SPRequestInternalClass.PutFile(String bstrUrl, String bstrWebRelativeUrl, Object punkFile, Int64 cbFile, Object punkSPFileMgr, Object punkFFM, Int64 PutFileOpt, String bstrCreatedBy, String bstrModifiedBy, Int32
iCreatedByID, Int32 iModifiedByID, Object varTimeCreated, Object varTimeLastModified, Object varProperties, String bstrCheckinComment, String bstrLockIdMatch, String bstEtagToMatch, Int32 lockType, String lockId, Int32 minutes, Int32 fRefreshLock, Int32 bValidateReqFields,
Guid gNewDocId, SPFileSaveParams sfsp, SPFileInfo& pFileProps, UInt32& pdwVirusCheckStatus, String& pVirusCheckMessage, String& pEtagReturn, Byte& piLevel, Int32& pbIgnoredReqProps)
   at Microsoft.SharePoint.Library.SPRequest.PutFile(String bstrUrl, String bstrWebRelativeUrl, Object punkFile, Int64 cbFile, Object punkSPFileMgr, Object punkFFM, Int64 PutFileOpt, String bstrCreatedBy, String bstrModifiedBy, Int32 iCreatedByID,
Int32 iModifiedByID, Object varTimeCreated, Object varTimeLastModified, Object varProperties, String bstrCheckinComment, String bstrLockIdMatch, String bstEtagToMatch, Int32 lockType, String lockId, Int32 minutes, Int32 fRefreshLock, Int32 bValidateReqFields,
Guid gNewDocId, SPFileSaveParams sfsp, SPFileInfo& pFileProps, UInt32& pdwVirusCheckStatus, String& pVirusCheckMessage, String& pEtagReturn, Byte& piLevel, Int32& pbIgnoredReqProps)
Request information:
    Request URL:
http://raecvspapp/_layouts/15/UploadEx.aspx?List={59E76088-CFB2-4FA8-AE49-8B6ACC95FB63}&RootFolder=&IsDlg=1
    Request path: /_layouts/15/UploadEx.aspx
    User host address: ::1
    User: 0#.w|rural\sp_admin2013
    Is authenticated: True
    Authentication Type: Federation
    Thread account name: RURAL\sp_pool2013
Thread information:
    Thread ID: 36
    Thread account name: RURAL\sp_pool2013
    Is impersonating: False
    Stack trace:    at Microsoft.SharePoint.SPGlobal.HandleComException(COMException comEx)
   at Microsoft.SharePoint.Library.SPRequest.PutFile(String bstrUrl, String bstrWebRelativeUrl, Object punkFile, Int64 cbFile, Object punkSPFileMgr, Object punkFFM, Int64 PutFileOpt, String bstrCreatedBy, String bstrModifiedBy, Int32 iCreatedByID,
Int32 iModifiedByID, Object varTimeCreated, Object varTimeLastModified, Object varProperties, String bstrCheckinComment, String bstrLockIdMatch, String bstEtagToMatch, Int32 lockType, String lockId, Int32 minutes, Int32 fRefreshLock, Int32 bValidateReqFields,
Guid gNewDocId, SPFileSaveParams sfsp, SPFileInfo& pFileProps, UInt32& pdwVirusCheckStatus, String& pVirusCheckMessage, String& pEtagReturn, Byte& piLevel, Int32& pbIgnoredReqProps)
   at Microsoft.SharePoint.SPFileCollection.AddStreamOrBytesInternal(String urlOfFile, Stream file, Int64 fileSizeToSave, SPFileStreamManager spmgr, PutFileOpt fileOpt, String createdBy, String modifiedBy, Int32 createdByID, Int32 modifiedByID, DateTime
timeCreated, DateTime timeLastModified, Object varProperties, String checkInComment, Stream formatMetadata, String lockIdMatch, String etagToMatch, SPLockType lockType, String lockId, TimeSpan lockTimeout, Boolean validateRequiredFields, SPVirusCheckStatus&
virusCheckStatus, String& virusCheckMessage, String& etagNew, Boolean& ignoredRequiredProps)
   at Microsoft.SharePoint.SPFileCollection.Add(String urlOfFile, Stream file, SPFileCollectionAddParameters parameters)
   at Microsoft.Office.RecordsManagement.PolicyFeatures.ApplicationPages.UploadPage.UploadFile(HttpPostedFile requestFile, String& leafName, SPVirusCheckStatus& checkStatus, String& virusMessage)
   at Microsoft.Office.RecordsManagement.PolicyFeatures.ApplicationPages.UploadPage.UploadFile(HttpPostedFile requestFile)
   at Microsoft.Office.RecordsManagement.PolicyFeatures.ApplicationPages.UploadPage.OnSubmit(Object o, EventArgs e)
   at Microsoft.Office.RecordsManagement.PolicyFeatures.ApplicationPages.UploadExPage.OnSubmit(Object o, EventArgs e)
   at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint)
Custom event details:

FF22: display of web changes to huge proportions + sites break

I tried everything except complete reset of Firefox. All websites, including Google, display way too big font and images. Causes parts of websites to break down. Using zoom doesn't solve anything. Checked fonts settings, no problem there. Unworkable for productivity. Couldn't even reach this page because link for logging in didn't work. Only after re-installing FF 21 creating this ticket became possible. In FF 21 all aforementioned issues are not present.

Hi NoLogo, this is not an official statement:
I would like two see separate percentages for the chrome area and for the content area. This would eliminate the problem of needing an add-on (or userChrome.css style rule) for when a single setting doesn't make everything look the way you want.

Responsive site not responsive

What did I do wrong?
http://vps3147.inmotionhosting.com/~merwin/merwin.html
This does not work on iPhone.
-Mark

#pagewrap {
    padding: 5px;
    width: 803px;
    margin: 20px auto;
    background-color: #FFF;
Use a % width instead of pixels.
Nancy O.

Re-sizing images in fluid grid layout (responsive site design)

I have an image that I placed in dreamweaver cc. It scales great in all deives and browsers. The thing is I want to make some small ajustments with its height in the differant devices and when I do so in one device it screws everything up in all the others terribly.

Mr.adobe2341 wrote:
I have an image that I placed in dreamweaver cc. It scales great in all deives and browsers. The thing is I want to make some small ajustments with its height in the differant devices and when I do so in one device it screws everything up in all the others terribly.
Throw us some code.......preferable a link url to what you have so far.

Error in getting the servlet response

Below is my ErrorPage Servlet. Whenever a 404 page not found error is encountered, the error page servlet reads the 404.html, and writes the content to the response. But I am not able to see the content in IE, but works fine in mozilla.
public class ErrorPageServlet extends HttpServlet {
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        String errorPath = request.getAttribute("javax.servlet.error.request_uri").toString();
        int statusCode = Integer.parseInt(request.getAttribute("javax.servlet.error.status_code")
                .toString());
        String[] errorPathSegment = errorPath.split("/");
        String site = errorPathSegment[2];
        switch (statusCode) {
        case HttpServletResponse.SC_NOT_FOUND:
            writeOutFile(request, response, "/" + site + "/error/404.html");
            break;
        case HttpServletResponse.SC_INTERNAL_SERVER_ERROR:
        case HttpServletResponse.SC_NOT_IMPLEMENTED:
        case HttpServletResponse.SC_BAD_GATEWAY:
        case HttpServletResponse.SC_SERVICE_UNAVAILABLE:
        case HttpServletResponse.SC_GATEWAY_TIMEOUT:
        case HttpServletResponse.SC_HTTP_VERSION_NOT_SUPPORTED:
            writeOutFile(request, response, "/" + site + "/error/500.html");
            break;
    public void writeOutFile(HttpServletRequest request, HttpServletResponse response,
            String fileName) throws IOException {
        ServletContext context = request.getSession().getServletContext();
        response.setContentType("text/html");
        PrintWriter writer = response.getWriter();
        InputStream resourceStream = context.getResourceAsStream(fileName);
        if (resourceStream != null) {
            InputStreamReader streamReader = new InputStreamReader(resourceStream);
            BufferedReader reader = new BufferedReader(streamReader);
            StringBuilder builder = new StringBuilder();
            for (String line = reader.readLine(); line != null; line = reader.readLine()) {
                builder.append(line);
                builder.append('\n');
            writer.write(builder.toString());
            writer.flush();
        } else {
            log.info("Problem occurred with " + fileName);
            response.sendRedirect("/");
    }Also attached is my 404.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd]">
<html xmlns="[http://www.w3.org/1999/xhtml]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="refresh" content="10;URL=/" >
</head>
<body>
<h1>Error</h1>
<p>A technical error has occurred. You will redirected in 10 seconds</p>
</body>
</html>

Hi..
Thanks for the comment.
Below is how my web.xml entry looks like.
The requirement is to send a 404 error response and that will be handled by a servlet which inturn writes the output to the response object.
     <servlet>
          <servlet-name>ErrorPageServlet</servlet-name>
          <servlet-class>com.test.ErrorPageServlet</servlet-class>
     </servlet>
     <servlet-mapping>
          <servlet-name>ErrorPageServlet</servlet-name>
          <url-pattern>/error</url-pattern>
     </servlet-mapping>
     <error-page>
          <error-code>404</error-code>
          <location>/error</location>
     </error-page>>>
the first option to turn off the "show friendly html error pages" works fine.
It would be better if I can get a different solution

Link in responsive web - core.js

Hi, I'm making a responsive site (test: http://allganized.nl/index2015.html) but still have some problems to solve ;o)
One of the problems is the hyperlinks in the navigation. I have a script core.js which make the links go in a soft way to it's place in stead of jumping (working o.k.: http://allganized.nl/)
Unfortunately now it doesn't work anymore!!! Does this has anything to do with the responsive design? Anyone any clue???

You have some errors in your html that should be cleaned up. Go to http://validator.w3.org to get a listing.
You also have calls to two different versions of the jQuery library, that almost always breaks your scripts.
You might be able to get away with using just the newer of the two (jquery-1.10.2.min.js) and comment out or delete the older one (jquery/1.8/jquery.min.js)

How do I turn my already build dreamweaver website in to a responsive website (Mobile friendly)???

any one please

Without seeing your site, it's impossible to say just how much work you're in for, but there is a lot more work involved in designing, building, and producing a responsive site. Converting an existing site usually means rebuilding the structure, laying out and restyling for your break points. Here are a few resources:
9 basic principles of responsive web design
Make It Responsive — Web Fundamentals
Responsive Web Design Basics — Web Fundamentals
16 really useful responsive design tutorials | Tutorial | Creative Bloq
Mobile Web Best Practices | Helping People Make Mobile Web Experiences
If you're really adventurous, you could prototype your RWD project using a different app, and then bring your exported files and assets into Dreamweaver for cleaning up and production: Next-Generation Responsive Web Design Tools: Webflow, Edge Reflow, Macaw - Smashing Magazine
Good luck!

When I create a tablet/desktop/phone version of a site, why are all the pages blank?

Hello, longtime listener/user, first time caller
I've been using Muse since jumping on the Creative Cloud train a couple years ago, but to date all my experience had been in maintaining and updating a desktop version of a couple small sites. I loved the idea of Muse being able to assist in the creation of separate desktop/tablet/mobile layouts (ie responsive design), and this past week was my first experience in using it as I worked on a ground-up rebuild of http://www.eridusociety.org. I started with a Phone layout, with the intention of getting that right and then expanding outward to a tablet version, and once that was finished, adding a desktop layout.
After completing the mobile site and testing it on Business Catalyst (thanks to all involved in that seamless integration, by the way), I clicked on the +Tablet button and proceeded to build out the tablet layout of the site. To my dismay, all the pages it built were blank. I tried deleting and re-doing it with different combinations of the options checked, to no avail. Then I raced off to the nearest web browser and started searching - surely I missed a step, or the great collective brain of the internet could alert me to some way to achieve this. Alas, no such luck.
The blank pages are intentional, and the way to populate those blank pages is to go back to the phone layout, open the page, then copy all the content, then switch back to the tablet layout, open the corresponding page on the tablet layout, and paste in the content from the source layout... and of course, rinse and repeat for the desktop layout as well (though for my workflow, I copied the finished tablet layout pages to create the desktop version).
For me, starting with all the page elements from the source layout is much easier than starting from scratch on each and every page. That way I know I have all the elements on the page, and I can add to (or subtract from) as well as modify the layout in fairly short order. I've been driving myself a little crazy with all the bouncing back and forth between layouts to copy/paste elements as I work on my site, and for future reference I'd like to know if there's some way that can be avoided in the future?
Ideally, I would like to see an option in the create layout dialog box to be able to copy content (and choose the source layout to copy from).
Beyond that, another great option for this dialog would be to let me choose to switch all the page links to the new layout. That is, when it copies and pastes all the page content from source layout, Muse would then also update the links to pages within the site so that they link to that layout's pages. So when I build a phone version and click +Tablet, I can check a box to copy page content from source, specify that source, and then check another box to update links for layout. After Muse does its magic, I have a tablet layout that's already got page content on it, and it's linking to other pages on the tablet layout (and not to the source/phone layout pages).
Thanks to everyone on the Muse team for a pretty great product, and to the people manning the Twitter account for responding to my tweet and directing me here.

Sanjit, I think one of us is missing the point. It could be me - is there some way to easily and quickly pop open multiple layouts and pages? Because for me (running a 12-core Mac Pro with 64GB RAM and FirePro D700 GPU's), Muse lets me switch between one layout view and the next (not open them simultaneously), and takes several seconds to do this every single time. Opening and closing pages (to create separate tabs/windows) is also incredibly tedious.
I can appreciate that select and drag works just as well as selecting all and using copy/paste shortcut keys, but that is the least time consuming part of the process.
Without copying the page contents from the source layout and transpose internal page links to new layout, Muse falls short of the mark of making it really easy to build responsive sites. It's kind of like trying to take a cab to a destination across town that makes you get out and walk halfway. No matter quickly or easily the cab made it through town, it still only got you half way there.

Responsive site breaks??

Similar Messages

Maybe you are looking for