Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Apr 2011
    Posts
    49
    Thanks
    14
    Thanked 0 Times in 0 Posts

    Question links larger during click.

    Hi everyone, just creating a website and the problem is when i click the link whilst holding the mouse button the link goes larger. I've looked on the stylesheet but cant find why its doing it. any ideas?

    heres my code

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head><style>
    @charset "utf-8";
    /* http://meyerweb.com/eric/tools/css/reset/ 
       v2.0 | 20110126
       License: none (public domain)
    */
    
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	font-size: 100%;
    	font: inherit;
    	vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
    	display: block;
    }
    body {
    	line-height: 1;
    }
    ol, ul {
    	list-style: none;
    }
    blockquote, q {
    	quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    	content: '';
    	content: none;
    }
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
    * {
    	margin: 0px;
    }
    
    #wrapper {
    	width: 1000px;
    	height: 1000px;
    	margin-left: auto;
    	margin-right: auto;
    	background: #fff;
    }
    
    #header {
    	width: 1000px;
    	height: 60px;
    	background: #06C url(http://www.timclarkwebdesign.net/mitchells/images/header-bg-3.jpg);
    }
    
    #header .ebay {
    	float: left;
    	padding-top: 5px;
    	padding-left: 15px;
    }
    
    #header .title {
    	float: left;
    	padding-left:15px;
    	padding-top: 20px;
    	color: #fff;
    	font-size: 18px;
    	font-weight: bold;
    }
    
    #header .paypal {
    	float: left;
    	padding-left: 15px;
    	padding-top: 5px;
    	
    }
    
    #header .telephone {
    	float: left;
    	padding-left: 15px;
    	padding-top: 15px;
    	font-size: 22px;
    	font-weight: bold;
    	color: #fff;
    }
    
    #header .fav {
    	float: left;
    	padding-left: 15px;
    	padding-top: 15px;
    }
    
    #header .fav-text{
    	float: left;
    	padding-left: 15px;
    	padding-top: 10px;
    	font-size: 10px;
    	color: #fff;
    	text-align: center;
    }
    
    #header .fav-text a:link, a:visited, a:active {
    	font-size: 18px;
    	color: #fff;
    	text-decoration: none;
    }
    
    #header .fav-text a:hover {
    	text-decoration: underline;
    }
    
    #header .newsletter {
    	float: left;
    	padding-left: 15px;
    	padding-top: 15px;
    }
    
    #header .newsletter-text{
    	float: left;
    	padding-left: 15px;
    	padding-top: 10px;
    	font-size: 10px;
    	color: #fff;
    	text-align: center;
    }
    
    #header .newsletter-text a:link, a:visited, a:active {
    	font-size: 18px;
    	color: #fff;
    	text-decoration: none;
    }
    
    #header .newsletter-text a:hover {
    	text-decoration: underline;
    }
    
    #navbar {
    	width: 1000px;
    	height: 37px;
    	background: #999 url(http://www.timclarkwebdesign.net/mitchells/images/navbar.png);
    }
    
    #navbar ul {
    	list-style: none;
    }
    
    #navbar ul li {
    	float: left;
    	height: 35px;
    	margin-left: 25px;
    }
    
    #navbar ul li a {
    	display: block;
    	text-decoration: none;
    	font-size: 14px;
    	font-weight: bold;
    	color: #363636;
    	padding: 7px 0 6px 0;
    }
    
    #topbar {
    	width: 1000px;
    	height: 80px;
    }
    
    #topbar .logo {
    	float: left;
    	padding-left: 15px;
    	padding-top: 15px;
    	width: 425px;
    	height: 56px;
    }
    
    #topbar .searchbar {
    	float: right;
    	width: 299px;
    	height: 33px;
    	margin-top: 35px;
    	margin-right: 15px;
    	background: url(http://www.timclarkwebdesign.net/mitchells/images/search-bg.png) ;
    }
    
    #topbar .searchbar .searchfield {
    	float: left;
    	width: 132px;
    	height: 25px;
    	margin-left: 6px;
    	margin-top: 6px;
    }
    
    #topbar .searchbar .searchbutton {
    	float: right;
    	width: 125px;
    	height: 25px;
    	margin-top: 4px;
    	margin-right: 4px;
    	background: url(http://www.timclarkwebdesign.net/mitchells/images/search-button-bg.png);
    }
    
    #offers {
    	width: 1000px;
    	height: 150px;
    	background: url(http://www.timclarkwebdesign.net/mitchells/images/offers.png);
    	clear: both;
    }
    
    .col-header {
    	float: left;
    	width: 151px;
    	height: 30px;
    	font-size: 18px;
    	font-weight: bold;
    	text-align: center;
    	margin-top: 10px;
    	color: #fff;
    	background: url(http://www.timclarkwebdesign.net/mitchells/images/sidebar-header.png);
    }
    
    .col-main {
    	float: left;
    	background: #72a8df;
    	width: 151px;
    	color: #1d1d1d;
    }
    
    .col-main a:link, a:active, a:visited, a:hover {
    	text-decoration: none;
    }
    
    .col-footer {
    	float: left;
    	width: 151px;
    	height: 20px;
    	background: url(http://www.timclarkwebdesign.net/mitchells/images/sidebar-footer.png);
    }
    
    .col-text {
    	padding-left: 10px;
    }
    
    .col-header-r {
    	float: left;
    	width: 151px;
    	height: 30px;
    	font-size: 18px;
    	font-weight: bold;
    	text-align: center;
    	margin-top: 10px;
    	color: #fff;
    	background: url(http://www.timclarkwebdesign.net/mitchells/images/sidebar-header.png);
    }
    
    .col-main-r {
    	float: left;
    	background: #72a8df;
    	width: 151px;
    	color: #1d1d1d;
    }
    
    .col-main-r a:link, a:active, a:visited, a:hover {
    	text-decoration: none;
    }
    
    .col-footer-r {
    	float: left;
    	width: 151px;
    	height: 20px;
    	background: url(http://www.timclarkwebdesign.net/mitchells/images/sidebar-footer.png);
    }
    
    .col-text-r {
    	padding-left: 10px;
    }
    
    #text-area {
    	text-align: center;
    	font-weight: bold;
    	margin-top: 150px;
    	color: #222;
    }
    
    #text-area img {
    	margin-top: 80px;
    	margin-left: auto;
    	margin-right: auto;
    }
    
    #footer {
    	width: 1000px;
    	height: 94px;
    	background: url(http://www.timclarkwebdesign.net/mitchells/images/footer-bg.png);
    }
    
    #footer .footer-text {
    	padding-top: 50px;
    	text-align: center;
    	font-size: 14px;
    	font-weight: bold;
    }
    
    #footer .footer-info {
    	text-align: center;
    	font-size: 10px;
    }
    
    #left {
        float: left;
        width: 151px;
    }
    
    #right {
        float: right;
        width: 151px;
    }
    
    #middle {
    	margin-top: 10px;
        padding: 0px 160px 5px 160px;
    }
    
    #middle .row {
    	float: left;
    	padding-top: 10px;
    }
    
    #middle .col-1 {
    	float: left;
    	padding-left: 30px;
    	width: 200px;
    	height: 200px;
    }
    
    #middle .col-2 {
    	float: left;
    	padding-left: 10px;
    	width: 200px;
    	height: 200px;
    }
    
    #middle .col-3 {
    	float: left;
    	padding-left: 10px;
    	width: 200px;
    	height: 200px;
    }
    
    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Mitchells Direct Ebay Store Test</title>
    </head>
    <div id="wrapper">
    <!-- Start Header -->
    	<div id="header">
        	<div class="ebay">
            	<img src="http://www.timclarkwebdesign.net/mitchells/images/ebay.png" title="Mitchells Direct Ebay" alt="Mitchells Direct Ebay" />
            </div>
            <div class="title">
            	{eBayUserID}
            </div>
            <div class="paypal">
            	<img src="http://www.timclarkwebdesign.net/mitchells/images/paypal.png" title="Mitchells Direct Paypal Verified" alt="Mitchells Direct Paypal Verified" />
            </div>
            <div class="telephone">
            	Tel: 01909 478 176
            </div>
            
            <div class="newsletter">
            	<img src="http://www.timclarkwebdesign.net/mitchells/images/mail.png" title="Newsletter Signup" alt="Newsletter Signup" />
            </div>
            <div class="newsletter-text">
            	<form action="http://my.ebay.co.uk/ws/eBayISAPI.dll?AcceptSavedSeller&amp;sellerid=mitchells_direct_2010" name="signup" method="post"><input type="checkbox" name="nlchxbox" value="selectedMailingList_3356518" checked="checked"></form><a href='javaScript:document.signup.submit()'>Newsletter Signup</a>
            </div>
        </div>
        <div style="clear: both;"></div>
        <!-- End Header -->
        <!-- Start Navbar -->
        <div id="navbar">
        	<ul>
            	<li><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Payment</a></li>
                <li><a href="#">Delivery</a></li>
                <li><a href="#">Contact</a></li>
    		</ul>
        </div>
        <div style="clear: both;"></div>
        <!-- End Navbar -->
        <!-- Start Topbar -->
        <div id="topbar">
        	<div class="logo">
            	<img src="http://www.timclarkwebdesign.net/mitchells/images/logo.png" title="Mitchells Direct" alt="Mitchells Direct" />
            </div>
            <div class="searchbar">
            	<div class="searchfield">
                <input type="text" value="Search here..."/>
                </div>
                <div class="searchbutton"><a href="http://search.stores.ebay.co.uk/search/search.dll?fsoo=1&fsop=1&query=&saprchi=&saprclo=&sid=1003479451&sofp=0&srchdesc=y"><img src="http://www.timclarkwebdesign.net/mitchells/images/search-button.png" title="Search Products" alt="Search Products"  /></a>
                </div>
            </div>
        </div>
        <div id="offers">
        </div>
        <div style="clear: both;"></div>
        <!-- End Topbar -->
        <!-- Start Main 3 cols -->
        <div style="clear: both;"></div>
       <div id="left">
        <div class="col-header">
            	Shop Categories
            </div>
            <div class="col-main">
            	<div class="col-text">
                	<ul>
                    	<li><a href="#">Link 1</a></li>
                        <li><a href="#">Link 2</a></li>
                        <li><a href="#">Link 3</a></li>
                    </ul>
                    Category 1<br />
                    Category 2<br />
                    Category 3<br />
                    Category 4<br />
                    Category 5<br />
                    Category 6<br />
                    Category 7<br />
                    Category 8<br />
                    Category 9<br />
                </div>
            </div>
            <div class="col-footer">
            </div>
        	<div class="col-header">
            	Useful Links
            </div>
            <div class="col-main">
            	<div class="col-text">
                	<ul>
                	<li><a href="http://feedback.ebay.co.uk/ws/eBayISAPI.dll?ViewFeedback2&userid=mitchells_direct_2010&ftab=AllFeedback&myworld=true">View Feedback</a></li>
                    <li><a href="http://my.ebay.co.uk/ws/eBayISAPI.dll?AcceptSavedSeller&mode=0&preference=0&sellerid=mitchells_direct_2010&ru=http%3A%2F%2Ffeedback.ebay.co.uk%2Fws%2FeBayISAPI.dll%3FViewFeedback2%26userid%3Dmitchells_direct_2010&ssPageName=STRK:MEFS:ADDMP">Save As Favourite</a></li>
                    <li><a href="http://contact.ebay.co.uk/ws/eBayISAPI.dll?ReturnUserEmail&requested=mitchells_direct_2010&frm=3692&iid=-1&de=off&redirect=0">Ask Us A Question</a></li>
                    <li><a href="#">F.A.Q</a></li>
                    <li><a href="#">Warranties & Returns</a></li>
                </div>
            </div>
            <div class="col-footer">
            </div>
    </div>
    <div id="right">
        <div class="col-header-r">
            	NEW Products
            </div>
            <div class="col-main-r">
            	<div class="col-text-r">
                	Product 1<br />
                    Product 2<br />
                </div>
            </div>
            <div class="col-footer-r">
            </div>
    </div>
    <div id="middle">
    	<div class="row">
        <div class="col-1">
            <img src="http://www.timclarkwebdesign.net/mitchells/images/cats/traditional.jpg" width="200" height="200" title="Traditional" alt="Traditional"  />
            </div>
            <div class="col-2">
            <img src="http://www.timclarkwebdesign.net/mitchells/images/cats/toilets.jpg" width="200" height="200" title="Toilets" alt="Toilets"  />
            </div>
            <div class="col-3">
            <img src="http://www.timclarkwebdesign.net/mitchells/images/cats/baths.jpg" width="200" height="200" title="Baths" alt="Baths"  />
            </div>
            </div>
            <div class="row">
            <div class="col-1">
            <img src="http://www.timclarkwebdesign.net/mitchells/images/cats/basins.jpg" width="200" height="200" title="Basins" alt="Basins"  />
            </div>
            <div class="col-2">
            <img src="http://www.timclarkwebdesign.net/mitchells/images/cats/taps.jpg" width="200" height="200" title="Taps" alt="Taps"  />
            </div>
            <div class="col-3">
            <img src="http://www.timclarkwebdesign.net/mitchells/images/cats/bathroom-suites.jpg" width="200" height="200" title="Bathroom Suites" alt="Bathroom Suites"  />
            </div>
            </div>
            <div class="row">
            <div class="col-1">
            <img src="http://www.timclarkwebdesign.net/mitchells/images/cats/accessories.jpg" width="200" height="200" title="Accessories" alt="Accessories"  />
            </div>
            <div class="col-2">
            <img src="http://www.timclarkwebdesign.net/mitchells/images/cats/showering.jpg" width="200" height="200" title="Showering" alt="Showering"  />
            </div>
            <div class="col-3">
            <img src="http://www.timclarkwebdesign.net/mitchells/images/cats/heating.jpg" width="200" height="200" title="Heating" alt="Heating"  />
            </div>
            </div>
            <div class="row">
            <div class="col-1">
            <img src="http://www.timclarkwebdesign.net/mitchells/images/cats/shower-enclosures.jpg" width="200" height="200" title="Shower Enclosures" alt="Shower enclosures"  />
            </div>
            <div class="col-2">
            <img src="http://www.timclarkwebdesign.net/mitchells/images/cats/wetrooms.jpg" width="200" height="200" title="Wetrooms" alt="Wetrooms"  />
            </div>
             <div class="col-3">
            <img src="http://www.timclarkwebdesign.net/mitchells/images/cats/mirrors.jpg" width="200" height="200" title="Mirrors & Mirror Cabinets" alt="Mirrors & Mirror Cabinets"  />
            </div>
            <div class="row">
            <div class="col-1">
            </div>
            <div class="col-2">
            <img src="http://www.timclarkwebdesign.net/mitchells/images/cats/worktops.jpg" width="200" height="200" title="Worktops" alt="Worktops"  />
            </div>
             <div class="col-3">
            </div>
            </div>
    </div>
    </div>
        <div style="clear: both;"></div>
        <!-- End Main 3 cols -->
        
        <div id="footer">
        	<div class="footer-text">
            	© MitchellsBathrooms.com
            </div>
            <div class="footer-info">
            	MitchellsBathrooms.com is owned and operated by Mitchells Direct LtdRegistered Office: 36-38 Carlton Road, Worksop, Notts, S80 1PH<br />Company Number: 4617224 Registered in England and Wales | VAT Number: 828 3782 94
            </div>
        </div>
    </div>
    <body>
    </body>
    </html>

  • #2
    New Coder
    Join Date
    Apr 2011
    Posts
    49
    Thanks
    14
    Thanked 0 Times in 0 Posts
    also it's the links in the left hand column in the col-main div

  • #3
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,866
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    You have
    Code:
    #header .fav-text a:link, a:visited, a:active {
    	font-size: 18px;
    	color: #fff;
    	text-decoration: none;
    }
    #header .newsletter-text a:link, a:visited, a:active {
    	font-size: 18px;
    	color: #fff;
    	text-decoration: none;
    }
    in your CSS
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    tim967 (01-31-2012)

  • #4
    New Coder
    Join Date
    Apr 2011
    Posts
    49
    Thanks
    14
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by abduraooft View Post
    You have
    Code:
    #header .fav-text a:link, a:visited, a:active {
    	font-size: 18px;
    	color: #fff;
    	text-decoration: none;
    }
    #header .newsletter-text a:link, a:visited, a:active {
    	font-size: 18px;
    	color: #fff;
    	text-decoration: none;
    }
    in your CSS
    thanks for the help


  •  

    Posting Permissions

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