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.

HTML Forum


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



Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
Expandable list style
Old 12-19-2008, 09:57 PM Expandable list style
Junior Talker

Posts: 4
Trades: 0
Hi,

I created an expandable list in JavaScript here: http://home.comcast.net/~richmaxw/resume/ . But the bullets (the boxes with the plus sign) are too large. I based it off of the code here: http://free.netartmedia.net/DHTML/DHTML9.html . When I try to shrink the boxes by modifying the style (span_general), the plus signs fall to the bottom of the boxes. I'd like to shrink the boxes and center the plus signs horizontally and vertically, but I've only been able to do so horizontally.

Thanks,

Rich
richardmaxw is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 12-20-2008, 04:52 AM Re: Expandable list style
Insensus's Avatar
Ultra Talker

Posts: 487
Name: Mark Stegeman
Location: Netherlands, Europe
Trades: 0
I'd suggest to replace the .span_general with
.span_general {font-family:Verdana;font-size:9pt;color:black;border: 1px solid #000;text-align:center;width:16px;height:15px;cursor: pointer;}
first.

Then when you shrink the box and the vertical centering doesn't keep.
Try adding a negative margin-top.
__________________
<?php ($helpfull>0)?$talkupation++ : '';?>
Insensus is offline
Reply With Quote
View Public Profile
 
Old 12-20-2008, 07:32 PM Re: Expandable list style
Junior Talker

Posts: 4
Trades: 0
Ok. Thanks. Now the pointer works in Firefox. But when I try to add a negative top margin, it still stays on the bottom. I've added all kinds of things, but I can only seem to center them horizontally.
richardmaxw is offline
Reply With Quote
View Public Profile
 
Old 12-21-2008, 07:18 AM Re: Expandable list style
Insensus's Avatar
Ultra Talker

Posts: 487
Name: Mark Stegeman
Location: Netherlands, Europe
Trades: 0
I thought of one other thing which might work, but it's just as ugly as a negative margin-top. :P

Maybe try reducing the line-height to something like 0.9em, which means the line height will be 0.9 times the current font size.
__________________
<?php ($helpfull>0)?$talkupation++ : '';?>
Insensus is offline
Reply With Quote
View Public Profile
 
Old 12-21-2008, 08:30 AM Re: Expandable list style
Junior Talker

Posts: 4
Trades: 0
I figured it out! Using <sup> tags seems to do the trick. I understand this may not be the method recommended by the W3C, but desparate times require desparate measures! The only browser that doesn't seem to like it is IE 6. Go figure...
richardmaxw is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Expandable list style
 

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.25018 seconds with 12 queries