SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Guru Zygoma's Avatar
    Join Date
    May 2006
    Location
    York, Uk
    Posts
    916
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    http://www.parkingrebel.com "I just Dont Know How To Disable the top Menu Hyperlinks

    Hi from York, England.

    I'm having a navigation problem with the drop down menu on the site:

    www.parkingrebel.com

    the problem is I want to disable the hyperlink on the 5, 10 & 15 minute menu headers, highlighted in grey. The outcome I'm after is that when you hover over the menu headers you get a pointer and not the link glove icon.

    I've tried all manner of things but I've hit a brick wall

    I wanted to put a hyperlink in so you could click on it and view the css, but I'm buggered If I know how to do it so unfortunately I'm going to paste firstly the CSS code then the HTML.

    /* CSS Document */
    h3 {font-size: 133%; margin: 0; padding: 0;
    border-bottom: 0px solid yellow;}
    h1 {font-size: 200%; text transform: lowercase; letter-spacing: 3px;
    margin: 0.66em -1em 0.33em 3%; padding: 0; border-bottom: 7px solid rgb(255%,0%,0%); border-top: 7px solid rgb(255%,0%,0%); clear: both;}
    body {font: 11px Veranda , Arial, Helvetica, sans-serif;
    margin: 0; padding: 0;
    background: rgb(95%,95%,80%); color: black;}
    #newsTicker
    {
    position: relative;
    width: 80%;
    height: 35px;
    overflow: hidden;
    background-image: url();
    background-repeat: no-repeat;
    margin: 0.66em 0 0.33em 3%;
    }

    #newsScroller
    {
    position: absolute;
    position/**/: relative;
    height: 35px;
    line-height: 35px;
    white-space: nowrap;
    color: black;
    font-size: 95%;
    font-family: Arial, Helvetica, sans-serif;
    }

    #stopLink
    {
    position: absolute;
    width: 35px;
    height: 35px;
    margin-left: 80%;
    margin-top: -35px;
    background-image: url(images_rebel/stop.jpg);
    background-repeat: no-repeat;
    text-indent: -9999px;
    text-decoration: none;
    }
    .bansky{
    float: left;
    margin: 0em 0 -1em 3%;
    padding_bottom: 0px;
    }
    .bansky_main {
    float: left;
    margin: 0em -1.5em -1em 3%;
    padding_bottom: 0px;
    }

    .bishop{
    float: left;
    margin-left: 5%;
    padding-right: 5px;
    padding-bottom: -20px;
    }
    .end {
    clear: both;
    margin-left: 5%;
    margin-top: -1.5em;
    margin-bottom: -2em;
    width: 100%;
    height: 2px;
    padding: 0;
    }
    .spotted {
    float: left;
    margin-right: 2%;
    margin-left: 3%;
    padding-right: 20px;
    padding-bottom: -20px;
    }
    .text_spotted {
    line-height: 1.6em;
    margin-left: 5px;
    background-color: #FFAA00;
    margin-top: 1em;
    }
    a.:link {color: #000000; text-decoration: none}
    a.:visited {color: #000000; text-decoration: none}
    a.:hover {text-decoration: underline overline; background: ;}
    a {margin-left: 3%;}
    .menuheader {
    text-decoration: none;
    }
    .loo {
    position: absolute;
    top: 30%;
    left: 73%;
    padding: 0;
    margin: 0;
    }

    .winner
    {
    margin-left: 2.5em;
    font-size: 1em;
    background-image: url();
    border-top: 2px dashed orange;
    border-bottom: 4px solid orange;
    margin-right: 35em;
    background-color: yellow;
    font-weight: bold;
    }
    .copyright
    {
    font-weight: bold;
    color: #AAAAAA;
    margin-left: 5%;
    padding: 0;
    margin-top: -2em;
    }
    .warden {
    float: right;
    border: 5px green ;
    padding: 5px;
    margin-top: 1em;
    margin-left: 10px;
    margin-right: 3px;
    .warden a:link, .warden a:visited {
    text-decoration: none;
    }

    .warden a:hover, .warden a:active {
    text-decoration: none;
    }

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
    "http://www.w3.org/TR/REC-html40/loose.dtd">
    <html>
    <head>
    <!-- Copyright (c) 2006 Copyright parkingrebel.com; All Rights Reserved -->
    <meta name="author" content="David Honan">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>parkingrebel.com</title>
    <script type="text/javascript"><!--//--><![CDATA[//><!--
    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>
    <link rel="stylesheet" type="text/css" href="rebel_css.css" />
    <style type="text/css">
    #nav a {text-decoration: none; color: #6633FF }
    #nav, #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1; }
    #nav a { display: block; width: 7.1em; }
    #nav li { float: left; width: 7.1em; }
    #nav li ul a:link {background-color:rgb(135%,206%,235%);}
    #nav li ul a:visited {background-color:rgb(135%,206%,235%);}
    #nav li ul a:hover {background-color:rgb(135%,206%,235%);}

    #nav li ul { position: absolute; width: 7.1em; left: -999em; color: ;}
    }
    #nav li ul ul { margin: -1em 0 0 7.1em; }
    #nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
    #nav li ul {
    position: absolute;
    left: -999em;
    width: 7.1em;
    }
    #nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
    #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }

    html {margin:0: padding: 0;}
    body {font: 11px Veranda , Arial, Helvetica, sans-serif;
    margin: 0; padding: 0;
    background: rgb(95%,95%,80%); color: black;}
    h3 {font-size: 133%; margin: 0; padding: 0;
    border-bottom: 0px solid yellow;}
    h4 {font-size: 100%; margin: 0; padding: 0.33em 0 0;
    border-bottom: 1px solid rgb(50%,50%,33%);
    color:rgb(50%,50%,35%);}
    p{line-height: 1.66; margin: 0.5em 0 1em 3em;}
    div#entry {margin: 0 33% 1em 7%; padding: 0;}
    div#sidebar {margin: 0; padding: 0; float: right; width: 13%;}
    div#sidebar a {display: block; padding: 8px 0 2px 10px; margin: 0;
    border-left: 1px solid rgb(50%,50%,35%);}
    div#sidebar a:hover {background: rgb(85%,85%,70%); text-decoration;}

    <!--
    -->
    </style>
    </head>
    <body>
    <img src="images_rebel/banner_graffiti_1.jpg" alt="Artist: Bansky Wall and Piece ISBN 1844137864. Buy it from Borders, its awesome!" width="100%" class="bansky_main">
    <h1>parkingrebel.com&trade; YORK</h1>
    <div id="sidebar">
    <h4>Walking time to York city centre</h4>
    <ul id="nav">
    <li><a href="#">5 Minutes</a>
    <ul>
    <!-- Five Minutes -->
    <li><a style="text-decoration:underline;"href="five_minute_2.htm">Escrick St</a></li>
    <li><a style="text-decoration:underline;" href="five_minute_1.htm">Odeon</a></li>
    <li><a style="text-decoration:underline;" href="ryedale.htm">Piccadilly</a></li>
    <ul>
    </ul>
    </ul>
    <!-- 10 Minutes -->
    <li><a href="#">10 Minutes</a>
    <ul>
    <li><a style="text-decoration:underline;" href="ten_minute_apollo.htm">Apollo St</a>
    <li><a style="text-decoration:underline;" href="apollo_court.htm">Apollo Court</a>
    <ul>
    </ul>
    </ul>
    <li><a href="#">15 Minutes</a>
    <ul>
    <!-- 15 Minutes -->
    <li><a style="text-decoration:underline;" href="fifteen_minute_uni.htm">York Uni</a></li>
    <ul>
    </ul>
    </ul>
    </div>
    <div id="entry"> <h3>Your guide to free parking in the city of York<a href="loo_award.htm"><img class="warden"src= "images_rebel/gold_loo.jpg" alt="The Golden Bog Award" border:0 ></a><a href="ryedale.htm"><img class="warden"src="images_rebel/warden.jpg" alt="&quot;The cheeky bast@rds - they've just added a new one.&quot;"></a>
    </h3>
    <p>parkingrebel.com&trade; is your online guide to free parking spots in the city
    of York. Free parking is a nightmare to find if you don't have local knowledge,
    but I do and I'm going to share it with you.</p>

    <p>For common sense reasons I can't disclose my identity, this site is not welcomed
    by the authorities but hey they've been taking the piss with parking charges
    for too long so I'll take my chances. </p>
    <p> parkingrebel.com&trade; will constantly evolve. New locations will be added as they
    are discovered.</p>


    <p>To find free parking spots in the city of York search through the archive on
    the right. All locations are given a grid reference and page number from the
    &quot;AA Street by Street York&quot; street map: First edition, February 2003,
    ISBN 0-7495-3697-7.</p>

    <p>And now for a celebrity endorsement...</p>


    <img src="images_rebel/bishop.jpg" alt="Picture of man in silly hat." class="bishop">
    <p><strong><em>&quot;Thank Christ for a website that lets me know where all the
    free parking is , it's been costing me a bloody fortune. How the council gets
    away with it God only knows</em></strong></em>.&quot;<br>
    Look-a-like Archbishop of York
    Rt Rev John Sentamu</p>
    <hr class="end" width="100%" color="#FF0000">
    <div class="copyright"> Copyright &copy; 2006 parkingrebel.com All Rights Reserved<a href="legal_disclaimer.htm"><br>ŠLegal
    DisclaimerŠ</a></div>
    </body>
    </html>

    Any suggestions very welcome.
    Thank you
    Last edited by Zygoma; Oct 17, 2006 at 12:25. Reason: Wanted to give a better description of problem.

  2. #2
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It's a nasty trick, but onclick="return false;" should do the job for you. Here's an example:
    HTML Code:
    <a href="#" onclick="return false;">5 Minutes</a>
    However, aside from ditching the frames, I'd also make those dropdowns appear to the left of the main menu items. Just to make things easier on your users.

  3. #3
    SitePoint Guru Zygoma's Avatar
    Join Date
    May 2006
    Location
    York, Uk
    Posts
    916
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Thank you

    Thank you, excellent Dan.

    "I'd also make those dropdowns appear to the left of the main menu items. Just to make things easier on your users." - yes that would be a very good idea, when I get a some time I'll see if I can do that.

    Once again thank you V. much for solution!

  4. #4
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Not a problem.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •