Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 3 1 2 3 LastLast
Results 1 to 10 of 26
  1. #1
    Senior Member sarab's Avatar
    Join Date
    Feb 2004
    Location
    UK
    Posts
    525
    Member #
    4818
    Liked
    1 times
    My pal Jennifer and I were encouraged enough to try CSS navigation for her expanding site.

    We got the look we wanted OK, but when she launched her two new pages with the new nav, it looked awful in Navigator 7.1. It seems to shift out of its left side table column and partially into the main body text.

    We checked the pages in IE6 and were relieved that they looked fine there. Can this be down to Navigator 7.1? How do the pages look on other browsers?

    They are:

    http://www.algarve-beach-life.com/al...partments.html

    and

    http://www.algarve-beach-life.com/loule.html

    So far, we've chickened out of rehashing the nav on all the other pages, in case it's wasted effort, since at least the clunky old image-based navigation looked and worked properly.

    Does anyone have any advice? Can the nav be made to work in Navigator 7.1? Is it worth the effort?

    We were a bit dashed, after the elation of trying something new. Trouble is, it's fine when things go well, but if they turn belly-up, it's a tad dispiriting for newbies...

    Over to you gurus.
    ...............................................
    My best pal's site: Algarve Beach Life :ichatcool:

  2.  

  3. #2
    Senior Member justlivyalife's Avatar
    Join Date
    Jul 2003
    Location
    Birmingham, UK
    Posts
    2,871
    Member #
    2374
    I get the same problem in Firefox, sarab. it may be something to do with the ways IE and DOM browsers use padding, though I'm not sure.
    justlivyalife - The future depends on what we do in the present. (Mahatma Gandhi)
    WDF Resources: WDF Rules
    Non-WDF: JavascriptSource | Dynamic Drive | phpBB | HTML-Kit | Winamp | Download Firefox | Morguefile

  4. #3
    Senior Member sarab's Avatar
    Join Date
    Feb 2004
    Location
    UK
    Posts
    525
    Member #
    4818
    Liked
    1 times
    Ouch! So it's not just Netscape...

    What's a DOM browser, BTW?
    ...............................................
    My best pal's site: Algarve Beach Life :ichatcool:

  5. #4
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    in your css page (http://algarve-beach-life.com/support-files/abl.css) remove

    Code:
    <style>
    <!--
    and
    Code:
    <ul id="navlist">
    <li id="active"><a href="#" id="current">Home</a></li>
    
    <li><a href="#">Subscribe to ABLN</a></li>
    
    <li><a href="#">Getting There</a></li>
    
    <li><a href="#">Holiday Choices</a></li>
    
    <li><a href="#">Getting Around</a></li>
    
    <li><a href="#">Algarve Golf</a></li>
    
    <li><a href="#">Accommodation</a></li>
    
    <li><a href="#">Why Algarve...?</a></li>
    
    <li><a href="#">Real Estate</a></li>
    
    <li><a href="#">Buying Property</a></li>
    
    <li><a href="#">Favourite Beaches</a></li>
    
    <li><a href="#">Things To Do</a></li>
    
    <li><a href="#">Eating Out</a></li>
    
    <li><a href="#">Fave Restaurants</a></li>
    
    <li><a href="#">Night Life</a></li>
    
    <li><a href="#">Your Algarve Best</a></li>
    
    <li><a href="#">'03 Fires Update</a></li>
    
    <li><a href="#">Language Tips</a></li>
    
    <li><a href="#">About My Website</a></li>
    </ul>
        -->
        
    </style>
    there shouldn't be any HMTL in a css file
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  6. #5
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    now for the actual HTML... it's a bit of a mess to tell you the truth!

    This is what you have (basically)

    Code:
    <table>
    <tr>
      <td>content aligned right</td>
      <td>menu aligned left</td>
    </tr>
    </table>
    do you read right to left?

    it should be logically be:
    Code:
    <table>
    <tr>
      <td>menu</td>
      <td>content</td>
    </tr>
    </table>
    hth
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  7. #6
    Senior Member sarab's Avatar
    Join Date
    Feb 2004
    Location
    UK
    Posts
    525
    Member #
    4818
    Liked
    1 times
    Thanks for the two posts, karinne.

    I meant to chuck the HTML stuff out of the CSS file before upload, but forgot... :disappointed:

    But taking it out made no difference to the way the pages worked.

    Now for a bash at the other stuff you mentioned.

    We have managed a sort of 'fix' which I may describe if your suggestions don't clear things up. It's not how I'd like the page nav to look, though.

    And thanks justlivyalife; but playing around with the padding didn't do anything to how things displayed.

    PS I looked again at your words on the HTML, karinne, and I think I know what you're getting at. But, the colspan=2 command is in there so that the body text appears before the nav section, since someone mentioned in a tips tutorial that it reads better for the Search Engines that way.

    Of course, if that wasn't what you were getting at, I've probably just typed a load of gobbledygook...
    ...............................................
    My best pal's site: Algarve Beach Life :ichatcool:

  8. #7
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    PS I looked again at your words on the HTML, karinne, and I think I know what you're getting at. But, the colspan=2 command is in there so that the body text appears before the nav section, since someone mentioned in a tips tutorial that it reads better for the Search Engines that way.
    if you're that concerned with search engine capacity, go tableless!
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  9. #8
    Senior Member sarab's Avatar
    Join Date
    Feb 2004
    Location
    UK
    Posts
    525
    Member #
    4818
    Liked
    1 times
    karinne wrote:
    go tableless!
    You mean with divs and stuff? Believe me, we would if we could, but we were encouraged to go CSS rather than try to get better with HTML.

    Of course, our present malaise rather argues against that advice...
    ...............................................
    My best pal's site: Algarve Beach Life :ichatcool:

  10. #9
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    yes i meant divs and stuff

    there are plenty sites out there that you can "copy" from

    but we were encouraged to go CSS rather than try to get better with HTML
    not really sure who told you that but... you should master html first and incorporate css to replace deprecated tags. for example use

    Code:
    <span style="font-family: verdana; font-size: 10pt;">hello</span>
    instead of

    Code:
    <font .....>hello</font>
    is it sad that i couldn't even remember the font tags attributes!?
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  11. #10
    Senior Member sarab's Avatar
    Join Date
    Feb 2004
    Location
    UK
    Posts
    525
    Member #
    4818
    Liked
    1 times
    yes i meant divs and stuff
    My head hurts just thinking about it... :tired:

    Like I said earlier, we've managed a 'fix' but don't understand why!

    It seems that something forces the nav to shift 30px to the right, so setting the CSS to give "-30px" for the left-margin setting, plus increasing the width of the navcontainer to 165px (even though the column is only 135px) gets the text where we want it.

    Unfortunately, we can only make it look the same in Netscape and IE if we right-justify the text and pad it by 10px away from the edge of the column. This seems a hell of a rigmarole and we'd rather have the text centred, but we lose the left hand letters in IE.

    As a first step into CSS this one's been a right pain in the derriere! Undaunted, we've emptied a few bottles of vino and turned the air blue the odd time - and at least we've got things working, even if the results aren't ideal.

    Does anyone have an idea why the nav text wants to shift 30 px right in Netscape/Mozilla? We've studied the CSS and can't for goodness' sake see what could be doing it...

    If we have to drink a lot more wine a-fixing things, this is going to prove a very expensive exercise! :squareeyed:
    ...............................................
    My best pal's site: Algarve Beach Life :ichatcool:


Page 1 of 3 1 2 3 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:52 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com