I have a site I created from the SB starter kit. As I'm working my way through it, I have something simple I just can't find.
When browsing the site, there are rounded-corner images displayed at each end of the horizontal menu. These appear to be corp_blue_nav_tl.gif and corp_blue_nav_tr.gif from the images directory. The problem is that I can't find a single reference to these
images, or any other rounded-corner images anywhere in the code or css files that are part of the solution.
This is really hampering my ability to understand how this is put together, so I would appreciate it if someone could tell me how these are referenced :-)
>The problem is that I can't find a single reference to these images, or any other rounded-corner images anywhere in the code or css files that are part of the solution.
Come back grep - all is forgiven!
Use Windows Explorer to search for the file names within the source for the site.
Click "Mark as Answer" on the post that helped you.
This earns you a point and marks your thread as Resolved so we will all know you have been helped.
FAQ on the correct forum http://forums.asp.net/p/1337412/2699239.aspx#2699239
They don't. There is some other trick used to get the rounded corners that I haven't been able to figure out yet. Someone in another thread pointed someone else to a website that has links to a bejillion different ways to do it.
I didn't bother going through the exercise as my question was answered. When I need to do rounded corners, I'll spend the time on it.
rfreeze
Member
124 Points
36 Posts
I'm missing something really basic
Feb 13, 2008 03:25 PM|LINK
I'm new to cs and asp.net ...
I have a site I created from the SB starter kit. As I'm working my way through it, I have something simple I just can't find.
When browsing the site, there are rounded-corner images displayed at each end of the horizontal menu. These appear to be corp_blue_nav_tl.gif and corp_blue_nav_tr.gif from the images directory. The problem is that I can't find a single reference to these images, or any other rounded-corner images anywhere in the code or css files that are part of the solution.
This is really hampering my ability to understand how this is put together, so I would appreciate it if someone could tell me how these are referenced :-)
BobF
marco gwilia...
Member
206 Points
300 Posts
Re: I'm missing something really basic
Feb 13, 2008 06:57 PM|LINK
I have not seen the SB starter kit but I would guess the menu is created in the masterpage. Have a look at the masterpage.
Marco
TATWORTH
All-Star
72415 Points
14017 Posts
MVP
Re: I'm missing something really basic
Feb 13, 2008 07:13 PM|LINK
>The problem is that I can't find a single reference to these images, or any other rounded-corner images anywhere in the code or css files that are part of the solution.
Come back grep - all is forgiven!
Use Windows Explorer to search for the file names within the source for the site.
This earns you a point and marks your thread as Resolved so we will all know you have been helped.
FAQ on the correct forum http://forums.asp.net/p/1337412/2699239.aspx#2699239
rfreeze
Member
124 Points
36 Posts
Re: I'm missing something really basic
Feb 14, 2008 02:38 PM|LINK
After digging around some, I've discovered that the asmswer is simple - the files are NOT referenced anywhere.
BobF
webdog
Member
3 Points
21 Posts
Re: I'm missing something really basic
Feb 14, 2008 04:44 PM|LINK
Then how do they get on the Web Page?
Just curious ....
rfreeze
Member
124 Points
36 Posts
Re: I'm missing something really basic
Feb 15, 2008 05:29 PM|LINK
They don't. There is some other trick used to get the rounded corners that I haven't been able to figure out yet. Someone in another thread pointed someone else to a website that has links to a bejillion different ways to do it.
I didn't bother going through the exercise as my question was answered. When I need to do rounded corners, I'll spend the time on it.
BobF
Cyriacus
Member
14 Points
9 Posts
Re: I'm missing something really basic
Jun 06, 2008 01:53 AM|LINK
It is in the CSS file css-content.css under App_Themes\Standard folder.
#nav-main { background:#FB83BA url(../../images/bg-nav.png) no-repeat; margin-left:auto; margin-right:auto; width:740px; padding:.8em 0 1em 20px; position:relative; font-weight:bold;}
#nav-main div { background:#4b6cb5 url(../../images/bg-nav-side.png) top right no-repeat; width:25%; _width:25.5%; position:absolute; top:0; right:0; padding:.8em 0 1em 0;}