keeping nav bar on one line

Ok, I hope this question makes sense.

Basically im using a full css nav bar, but when i use more than one word in each link, it makes a new line and then rips the whole site to pieces, but when i view in IE and FF its fine.

Basically I was wondering if there was a way of viewing it correctly in dreamweaver. Here are some screenshots

One word


2 words


Thanks for reading

So ... let me get this straight. You want to know how to get your site - a site that will be viewed by everyone on either FF or IE or Opera or Safari - to look good in DW's browser?!

You're kidding right?

DW's browser is not something your should be concerned with ... not one bit! I use DW to develop and I have NEVER used it.

well when i construct my site, its all ripped to pieces and therefore cant work on it without having to remove all the nav links and then put them back at the end.

Also if its doing it in DW, then It could be doing it in old version of IE etc

EDIT: by DW's browser, do you mean the main window?

no it won't, well maybe, but you can't rely on DW rendering engine to ensure your site looks right. It is simply, just plain cr@p.

Use it to code and then check in your browser as to how it looks.

you can use browsershots.org or multiple ie to check the results in old versions.

__________________
WelshStew Site Admin
If you think I've helped, click the "Thanks"
tierney rides tboard - uk site | xtreme wales - extreme clothing
WebForumz - facebook | LinkedIn

we mean the "design view" :crazy: - if it can really be called that

__________________
WelshStew Site Admin
If you think I've helped, click the "Thanks"
tierney rides tboard - uk site | xtreme wales - extreme clothing
WebForumz - facebook | LinkedIn

Thanks for the links welsh stew, great help!

And the only "older" browsers you need to worry about is IE6.

Code your cool stuff in DW, and see them through your cool browser Not the other way around!
No one in this world will open their DW and surf from there!

Cheers...

Phixon, On the code level try putting the words that are line breaking a non-breaking space ' '.

e.g

Code: Select all

structural steelwork

Nope, that's not a good way of doing it! Use CSS

What I usually do with this kind of trouble is to solved them in 2 browser. First I code the CSS so that it looks cool in my FF browser. Then I saved the CSS setting as the default one.
After that I code the CSS again so it display cool in IE browser. Then again I saved the CSS setting (in a different css file) and perform the IE conditional statement to use the CSS setting if the user use an IE browser

You just have to play harder when dealing with the stupid IE browser
Cheers...

Why don't you give the solution instead of just saying what not to do? e.g "don't use dreamweaver", "don't use &nbsp".

I'm baffled there are so many responses to this thread without any specific solution being provided.

'Good' is relative to the users and function. How does anybody know here that Phixon doesn't live in a reality where everybody browses his websites in dreamweaver ??

LOL... Check out a close solution here!

Yes, I gave the solution generally, "Use CSS"! Don't expect us to code them unless they provide some helpful code that we could refer to instead of a screen shoot!

So you think that your solution is the perfect one? LOL.
It can be but, it's not a good choice of markup. If we want to give some solution to a specific problem, we (Webforumz) will make sure that the people get the right and the best answer/solution to the question. Not just giving simple answer without any rational to support your statement/solution

... and I never say "don't use dreamweaver", "don't use &nbsp" LOL
Where did you read that? You missed the whole thing...

Don't use dreamweaver - as your testing browser!
Don't use &nbsp - there is a better way doing it in CSS and it's not a good choice of markup!

At least I gave the rational to support my statement
What is the point coding your page so it looks OK in DW? Do you think people will buy DW just so that they can surf from there instead of using a free browser such as FF? LOL

By the way, this is not a problem after all What he mean to ask is only a Tips!

I don't believe there is a way to view it correctly in DW. When I code, I keep the design view window open as well as the code view. I peek at my design as it goes along and I watch it develop. Most often as soon as I toss in a navigation, the design view looks a mess. I will at that time press the f12 button or the crt f12 button which opens my ff and my ie7 browsers to see what I "REALLY" have. Most of the time it looks fine.

I wish we could rely on the DW design view but unfortunately we can't!

Personally I work in Zend. I don't have a viewer. But the fact remains he was asking how to get it working in Dreamweaver.

There is a tendency here that somebody says "how can I make this work in X" and people jump around going "oh, don't use X because X IS BAAAAAAAAAD". e.g on iframes, tables etc.. but there's a bridge between where one is, what is practical within the timelines etc. Its just not realistic to expect everybody to jump to the holy grail of standards from get go. Sometimes people need solutions.

And no, I was posing questions before in my previous post to simply offer an alternative view.

May I know what is the point to view then CORRECTLY in Dreamweaver? LOL

As a matter of fact, Phixon thinks his question has been answered! ^
If you READ again, Phixon's question is basically "HOW TO VIEW THIS IN DIFFERENT BROWSER???"

So if you happen to be a great programmer, go ahead solve this question! It will be a great professional tips for us all

Ok Mate, you are right. Congratulations. Do you feel super? You sure showed me and every other inferior developer how it really is.

  is the solution I provided already and for anybody who cares to have it display correctly in a non-css format and eliminate unwanted line breaks. It works. A tried and tested 6 character solution. It also solves it in browsers beyond Dreamweaver genius.

p.s why does it matter to you why somebody wants to view it in Dreamweaver? Seems to me like you just like to show how people are less advanced than you. Veiling yourself as a helper when really you like to show how you are more sophisticated... like "I could give you the answer.. but I won't...".

I could say "the solution is people get a real life and not on the computer world" everytime somebody wanted to ask a computer issue, because my beliefs are that real world living is better than computer solutions. How stupid would I be then doing that in a computer forum? Just as stupid is it to assume the people asking questions here for help don't have a valid reason for their questions. I don't know why somebody would want to work their site in dreamweaver, all I know is that it takes little effort for me to say "put in a  " and know that it will help.

Simple, the answer is... We care to give QUALITY answer to all our member ...and it is not a good choice of markup and I bet every