Skip to main content
tuilorraine
Inspiring
April 15, 2018
Answered

Can't get splitscreen view with css any more

  • April 15, 2018
  • 1 reply
  • 2381 views

It seems I've done something to mess up the workspace. I'm having a zillion problems trying to learn DW but number one right now is I can no longer get a splitscreen view with the css - only with the html.
I'm sure before I had 2 layers of tabs at the top of the document. One allowed me to switch between having the live-view on the left and to the right of it I could choose bewteen having the html or the css in the code panel. Now there is only one layer of tabs and if I switch to view the css I lose the live view panel. The css fills the whole screen and the page itself is gone. No splitview. The splitview is only there if it's the html code on the right - not the css.

    This topic has been closed for replies.
    Correct answer Nancy OShea

    Nancy, I'm so interested to hear you say that.

    I'm a beginner but I find the straight .css code much easier to understand than those complicated "designer" panels. And as you say, the code-hinting is very helpful - something I'm beginning to catch onto. However, I'm trying to learn and use everything. As a newbie to DW (and a newbie to responsive design) there may be something I'll use a lot if I get used to it and not sure what that might be yet. 

    One thing I stupidly did not understand in my new-ness to responsive design, is that some css has to be altered across all of the media queries. Once I did this it solved a hassle which had frustrated me all day, sometimes to the point of tears. Why did it take so long for me to work out something so obvious?


    I think you're spending too much time learning DW and not focusing enough on RWD code fundamentals. 

    Start with simple layouts to learn how media queries &  breakpoints work.  As you develop skills and confidence with code, you'll be able to tackle more advanced projects with much less frustration.

    The building blocks of responsive design - App Center | MDN

    Responsive Web Design Introduction

    1 reply

    BenPleysier
    Community Expert
    Community Expert
    April 15, 2018

    As you will see, Split and Design/Live view options are greyed out. This is because Design/Live view work on HTML

    To view the page when viewing the CSS in code view, is to open the main document and choose the linked file as in

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    tuilorraine
    Inspiring
    April 15, 2018

    but the problem is that the toolbar you point out there - the one that gives the choice between "styles" and "source code"  has disappeared. How do I get it back? I've done as you say and opened the main document and then chosen the linked (css) file but it doesn't solve anything.