Reply
Suckerfish dropdowns
Old 09-29-2006, 12:05 AM Suckerfish dropdowns
Webmaster Talker

Posts: 559
I was wondering how they get the bottom left corner rounded??

Can anyone help me explain this?
zincoxide is offline
Reply With Quote
View Public Profile
 
When You Register, These Ads Go Away!
Old 09-29-2006, 02:19 AM Re: Suckerfish dropdowns
mgraphic's Avatar
Truth Seeker

Latest Blog Post:
Converting Video For YouTube
Posts: 2,339
Name: Keith Marshall
Location: West Hartford, CT
Wondering who got thier bottom-left corner rounded??

I don't know which site you are referring to, but you can round off tables and boxes using an image.
__________________

<mgraphic /> - I don't have a solution but I admire the problem.
mgraphic is offline
Reply With Quote
View Public Profile
 
Old 09-29-2006, 10:00 AM Re: Suckerfish dropdowns
Webmaster Talker

Posts: 559
Sorry I meant to post the link

http://www.htmldog.com/articles/suckerfish/example/

Could someone post a very small example of how to do this. I've tried playing around with images before but it ended up making my site VERY image intensive and took a long time to load - I don't think I was doing it right.

Also, you'll notice on the background of the menus there is some light grey lines. If you could show an example of that too, that would be great. Well... I know how to make the lines in the background but I guess my main question is how big do I make the graphic file. If I can get the pattern I want with a graphic file that is 2px big, do I do that and let it repeat the rest of the time, or is it better to make it bigger???
zincoxide is offline
Reply With Quote
View Public Profile
 
Old 09-29-2006, 12:19 PM Re: Suckerfish dropdowns
Galaxian's Avatar
Dingleberry!

Posts: 644
Name: Rich
Location: United Kingdom
Code:
li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;

	font-weight: normal;
	background: url(images/ddbg3.gif) bottom left no-repeat;
	padding: 0.5em 0 1em 0;
	border-right: solid 1px #7d6340;
}
"bottom left" they aligned their background image so it looks curved. Outside the round off it is transparent.

Sorry no example.
Galaxian is offline
Reply With Quote
View Public Profile Visit Galaxian's homepage!
 
Old 09-29-2006, 01:57 PM Re: Suckerfish dropdowns
Webmaster Talker

Posts: 559
No, that's good. Thanks!
zincoxide is offline
Reply With Quote
View Public Profile
 
Old 09-29-2006, 03:41 PM Re: Suckerfish dropdowns
LadynRed's Avatar
Super Moderator

Posts: 6,743
Location: Tennessee
A CSS method for rounded corners - no javascript !

http://www.sitepoint.com/blogs/2006/...no-javascript/
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Suckerfish dropdowns
 

Thread Tools

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

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


Webmaster Resources Marketplace:
Software Development Company | Webhosting.UK.com | Text Link Brokers 


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

 


Page generated in 0.13595 seconds with 12 queries