Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Link styles running amok!
Old 08-08-2008, 05:28 PM Link styles running amok!
Ultra Talker

Posts: 316
Trades: 0
Each link I add to this DIV/page is taking up a whole like. I would like the links (images and text) to be next to each other horizontally rather than being moved to a new line.

Here are the link styles:
Code:
.div-text a:link, .div-text a:visited, .div-text a:active {
    color: black;
    text-decoration: none;
    font-weight: normal;
}
.div-text a:hover {
    color: black;
    text-decoration: none;
    font-weight: normal;
}
It looks like the .menu styles are being applied to these links but that shouldnt be the case.

Can someone have a look please?

These are the pages to look at:
http://www.jfwebdesign.co.uk/gym/gallery.html
The links are all on their own line when they should be on the same line - something to do with the 'display: block' attribute on the menu link styles.
http://www.jfwebdesign.co.uk/gym/styles.css

Thanks
Joe3000 is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 08-08-2008, 05:38 PM Re: Link styles running amok!
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Easy fix - float the links OR put them inside an unordered list (as they really should be) and use display:inline to make them line up horizontally.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 08-08-2008, 06:03 PM Re: Link styles running amok!
Ultra Talker

Posts: 316
Trades: 0
Thank you.

I did a float which worked.

But the text link after the images is getting a white back ground.

Do you know why it is picking up the styles from the '.menu' class styles?
Joe3000 is offline
Reply With Quote
View Public Profile
 
Old 08-08-2008, 07:57 PM Re: Link styles running amok!
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
div-text is sitting inside div.menu, so it is inheriting the link styles that you defined for div.menu.

You need to specify background: none, or background: transparent on .div-text a:hover to get rid of the white.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 08-09-2008, 03:57 AM Re: Link styles running amok!
Ultra Talker

Posts: 316
Trades: 0
Thanks, could've sworn that div was not inside the other div.

Have removed it now.

Thank you.
Joe3000 is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Link styles running amok!
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.28164 seconds with 12 queries