keeping nav bar on one line

This is a discussion on "keeping nav bar on one line" within the Web Page Design section. This forum, and the thread "keeping nav bar on one line are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Jan 31st, 2008, 12:24
SuperMember

SuperMember
Join Date: Mar 2007
Location: UK
Age: 21
Posts: 75
Thanks: 0
Thanked 0 Times in 0 Posts
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
Reply With Quote

  #2 (permalink)  
Old Jan 31st, 2008, 12:28
karinne's Avatar
SuperMember

SuperMember
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: keeping nav bar on one line

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.
Reply With Quote
  #3 (permalink)  
Old Jan 31st, 2008, 12:38
SuperMember

SuperMember
Join Date: Mar 2007
Location: UK
Age: 21
Posts: 75
Thanks: 0
Thanked 0 Times in 0 Posts
Re: keeping nav bar on one line

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?

Last edited by Phixon; Jan 31st, 2008 at 12:42.
Reply With Quote
  #4 (permalink)  
Old Jan 31st, 2008, 12:43
welshstew's Avatar
Lead Administrator

SuperMember
Join Date: May 2007
Location: inside the outside
Posts: 1,375
Blog Entries: 13
Thanks: 1
Thanked 14 Times in 12 Posts
Re: keeping nav bar on one line

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
Lead Administrator

tierney rides tboard - uk site | xtreme wales - extreme clothing
If you think I've helped, click the "Thanks"
webforumz - facebook | LinkedIn
Last Blog Entry: Web Standards Curriculum Launched (Jul 8th, 2008)
Reply With Quote
  #5 (permalink)  
Old Jan 31st, 2008, 12:46
welshstew's Avatar
Lead Administrator

SuperMember
Join Date: May 2007
Location: inside the outside
Posts: 1,375
Blog Entries: 13
Thanks: 1
Thanked 14 Times in 12 Posts
Re: keeping nav bar on one line

Quote:
Originally Posted by Phixon View Post
EDIT: by DW's browser, do you mean the main window?
we mean the "design view" :crazy: - if it can really be called that
__________________
WelshStew
Lead Administrator

tierney rides tboard - uk site | xtreme wales - extreme clothing
If you think I've helped, click the "Thanks"
webforumz - facebook | LinkedIn
Last Blog Entry: Web Standards Curriculum Launched (Jul 8th, 2008)
Reply With Quote
  #6 (permalink)  
Old Jan 31st, 2008, 12:49
SuperMember

SuperMember
Join Date: Mar 2007
Location: UK
Age: 21
Posts: 75
Thanks: 0
Thanked 0 Times in 0 Posts
Re: keeping nav bar on one line

Thanks for the links welsh stew, great help!
Reply With Quote
  #7 (permalink)  
Old Jan 31st, 2008, 12:56
karinne's Avatar
SuperMember

SuperMember
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: keeping nav bar on one line

And the only "older" browsers you need to worry about is IE6.
Reply With Quote
  #8 (permalink)  
Old Feb 1st, 2008, 07:22
Most Reputable Member
Join Date: Feb 2004
Location: Borneo
Age: 27
Posts: 1,608
Blog Entries: 2
Thanks: 0
Thanked 4 Times in 3 Posts
Send a message via Yahoo to Monie
Re: keeping nav bar on one line

Quote:
Basically I was wondering if there was a way of viewing it correctly in dreamweaver
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...
Last Blog Entry: ASP Programming Tips and Technique (Oct 26th, 2007)
Reply With Quote
  #9 (permalink)  
Old Feb 3rd, 2008, 09:09
Up'n'Coming Member
Join Date: May 2007
Location: northern nsw, au
Age: 27
Posts: 76
Thanks: 0
Thanked 0 Times in 0 Posts
Re: keeping nav bar on one line

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

e.g
Code: Select all
structural steelwork
Reply With Quote
  #10 (permalink)  
Old Feb 4th, 2008, 02:49
Most Reputable Member
Join Date: Feb 2004
Location: Borneo
Age: 27
Posts: 1,608
Blog Entries: 2
Thanks: 0
Thanked 4 Times in 3 Posts
Send a message via Yahoo to Monie
Re: keeping nav bar on one line

Quote:
 
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...
Last Blog Entry: ASP Programming Tips and Technique (Oct 26th, 2007)
Reply With Quote
  #11 (permalink)  
Old Feb 4th, 2008, 03:13
Up'n'Coming Member
Join Date: May 2007
Location: northern nsw, au
Age: 27
Posts: 76
Thanks: 0
Thanked 0 Times in 0 Posts
Re: keeping nav bar on one line

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 ??
Reply With Quote
  #12 (permalink)  
Old Feb 4th, 2008, 03:59
Most Reputable Member
Join Date: Feb 2004
Location: Borneo
Age: 27
Posts: 1,608
Blog Entries: 2
Thanks: 0
Thanked 4 Times in 3 Posts
Send a message via Yahoo to Monie
Re: keeping nav bar on one line

LOL... Check out a close solution here!

Quote:
Nope, that's not a good way of doing it! Use CSS
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

Quote:
but when i view in IE and FF its fine
By the way, this is not a problem after all What he mean to ask is only a Tips!
Last Blog Entry: ASP Programming Tips and Technique (Oct 26th, 2007)
Reply With Quote
  #13 (permalink)  
Old Feb 4th, 2008, 11:51
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: keeping nav bar on one line

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!
Reply With Quote
  #14 (permalink)  
Old Feb 4th, 2008, 12:24
Up'n'Coming Member
Join Date: May 2007
Location: northern nsw, au
Age: 27
Posts: 76
Thanks: 0
Thanked 0 Times in 0 Posts
Re: keeping nav bar on one line

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.
Reply With Quote
  #15 (permalink)  
Old Feb 5th, 2008, 03:43
Most Reputable Member
Join Date: Feb 2004
Location: Borneo
Age: 27
Posts: 1,608
Blog Entries: 2
Thanks: 0
Thanked 4 Times in 3 Posts
Send a message via Yahoo to Monie
Re: keeping nav bar on one line

Quote:
Originally Posted by Phixon View Post
Thanks for the links welsh stew, great help!
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
Last Blog Entry: ASP Programming Tips and Technique (Oct 26th, 2007)
Reply With Quote
  #16 (permalink)  
Old Feb 5th, 2008, 03:58
Up'n'Coming Member
Join Date: May 2007
Location: northern nsw, au
Age: 27
Posts: 76
Thanks: 0
Thanked 0 Times in 0 Posts
Re: keeping nav bar on one line

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.
Reply With Quote
  #17 (permalink)  
Old Feb 5th, 2008, 04:04
Up'n'Coming Member
Join Date: May 2007
Location: northern nsw, au
Age: 27
Posts: 76
Thanks: 0
Thanked 0 Times in 0 Posts
Re: keeping nav bar on one line

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.
Reply With Quote
  #18 (permalink)  
Old Feb 5th, 2008, 04:30
Most Reputable Member
Join Date: Feb 2004
Location: Borneo
Age: 27
Posts: 1,608
Blog Entries: 2
Thanks: 0
Thanked 4 Times in 3 Posts
Send a message via Yahoo to Monie
Re: keeping nav bar on one line

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 single programmer in this world would not want to view their website in DW, well maybe if thew can effort to buy DW as their main browser.. thats something I have to think twice, LOL.

Perhaps W3School should add DW in their Browser Statistic Report
Last Blog Entry: ASP Programming Tips and Technique (Oct 26th, 2007)
Reply With Quote
  #19 (permalink)  
Old Feb 5th, 2008, 06:50
Up'n'Coming Member
Join Date: May 2007
Location: northern nsw, au
Age: 27
Posts: 76
Thanks: 0
Thanked 0 Times in 0 Posts
Re: keeping nav bar on one line

Ok Monie... make jokes... the reality is Phonix can put in a   and develop his page in DW without having to jump thru the hoops everybody suggested. Sure, it may not be the optimal method but in his case, the situation is:

- he is working in DW
- he has to delete his navigation and copy it back in at the end, otherwise while working in DW, his design is all over the shop

You're telling me to 'READ' but you fail to recognise you actually didn't help him at all. Yeah, they are cool links above, and its good advice to design in CSS... just like its good advice to learn to speak english... but if a person wants to know how to ask "get me to the airport" in english I don't think its 'quality' advice to go tell them to goto English school. Its superiority complex mate and not very helpful at all. Isn't this a forum people come to for 'advice'? Or just to be pointed? Why bother coming to webforumz where there are people with knowledge and able to answer and not just search on google to find static pages?

Why? Because the idea is to have community where diverse methods are shared. There is no one way, and by inputting our diverse understanding we can get somewhere and maybe have some feeling of community connection in the process.

Enjoy your mockery monie. Thing is when you're at the top, there's only one way to go....
Reply With Quote
  #20 (permalink)  
Old Feb 5th, 2008, 11:36
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: keeping nav bar on one line

cosmicdog your point is taken. You felt his question was not answered in the first few posts. This does happen sometimes. Sometimes members jump over the answer to point people in the right direction in a effort to teach correct forms of coding.

We have this happen often when a new member asks how to center a table. The question gets overlooked because most members firmly believe tables should not be used for structure. 9 times out of 10 you'll get, "Don't use tables for content. Use XHTM/CSS. Tables are for tabulated data only".

I do have to agree with Monie, why would you give an incorrect answer to a question?   is never used in a navigation. Check out www.cssplay.co.uk/menus I don't think you'll find a non-breaking space in any of his css navigations. Yes we use hacks to get IE 6 to conform to FF standards but since Dreamweaver isn't a working browser, why would you use a hack to get it to conform? What you have on your own personal computer really doesn't matter if the code works online.
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Need help on keeping everything centered but with a min size ziplock122949 Web Page Design 16 Oct 8th, 2007 01:47
record keeping karmaman E-Commerce and Business 1 Sep 19th, 2007 10:45
Trying to figure out about keeping chat in... mcdanielnc89 Web Page Design 4 Sep 13th, 2007 17:31
Keeping the same sidebar through site toxicneon Web Page Design 1 Apr 15th, 2005 06:49


All times are GMT. The time now is 01:20.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43