johneva

Nicely put fella I am tired of people squeeling about CSS layouts just cos they carnt be bothered to learn something new.Makes you wonder why they are even in this trade really as things in this trade are changing all the time.I am supprised people with this opinion even use computers, I mean what was wrong with the type writer A?

If you give the nav div a set width and then give the content div a margin-left to align it that will work best.Cos there is no need for the nav div to change size and doing it this way the content will then takeup what ever is left over.Like in the tutorial I gave you a link for.

all I need is to have it not make a line break in between  the two divs.anyone know how? LG

<{POST_SNAPBACK}>

You carnt not by doing what your doing cos the overall width is to wide.You have set the width of your container to 100%You have set your nav div to 20%and your content nav to 80%So when your nav div is forced wider the two are then wider than the div containing them so it is forced to the next line.Thats what I would say anyways but I am still new so dont take my word for it.Thanx John

It seems like the argument is that you can either have easier maintainability through stylesheets with divs, or you can have it actually work with tables.

<{POST_SNAPBACK}>

Thats just not true if you know what your doing then divs do work and much better than tables do.The problem comes in that because people are still changing over from tables to div people have to learn how to do it.99% of the people with your opinion on tables over divs just dont know CSS to a high enough level to make it work. If you take the time to learn CSS to a good standard then you wont have a problem with them as you know what can and carnt be done.As stated before tables have there use and that is what they should be used for not for layout of your whole site. There are so many reasons for this and I am tired of going over the same topic over and over in the diffrent forums I use really.If you like using table then do so but dont go round telling people who want to learn the correct way that they are doing wrong.Thanx JohnEDITSorry yeah I was just writing this message when you made your.

HiRight I see what your saying.This must be something to do with the rest of the pages coding though as it works fine if you use the coding I gave you on a clean page with nothing else on it.I dont know why it is doing it though sorry.I dont use tables at all for layout so carnt say for sure, but I would say it has got to be something to do with using tables at a guess cos there aint much else for the rest of the page.To be fair I am supprised you are using the suckerfish menu when the rest of the site is using such old coding methods, tables should not be used for layout and all your styles should be in CSS not in with you HTML/XHTML.I would probley suggest looking into redoing it using CSS but one of the others maybe able to tell you just why it is doing what it is, but I carnt I am quite new myself.Thanx John

The class id is telling your browser what the object is.As object can be used for many many diffrent things.

Oh yeah so it has good job I dont use it then.

I use www.evohosting.co.uk I have got one of there micro plans for £25 a year including a free domain name but there are loads out there.When you sign-up they give you your FTP details and C-Panel details all hosts are dead easy to use really.

You will find it is something to do with using geocitys for your host I rekon.They often cause such problems.You do know you will never get your site valid while you use geocitys for a host anyways as the coding they use for there advertising is not valid.I dont know if you can afford it but I would highly recommend getting a small paid hosting account there are some really cheap great deals out there.Works fine in Firefox by the way.

AhhhhhI to did not know that either.I am new I have only been playing around with web design for about 8 months, I have only been using computers for 14 months.So everyday is a massive learning curve for me.Two years ago before my car accident I was a car mechanic and did not know how to use a computer at all.But cos my neck and back injury I have been learning how to use computers I wont bore you no more anyways.Though it is all in my website if you check it out.

AhCool I did not know they plan on bringing it back for CSS3.Also your best of using that script boen_robot has gave a link for if your gonna use javascript to resove this issue, as it will work better.

W3C say that it should be down to the user to make the option of opening in a new window and not the website designer so there is no replacement. Though you can use javascript to get round it but would advise against it myself.

<a href="http://www.w3.org/" onclick="window.open(this.href); return false;">W3C</a>

Here is an article on why.

Height: 100% does not work with floats though so if your layout depends on floats that wont work.That is why there is something called faux coloumns.

Thanks for the replies.  Looks like I might need to develop my w3 skills before I could properly do it.  I'll list this as a long term goal.

<{POST_SNAPBACK}>

The other two options are better for certain things but another option is if you use Dreamweaver you can use the Dreamweaver template files.

You make very valid pointa and they have all been considered.  There has been communication with w3schools.com to include some of the commonly stated topics to be introduced as tutorials.  At the moment, I am not sure of the progress of that situation.  With respect to making stickies - as much I I would like think that the idea would work - it wouldn't.  We mention clearly in our Rule and "Read before your post" messages that one should search the forum before posting a question.  The problem with that post is that people don't read it - and that is what would happen with the post you suggest.  It will just be ignored as new comers rarely get past the 'New Topic" button until they get concept we are discussing.

Your right for 99% of people having the sticky would not work, but at least it saves searching to direct them to a previous post that is simlar as you could just direct them to the sticky.

Hate to be fickle if that is the term but you did say.

W3C would never deprecate something (the <center> tag in our case)

And no I carnt see them doing away with the style attribute.

And where did you learn that lie from? W3C would never deprecate something (the <center> tag in our case) without providing, or at least think of future providings of an alternative. Using inlinde CSS is sometimes crutual to solving global stylesheets problem. I don't think it's going to be deprecated that easily, but if you can give me an official W3C statement, I would believe it. I know that using external stylesheets is cool, but there are reason for inline styles' existense as well.

<{POST_SNAPBACK}>

Using <center> or <div align="center"> are both already depriciated.W3C some depriciated tagsThough you can still use <div style="text-align: center;">But generally external style sheets are the way to go.Unless the style is a one of in the whole of the site even then I prefer to just give an id to the element, that way all the styles are in there right place the CSS file.Thanx John

You need to adjust your margin-left in this bit. I found 10.85 worked about right.

<?xml version="1.0" encoding="iso-8859-1" ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title>Example</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">body { font-family: Arial, Helvetica, sans-serif;}#nav, #nav ul { /* all lists */ padding: 0; margin: 0; list-style: none; float: left; width: 11.00em;}#nav li { /* all list items */ float: left; line-height: 1.75em; margin-bottom: -2px; width: 11.00em;}#nav li ul { /* second-level lists */ position: absolute; left: -999em; margin-left: 10.15em; margin-top: -1.75em;}html>body #nav li ul {  /* IE hack for margin */ margin-left: 10.85em;}#nav li ul ul { /* third-and-above-level lists */ left: -999em;}#nav li a { width: 13.50em; display: block; color: white; font-weight:bold; text-decoration: none; background-color: #000086; padding: 0 0.5em; font-size: 12px;}#nav a.daddy {background: url(rightarrow2.gif) right no-repeat;background-color: #000086;}#nav li a:hover { color: white; background-color: #466ca2;}#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em;}#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */ left: auto;}</style><script type="text/javascript">sfHover = function() {var sfEls = document.getElementById("nav").getElementsByTagName("LI");for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() {  this.className+=" sfhover"; } sfEls[i].onmouseout=function() {  this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); }}}if (window.attachEvent) window.attachEvent("onload", sfHover);</script></head><body><ul id="nav"><li><a href="index.html">Home</a><li><a href="company.html" class="daddy">Company Overview</a> <ul>  <li><a href="history.html">History</a>  <li><a href="partnership.html">Partnership Philosophy</a>  <li><a href="industry.html">Industry Knowledge</a>  <li><a href="privacy.html">Privacy Policy</a>  <li><a href="financial.html">Financial Alternatives</a>  <li><a href="testimonials.html">Testimonials</a>  <li><a href="directions.html">Directions/Map</a></ul>      </li>   <li><a href="products.html" class="daddy">Products & Solutions</a> <ul>  <li><a href="overview.html">Overview</a>  <li><a href="mbscore.html">MBS Core Software</a>  <li><a href="mbsdocument.html">MBS Document Imaging</a>  <li><a href="check.html">Check Image System</a>  <li><a href="it.html">IT Security Solutions</a>  <li><a href="optional.html" class="daddy">Optional Software</a>  <ul>  <li><a href="third.html">Third Party Vendors</a>  </ul>  <li><a href="asset.html">Asset/Liability Managment</a>  <li><a href="profit.html">Profit Planner/Budgeting</a>  <li><a href="platform.html">Platform Banking</a>  <li><a href="network.html">Network Solutions</a>  <li><a href="archive.html">Archive Storage</a>  <li><a href="database.html">Database Query & Reporting</a>  </ul> </li> <li><a href="support.html">Support Center</a> <li><a href="educational.html" class="daddy">Education Oppurtunities</a> <ul>  <li><a href="mbsonline.html">MBS Online University</a>  <li><a href="training.html">Training Meetings</a>   </ul> </li> <li><a href="news.html" class="daddy">News /Events /Caldendar</a> <ul>  <li><a href="press.html">Press Releases</a>  <li><a href="trade.html">Trade Shows and Conferences</a>  <li><a href="seminars.html">Seminars</a>  <li><a href="directions.html">Directions/Map</a>   </ul> </li>     <li><a href="careers.html">Careers</a> </li>     <li><a href="contact.html" class="daddy">Contact Center</a> <ul>  <li><a href="request.html">Request Information</a>  <li><a href="update.html">Update Bank Profile</a>   </ul> </li>  </ul><body></body></html>

Also I put the CSS in its own external file and also do the same for the javascript too.Hope that sorted ya out.

Why dont ya use a fixed width for the nav?Like in this CSS 2 column liquid layout.Hope that helps.

Hi,    I dont know whats wrong with this but seems like theirs nothin wrong (a validation from validator.w3.org)

<{POST_SNAPBACK}>

It would be better if you gave a link to the page that is not validating, as a lot of the time it is not what is showen that is the error it is sometimes the stuff that comes before it.

Ah cheers for that.

Cheers dude your a star!!!

Well frames cause more problems than they fix dont use um.I have seen people say you can use PHP to get the same affect but without all the problems that come along with using frames.Dont know how to do it though.

Cheers for that. Do you know how to do it the otherway around so it dont display for IE?Just otherwise in IE it will still display twice one that works and one that dont.Thanx John

I still carnt get this to work in both browsers.How do I make it so it uses one code for Internet Explorer and another for Firefox, Netscape and Opera?This works in FF Netscape and Opera.

<object id='mediaPlayer' data="Video/hayabusa-turbo-wheelie.wmv" standby='Loading Microsoft Windows Media Player components...' type='type="video/x-ms-wmv"'>      <param name='fileName' value="http://www.johneva.playingwithpsp.com/Video/hayabusa-turbo-wheelie.wmv" />      <param name='animationatStart' value='true' />      <param name='transparentatStart' value='true' />      <param name='autoStart' value="true" />      <param name='showControls' value="true" />      <param name='loop' value="true" />      </object>

This one works in Internet Explorer.

    <object id='mediaPlayer' data="Video/hayabusa-turbo-wheelie.wmv" classid='clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95' codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701' standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'>      <param name='fileName' value="http://www.johneva.playingwithpsp.com/Video/hayabusa-turbo-wheelie.wmv" />      <param name='animationatStart' value='true' />      <param name='transparentatStart' value='true' />      <param name='autoStart' value="true" />      <param name='showControls' value="true" />      <param name='loop' value="true" />      </object>  

Hope you can helpCheers John