i cant find the images!!!

[pixelmonkey]

the menu on the left side of the page.
this page (http://www.modot.mo.gov)

the first and the last menu items has rounded corners. i cant find the images, or the snips of code that allow these, and i cant seem to recreate this effect.

can anyone help?
chris<pixelmonkey>:monkey:

[coothead]

Hi there pixelmonkey,

these are the four images on the left...

menu1 (http://www.modot.mo.gov/images/common/nav/CustomerServiceBanner.gif)
menu2 (http://www.modot.mo.gov/images/portal/MapRequest.jpg)
menu3 (http://www.modot.mo.gov/images/portal/OnlineSurvey.jpg)
menu4 (http://www.modot.mo.gov/images/portal/StateWebsite.gif)

Try the Graphic Design & Clipart forum for the means of making rounded corners :D

[pixelmonkey]

sorry about that... i should have explained it with more detail.

the main navigation on the page which starts with "Home" and ends with "News & Information"

those 2 links are what i'm trying to duplicate.
a rounded corner appears on the top left of Home and the bottom left of News & Information.

those are the 2 rounded corners I cant find or duplicate.

thanks!
chris<pixelmonkey>:monkey:

[IKLOP]

It makes the rounded corners by setting the background image, using css, of the cells with an image with rounded corners.

CSS file (http://www.modot.mo.gov/css/Basic.css) - look for background-image in .navHome & .NavItemNewsOff

Home Background (http://www.modot.mo.gov/images/common/nav/HomeButtonBGOff.gif)
News & Information Background (http://www.modot.mo.gov/images/common/nav/NewsButtonBGOff.gif)

[coothead]

Hi there pixelmonkey,

There are no rounded corners on the the background images :confused:
I have collected the salient parts of the code, which somehow creates a rounded corner :supereek:
<style type="text/css">
<!--
.navhome {
border-bottom:1px solid #000000;
background:url(http://www.modot.mo.gov/images/common/nav/HomeButtonBGOff.gif);
}

.NavItemHome {
border-bottom:1px solid #000000;
background:url(http://www.modot.mo.gov/images/common/nav/HomeButtonBGOn.gif);
}
body {
background:#336699;
}
//-->
</style>


<table><tr>
<td height="24"width="144" class="navhome" onmouseover="this.className='NavItemHome'"
onmouseout="this.className='navhome'"></td>
</tr></table>

This has to be a browser peculiarity

[IKLOP]

The images do have a rounded corner. It may be difficult to see because it is only about 5 or so pixles, but it is definantly done using an image and not some browser peculiarity.

[pixelmonkey]

Originally posted by IKLOP
It makes the rounded corners by setting the background image, using css, of the cells with an image with rounded corners.

CSS file (http://www.modot.mo.gov/css/Basic.css) - look for background-image in .navHome & .NavItemNewsOff

Home Background (http://www.modot.mo.gov/images/common/nav/HomeButtonBGOff.gif)
News & Information Background (http://www.modot.mo.gov/images/common/nav/NewsButtonBGOff.gif)
thanks!

chris<pixelmonkey>:monkey:

[coothead]

Hi there pixelmonkey,

You are of course at liberty to believe in IKLOP's insistence that the images have a rounded corner,
all that I ask is that, you click on the the background links that are in the code I provided
and confirm that you can see these rounded corners :D

[pixelmonkey]

Originally posted by coothead
Hi there pixelmonkey,

You are of course at liberty to believe in IKLOP's insistence that the images have a rounded corner,
all that I ask is that, you click on the the background links that are in the code I provided
and confirm that you can see these rounded corners :D
yes

chris<pixelmonkey>:monkey:

[agent002]

Look at this image (the background image for the home button):
http://www.modot.mo.gov/images/common/nav/HomeButtonBGOff.gif

Here is the same image, zoomed to 600% using Opera's zoom function:
http://members.surfeu.fi/jerkku/htmlforums/img.png

Coothead, you need glasses :D :D

[coothead]

Hi there Jere,

Thanks for drawing attention to another aspect of this old man's failing faculties :o :o
At the moment though the onset of incontinence is my prime concern :supereek: