Model DW: a difference between Design and Live View mode

Hello

I am trying to create a model DW. There is difference between mode and Live View. The model contains only a list of navigation style. In Design view, the list is displayed vertically - what is incorrect. In Live View mode, that the list is displayed horizontally - correct.

Is there something wrong with the model? How to achieve a coherent vision in both?

design_view.png

live_view.png

My model code is:

< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "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 "/ >"
<!-TemplateBeginEditable name = "doctitle"-->
< title > Dreamweaver Test < /title >
<! - TemplateEndEditable - >
"" < link href = "... / theme.css" rel = "stylesheet" type = "text/css" / >
<!-TemplateBeginEditable name = "head"->
<! - TemplateEndEditable - >
< / head >
< body >
< div id = "WrapperPage" >
< div id = 'mainNav' >
< ul >
< li > < a href = "#" > Menu option < /a > < /li > < li > < a href = "#" > Menu option < /a > < /li > < li > < a href = "#" > Menu option < /a > < /li > < li > < a href = "#" > Menu option < /a > < /li > < li > < a href = "#" > Menu option < /a > < /li > < li > < a href = "#" > Menu option < /a > < /li >
< /ul >
< / div >
< / div >
< / body >
< / html >

The theme.css code is:


{#mainNav}
background-color: black;
height: 3em;
margin: 0;
} ul {} #mainNav
list-style-type: none;
padding: 0;
margin: 0;
}
#mainNav ul li {}
height: 3em;
display: inline-block;

list-style-type: none;
}
#mainNav ul li: hover {}
text-decoration: none;
color: #cccccc;
text-transform: uppercase;
background-color: gray;
}
#mainNav a: link, #mainNav a: visited {}
text-decoration: none;
color: #cccccc;
line-height: 3em;
text-transform: uppercase;
}
#mainNav a {}
padding: 20px 10px;
}

Oops - sorry.  Copied the wrong code.

Try this CSS-

{#mainNav}

background-color: black;

margin: 0;

overflow: hidden;

}

#mainNav ul {}

list-style-type: none;

padding: 0;

margin: 0;

}

#mainNav ul li {}

height: 3em;

line-height: 3em;

float: left;

}

#mainNav a {}

Display: block;

padding: 0px 10px;

text-decoration: none;

color: #cccccc;

text-transform: uppercase;

}

#mainNav a: hover {}

background-color: gray;

}

I have re-arranged things and corrects some redundant/unnecessary styles.

Tags: Dreamweaver

Similar Questions

  • Very different design than Live view mode

    Am I missing something?

    Live view mode displays a page perfectly, design view it presents in a way that it can barely be edited correctly.

    Just the nature of the program?

    Design mode is ideal to add lots of content, but it does not support the many modern aspects of CSS. Live View mode uses an embedded version of Chrome, so it is very accurate. Adobe plan is to phase out the Design view eventually.

  • CS4-Code/Design view and Live view mode toggle went

    I don't know what I did, but the shortcut bar at the top of the DW CS4 disappeared. I can't for the life of understand me why or how rely. I'm sure it's something really simple, but I tried to figure it out for hours. I find nothing in the preferences or unders window.

    It's the shortcuts bar that has the code creation and split, mode live view and preview in browser shortcut, etc.. It's all gone and I'm very frustrated and can't find any documentation on it. Help, please!

    noToggles.jpg

    Select view > toolbars > Document to restore the toolbar of the Document.

    I answered this in the help of the community, too. Please do not post the same question in multiple places.

  • CFquery in Dreamweaver CS6 - design and Live views

    I'm not too used to work with data bases or CF in Dreamweaver. In fact, my question is: see the image below, is - this supposed to happen in the design view (CS6)? When I test the Recordset, it is fine. When I open the file in Firefox, it displays very well. But as you can see here, in design mode, it does not display the results. In addition, in live mode view, it displays a blank white page. Why does this happen?

    cfquery.png

    Remote server must be defined separately from your local test server.  See screenshots - my example using WAMP, a local test server Apache.

    Your server will be ColdFusion instead of PHP/MySql

    To view the data analyzed in DW, switch to Live mode.

    Nancy O.

  • Qosmio X - 70A - difference between nVidia and driver Toshiba GPU

    Is there a difference between nvidia and one packed by toshiba display driver?
    I'm using the Toshiba but Geforce experience gives me a headache with warnings about a newer driver and toshiba does not appear to provide a.

    Of course there is a difference between the GPU nVidia drivers (or drivers provided by manufacturers of graphics cards) and the drivers provided by Toshiba.

    The Toshiba driver page GPU drivers are changed and made for the mobile use.
    Each laptop model supports various components (CPU, cooling, modules, etc.) and different design. That is why the heat dissipation is always different.

    The GPU driver provided by Toshiba supports a kind of GPU overheating protection and protects the graphics chip of the damage. This means that the GPU performance are controlled by the driver and in case the internal temperature would rise to critical level, it would decrease the performance of the GPU. Also the laptop stops automatically if the temperature is too high.

  • What is the difference between SyncToy and LiveMesh, Windows 7

    Can someone clarify the difference between SyncToy and LiveMesh? Thank you.

    * original title - synchronize files and Folders.*

    Hello

    Sync Toy: Sync Toy is a free Power Toy designed by Microsoft that provides an easy to use graphical user interface that can automate synchronizing files and folders

    Windows Live Mesh (formerly Live Meshand Windows Live Sync and Windows Live FolderShare) is a free to use online file synchronization application by Microsoft that is designed to allow files and folders between two computers or more to be in harmony with each other on Windows (Vista and later) and Mac OS X (v. Leopard 10.5 and later) computers or on the Web via Windows Live SkyDrive. Windows Live Mesh also provides desktop access remotely via internet

  • Difference between Gemfire and SQLFire

    Anyone can list the differences between Gemfire and SQLFire.

    Since both are targeted and databases as an object model and another model more than SQL. Apart from this basic difference if I can get some differences and the reason behind the two products, which would be much appreciated.

    Hello
    GemFire has a slightly different set of objectives: it is designed to be much more flexible (buttons plus) designed to achieve possibly higher performance in some scenarios. For example, you can do a caching prioritized with GemFire (client applications can incorporate a local cache) and it is rich in favour of publication / subscription semantics. Thus, it is possible to realize the event in real time, more scalabe engine architecturees with GemFire more than it is with SQLFire.
      
    On the other hand, SQLFire with relational semantics is easier to understand with a query more powerful engine and support for referential integrity provided out of the box.
      
    Level positioning, GemFire could be better adapted to the 'green field' applications that lend themselves to a design of K - V and SQLFire is best suited for applications where the data model (and so mark requirements) are more complex.
  • What is the difference between EPMA and Essbase Studio

    If the two are not used to design applications?

    And a really need Essbase Studio?
    What is the difference between EPMA and Essbase Studio

    ^ ^ ^ It's a little confusing, isn't? As far as I understand the role of EPMA, it is a way to share dimensions and common data between several products Oracle EMP including Planning, Essbase and HFM. In fact, I don't know if other products live in EPMA. What is EPMA not have is a great way to supply or manipulate the dimension and fact tables (or files). Oh, there are tables of the interface, but you will write the code/use the utility of dimension EPMA to load dimensions. I must say that I never tried to load through EPMA data so that someone else will have to pronounce on it. Once the dimensions are built, you can deploy Essbase (and other products) of common and specific to the database dimensions.

    Studio is the tool you will use to go against a data warehouse, or something terribly close a data warehouse to build Essbase databases. Just for Essbase - HFM, planning, etc. are not the targets of the Studio release.

    What gets confusion / intriguing, is that when EPMA deploy Essbase apps, it uses Studio under the covers to do. So the interesting implementations where people use Studio (which is much more flexible than EPMA because it is a development tool as opposed to a dimension/data management application) to read the tables, EPMA interface (and as far as I know, the EPMA base tables) and create Essbase applications like that.

    If you think that there is overlap, I agree with you, but you can see that they are not the same.

    And a really need Essbase Studio?

    ^ ^ ^ Do not use Studio to build Essbase databases. You can go hog wild in EAS with loading SQL rules if you want, even if at some point it will be probably easier and simpler to build in the Studio. Although the Studio has been mentioned as the replacement of EAS for awhile, I suspect the effort required to build a database in Studio will keep around for quite a while EAS or Studio Lite will be out. There is a lot to say (sometimes) for the incredible flexibility EAS/Essbase-Studio requires a more methodical approach and EPMA has a very formal set of standards and methods.

    Phew, I'm sorry, I wrote a book on this subject and I bet you get a lot of differences of opinion on that.

    If you are interested in the Studio, you could do well to take a copy of 'Look smarter than you are with Oracle Essbase Studio 11' of Glenn Schwartzberg. I don't get a penny from the sale while I was among the writers of copy (Hey, I got a mention in the acknowledgements). It's a good book and an excellent introduction to the tool.

    Kind regards

    Cameron Lackpour

  • Difference between valuation and putting in good shape?

    What is the difference between recovery and formatting?

    I need to download tools and utilities to perform the recovery?

    Recovery recovery image installation.
    Formatting of removal of content from disk HARD integer.

    No, you don't need any download. All you need is CD/DVD recovery for your laptop model.

    To be honest, your questions are a bit funny. If you want to have accurate on such things information please publish your laptop model and it will be much easier to give you exact explanation and instructions how to use recovery CD/DVDs.

  • Difference between Satellite and Satellite Pro L100

    What is the difference between satellite and satellite pro? for example - satellite L100 175 and satellite pro L100 176?

    Hello

    the difference between Satellite and Satellite Pro is the operating system:
    Windows XP Home Edition for Satellite
    Windows XP Professional for Satellite Pro

    The difference between the models L100-xxx is just the equipment.
    For example the CPU:
    Sam L100-175: Core Duo T2500; 2.0 GHz
    Satellite Pro L100 176: Core Duo T2400. 1.83 GHz
    For more details look into the specifications of the models.

    Good bye

  • Difference between hp7612 and hp7610 the printer?

    Hello
    I intend to buy a jet A3 office printer.
    Can someone tell me what is the difference between hp7612 and hp7610 the printer?
    Help, much appreciated.

    Hello

    The HP Officejet 7612 include a duplex unit to print on both sides of the page automatically in the box.

    For the HP Officejet 7610, it's an extra accessory that can be purchased separately and not included in the Cabinet.

    Other than the two models are identical.

    Kind regards

    Shlomi

  • Difference between download and upgrade

    Original title: information

    difference between download and upgrade

    To allow us to help you better, please provide as much detail as possible about the problem you are experiencing.


    If you design your question effectively, you can get good information from people who are familiar with the subject and who are happy to help you.

    Prepare your question. He thinks through. Hasty-survey questions get hasty responses, or none at all.

    What diagnosis have so far?
    An effective question you will get help read faster how here
  • Difference between FYI and Notification

    Hi all

    Sorry for the dummy question, but I'm a newbie BPM/BPMN and try to understand better what I use for my modeling process.

    Could you please explain to me the difference between the FYI and Notification? When it is better to use?

    Asked me to send an e-mail notification to users just to let them know where the process is, no manual action is required and the process must continue without interruption.

    Thanks for any help.

    Fairlie

    Hi Fairlie,

    Here is a tool of 2 page that lists all the different activities in BPMN, gateways and Oracle 11g and 12 c BPM events and what they serve each to- https://blogs.oracle.com/soacommunity/entry/bpm_poster_for_bpm_suite

    In your use case where you want to send an email to someone, and no manual intervention is required, use the Notification activity.

    News is an Interactive activity and causes a work item instance appear in the Inbox an end user in the workspace.  The difference between this and other types of interactive activities is that the work item instance does not stop at this activity in the process, but instead continues on the next activity in the process.

    A Notification activity is an automatic activity which does not create an instance of work item in an Inbox in the workspace, but rather sends a message of electronic mail, instant messaging, SMS or voice.

    When the work item instances reach these two activities, they do not stop and continue them automatically the next activity in the process.

    Dan

  • A3 landscape artboard. When the zoom is less than 100%. the appearance of the work (lines) in staircase, I can tell this resolution because something I have to zoom and it disappears. I understand the difference between vector and raster as well... looks

    A3 landscape artboard. When the zoom is less than 100%. the appearance of the work (lines) in staircase, I can tell this resolution because something I have to zoom and it disappears. I understand the difference between vector and raster so... this kind of problem is like when you zoom too in an image and it becomes pixelated... but otherwise...! I have a macbook pro 2012 model, the retina. is my screen resolution. I thought that the apple screen product meet good standards of adobe creative products... Reviews

    Check if the switch between the GPU and CPU makes a difference: Cmd E

    Or turn in the preferences: GPU performance.

  • Difference between 'Reload' and "Reload (Override Cache)"?

    Https://support.mozilla.org/en-US/kb/keyboard-shortcuts-perform-firefox-tasks-quickly#w_navigation, what is the difference between 'Reload' and "Reload (Override Cache)"? What makes "ignore cache"?

    Reloading Web pages and cache bypass aims to obtain a new copy of perhaps obsolete or damaged files currently stored in the disk cache.
    You can do it like the first attempt if a normal charging does not seem to provide a version of a Web site or if you are having problems with a Web site otherwise.

    We usually have advice that if you have questions:

    Reload Web pages and ignore the cache to refresh potentially stale or corrupt.

    • Hold down the SHIFT key and click the Reload button
    • Press 'Ctrl + F5' or 'Ctrl + Shift + R' (Windows, Linux)
    • Press 'Command + shift + R' (Mac)

    Clear the cache and delete cookies only from Web sites that cause problems.
    "Clear the Cache":

    • Firefox/tools > Options > advanced > network > content caching Web: 'clear now '.

    'Delete Cookies' sites causing problems:

    • Firefox/tools > Options > privacy > "Use the custom settings for history" > Cookies: "show the Cookies".

    Start Firefox in Safe Mode to check if an extension or theme (Firefox/tools > Modules > Extensions) or if hardware acceleration is the cause of the problems.

Maybe you are looking for