Jump to content
Sign in to follow this  
Ed the N00B

NVu question

Recommended Posts

(Note, same question posted in a previous thread.)

 

Hi All.

NVu mentioned in another thread seems awesome! I was looking for a Dreamweaver replacement a while ago but didn't find NVu! I've yet to try it out seriously but just after install it looks great!

 

One question which maybe someone here can answer:

I used layers a lot in Dreamweaver, but I can't see a way to view different layers within a page in NVu. I realise that layers are kind of a Dreamweaver invention to an extent. They're just <div> tags with a 'Z' value and a bit of Javascript to either show or hide them, but does anyone know if there's a way to edit them in NVu in the same way you can in Dreamweaver (ie. just select which layer to look at and edit it as if it were the main page?)

If not I'm thinking I might have to change the 'visible' attribute of each <div> section in the code in order to ba able to see it in the main window.

 

Interestingly, NVu has a 'Layer' button which seems to pull the selected element out into a seperate layer, but there is no reference to layers in the help file.

I'll admit I haven't had time to search their forums yet. Maybe the answer is there.

 

Thanks! :-)

Share this post


Link to post
Share on other sites

These "layers" are indeed kind of a hack and you shouldn't really use them.

 

Instead, you'd be better off learning a bit of CSS and using that. Honestly, it's not that difficult and you'll be glad you did afterwards. With CSS you can do everything you could do with "layers" and more.

 

http://www.w3schools.com/css/default.asp

 

 

 

Some advanced articles about use of CSS are here: http://www.alistapart.com/topics/css/

 

These are of particular interest for you:

http://www.meyerweb.com/eric/css/edge/menus/demo.html

 

http://www.alistapart.com/articles/horizdropdowns/

http://www.htmldog.com/articles/suckerfish/dropdowns/

http://www.alistapart.com/articles/dropdowns/

 

Of course, you can just copy the code from 1 of these articles if you're in a hurry.

 

And like you said, I don't know what that Layer button is for, but it might be a good idea to ask on the nvu forum/mailing list/whatever if you insist on using layers.

 

 

Darkelve

Share this post


Link to post
Share on other sites

Many thanks for those links Darkelve.

I didn't realise that sort of thing was possible with CSS. Those 'Anchor Pseudo-Classes' are quite interesting.

 

I must admit though that I'm not sure why using CSS for this is better than using a bit of javascript. Isn't it just doing the same thing in a slightly different way?

 

And I'm not sure I'd call a standard feature of a popular application like Dreamweaver a 'hack'! :P But maybe that's just me! :D

 

If you're interested, this is one of the uses I've made of layers:

Page on my site

It's a bit more than drop down menus and I'll concede that I've probably over used layers here but I like the way the site loads whole, leading to very snappy response when navigating around the links (which are of course all just showing/hiding layers).

 

No doubt this is tragically ineffiecient and bad design etc, but I'm still only learning this web stuff! :thumbs:

Share this post


Link to post
Share on other sites

Well, you can use Javascript as well of course. The only thing is, you might bump into the problem of browser detection again.

 

CSS menus really do have a lot of advantages. Javascript does as well.

 

But if nvu doesn't provide such a tool like Dreamweaver (which is a unique tool for this application, but still somewhat of a hack), I'm afraid you'll have to implement this manually.

 

Dhtml:

http://en.wikipedia.org/wiki/DHTML

 

Some disadvantages of DHTML are that it is difficult to develop and debug due to varying degrees of support among web browsers of the aforementioned technologies and that the variety of screen sizes means the end look can only be fine-tuned on a limited number browser/screen-size combinations. Development for recent browsers, such as Internet Explorer 5.0+, Netscape 6.0+, and Opera 7.0+, is aided by a shared Document Object Model.

 

If much of the same can be obtained using CSS, with less of these disadvantages (although Netscape 4 is a disadvantage to CSS by itself - may it die soon) then why NOT use CSS? A CSS solution with cross-browser hacks is still ultimately less 'hacky' then most Javascript/dhtml solutions.

Share this post


Link to post
Share on other sites
Yes, that's a good point. Looks like CSS is easier to get things working across different browsers!

 

Thanks for the tips! :-)

 

Yes, but be careful to use things in CSS that are supported.

 

E.g. attribute selectors in CSS3 are the coolest things,

but they work in everything but IE. :wall:

 

Most things in CSS1 and CSS2 can be

used without trouble though.

 

Key is to test in different browsers. And don't worry if it

doesn't look 100% pixel-perfect the same across browsers

and platforms and resolutions, and... that is an illusion anyway.

Table-based lay-outs don't look the same either.

 

That it doesn't look exactly the same doesn't mean it can't look good! B)

 

Plus CSS is very, very reusable (especially is you use external stylesheets).

 

E.g. take a look here and compare these 2 websites:

 

http://www.delijn.be/delijn/

http://www.delijn.be/mobiliteitswinkel/

 

If you compare the code, you'll see it wasn't a lot of effort

changing them!

Share this post


Link to post
Share on other sites

so css is great. one really fantastic thing about it is that your presentation should be fairly uniform if you write the .html file right. however i've found that the rendering engines in mozilla (i.e., mozilla browser, firefox) render considerably differently than in ie 6.0. so things don't always look the same between. in a professional application this could be a big deal.

 

another big thing to think about is to learn enough php and (using mysql databases) write a chunk of code that drastically reduces your coding time. good luck with that, i'm going to learn that one myself.

 

but css is the way to go.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...