...

View Full Version : links larger during click.



tim967
01-31-2012, 12:11 PM
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


<!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>

tim967
01-31-2012, 12:13 PM
also it's the links in the left hand column in the col-main div

abduraooft
01-31-2012, 12:24 PM
You have

#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

tim967
01-31-2012, 12:30 PM
You have

#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:)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum