Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,472
There are 1695 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

CSS Questions

Thread title: CSS Questions
Closed Thread  
Page 1 of 2 1 2 >
    Thread tools Search this thread Display Modes  
01-07-2006, 09:35 PM
 #1
Gethin is offline Gethin
Gethin's Avatar
Status: Developer
Join date: Nov 2004
Location: In my house
Expertise:
Software:
 
Posts: 2,323
iTrader: 0 / 0%
 

Gethin is on a distinguished road

Send a message via MSN to Gethin

  Old  CSS Questions

I currently have this code for a:hover
Code:
a:hover, a:active 
{
	color: #21ACFF;
	text-decoration: none;
	background-color: #DDF3FF;
}

What I want to know, is if it is possible to make the background colour of the hover to cover a larger area than just the text covers, like so it doesn't end straight where the last pixel of the last/first letter is... if you understand me help is appreciated

01-07-2006, 09:42 PM
 #2
opserty is offline opserty
Status: I love this place
Join date: Jan 2005
Location: UK, Birmingham
Expertise:
Software:
 
Posts: 606
iTrader: 0 / 0%
 

opserty is on a distinguished road

Send a message via MSN to opserty

  Old

HTML Code:
padding:2px;
Should to it, increase 2 to increase area around the text which has background colour.
01-07-2006, 09:46 PM
 #3
Gethin is offline Gethin
Gethin's Avatar
Status: Developer
Join date: Nov 2004
Location: In my house
Expertise:
Software:
 
Posts: 2,323
iTrader: 0 / 0%
 

Gethin is on a distinguished road

Send a message via MSN to Gethin

  Old

Thank you opserty, worked perfectly

edit: as usual nothing works perfectly

My logo is a link also opserty, and now when I hover over that the same thing happens as it would to the text, but I don't want it to do that on the logo... how do I fix?

01-07-2006, 09:58 PM
 #4
bcd is offline bcd
bcd's Avatar
Status: Junior Member
Join date: Oct 2005
Location: Cali
Expertise:
Software:
 
Posts: 96
iTrader: 0 / 0%
 

bcd is on a distinguished road

Send a message via AIM to bcd Send a message via MSN to bcd Send a message via Yahoo to bcd

  Old

Code:
a img { padding: 0; }
01-07-2006, 10:00 PM
 #5
Gethin is offline Gethin
Gethin's Avatar
Status: Developer
Join date: Nov 2004
Location: In my house
Expertise:
Software:
 
Posts: 2,323
iTrader: 0 / 0%
 

Gethin is on a distinguished road

Send a message via MSN to Gethin

  Old

am I suppost to put that in with the a:hover code bcd, because I did but it didn't fix it :/
01-07-2006, 10:22 PM
 #6
Joe is offline Joe
Status: Custom User Title
Join date: Apr 2005
Location:
Expertise:
Software:
 
Posts: 2,297
iTrader: 0 / 0%
 

Joe is on a distinguished road

  Old

Put that piece of code below the code you posted above for the links.
01-07-2006, 10:23 PM
 #7
bcd is offline bcd
bcd's Avatar
Status: Junior Member
Join date: Oct 2005
Location: Cali
Expertise:
Software:
 
Posts: 96
iTrader: 0 / 0%
 

bcd is on a distinguished road

Send a message via AIM to bcd Send a message via MSN to bcd Send a message via Yahoo to bcd

  Old

Oh, on hover?

Then just add this rule to your CSS:

Code:
a:hover img, a:active img { padding: 0; }
Missed that part :P
01-07-2006, 11:10 PM
 #8
Gethin is offline Gethin
Gethin's Avatar
Status: Developer
Join date: Nov 2004
Location: In my house
Expertise:
Software:
 
Posts: 2,323
iTrader: 0 / 0%
 

Gethin is on a distinguished road

Send a message via MSN to Gethin

  Old

Doesn't seem to work, so I've just put a hotspot around the logo...
01-08-2006, 04:36 AM
 #9
bcd is offline bcd
bcd's Avatar
Status: Junior Member
Join date: Oct 2005
Location: Cali
Expertise:
Software:
 
Posts: 96
iTrader: 0 / 0%
 

bcd is on a distinguished road

Send a message via AIM to bcd Send a message via MSN to bcd Send a message via Yahoo to bcd

  Old

What code did you link the image with?
01-08-2006, 05:11 AM
 #10
Yang is offline Yang
Yang's Avatar
Status: Member
Join date: Jun 2005
Location:
Expertise:
Software:
 
Posts: 460
iTrader: 0 / 0%
 

Yang is on a distinguished road

Send a message via Yahoo to Yang

  Old

Hmm, isn't it ~

Code:
img a:hover, img a:active {padding: 0;}
Closed Thread  
Page 1 of 2 1 2 >

« Previous Thread | Next Thread »

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed  

Home   |     |   News   |   Rules   |   FAQ   |  


Powered by HandsOnWebHosting.com

The time is now 08:27 AM (GMT).


Powered by: vBulletin Version 3.8.4 Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.