Skip to main content
anthonyrocks
Participant
February 14, 2018
Answered

Navigation Links -Live preview work fine in Bracket.io but not in DW (latest release)

  • February 14, 2018
  • 1 reply
  • 528 views

Thank you - any good suggestions  ?

<head>                                            HTML

<meta charset="utf-8">

<title>Excersize 2-165 - A Recipe for HTML and CSS</title>

     <link href="style.css" rel="stylesheet" type="text/css">

    

</head>

<body>

<nav id="nav-next">

  

  <a href="http://mat.miracosta.edu/mat165/studentwork/Bautista_Octavio/exercise2">next &raquo; </a>

  </nav>

===================================Style ===========================

                           /*-- NAVIGATION       */

nav {

position: fixed;

right: -60px; 

bottom: 50%;

z-index: 100000;

}

nav a{

    color: rgba(255,255,255,0.5);

text-decoration: none;

background: rgba(0,0,0,0.65);

padding: 30px 80px 30px 25px;

border-radius: 300px;

font-size: 1rem;

transition: all ease 0.5s;

}

nav a:hover {

color: red;

background: rgba(255,255,255,0.65);

}

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

I think I came up with the answer,,,

If DW shows the live code on a localized browser... instead of the real internet/URL,

then  the Navigation links CANNOT work?

Additionally,

There are real differences between Bracket.io, and DW that makes the editor choice even more complicated...

1) With Brackets when I make changes in the code, I can see the results immediately in the web page - this is great. But, with DW I get the webpage inside the code work-space, and I can not change the code simultaneously. Is there a way to decouple the two? And make it work as Bracket.io ?

2) DW has a very nice feature for picking the  colors while coding..... I haven't come across that tool in Bracket.io  ?

Thank you

Anthony F


I never test links in Live View because it's not a browser.  Live View is code rendering inside an older Chrome Embedded Framework.  While it's better at rendering than Design View, it's not 100% perfect.  

I keep my browser open when editing and simply refresh my page with F5.   Real-Time Preview does not work well with my local testing server. So  I always use Open in Browser.

1 reply

Nancy OShea
Community Expert
Community Expert
February 14, 2018

If you're asking for help, a link to your online page is the quickest way to get it.

Code fragments don't tell us anything useful.

Nancy O'Shea— Product User & Community Expert
anthonyrocks
Participant
February 15, 2018

here is the URL... works just fine in Brackets.io

     http://mat.miracosta.edu/mat165/studentwork/Ferrari_Anthony/Exercise2

Nancy OShea
Community Expert
Community Expert
February 15, 2018

It looks alright to me in DW Live View.  It also looks alright when I right-click the tab and select Open in Browser.

Nancy O'Shea— Product User & Community Expert