Hi,<br />
<br />
there is a website that i really like, only thing is i am unsure what he has done to give it the look that i really like.<br />
the link is:<br />
<br />
<!-- w --><a class="postlink" href="http://www.foodequipment.com.au">www.foodequipment.com.au</a><!-- w --><br />
<br />
what i like is how the menu is split into tabs and then down the bottom of the screen there is the blue bar that is rounded at the corners. this probably sounds pretty silly but i really like the look, have they designed the images with a program like photoshop and just inserted them into a table, or have they created it with html?<br />
<br />
thanks<!--content-->The rounded corners at bottom is achieved with 2 concave rounded white images that hide the point of the corner. An old trick. The rest seems pretty ordinary.<!--content-->It's an image map, and the image is here (<!-- m --><a class="postlink" href="http://www.foodequipment.com.au/img/banner-home.gif">http://www.foodequipment.com.au/img/banner-home.gif</a><!-- m -->).<br />
<br />
Don't copy this guy for several reasons: He's used tables He's nested them The code is invalid (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.foodequipment.com.au%2Fdefault.asp%3Fc%3D144438">http://validator.w3.org/check?uri=http% ... c%3D144438</a><!-- m -->) The layout breaks in Mozilla (and probably other standards compliant browsers)If you want to create nice looking tabs for your site, then perhaps these (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/slidingdoors/">http://www.alistapart.com/articles/slidingdoors/</a><!-- m -->) articles (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/slidingdoors2/">http://www.alistapart.com/articles/slidingdoors2/</a><!-- m -->) will help.<br />
<br />
I'll move this thread to the HTML section, since that is what this thread is about.<!--content-->
<br />
there is a website that i really like, only thing is i am unsure what he has done to give it the look that i really like.<br />
the link is:<br />
<br />
<!-- w --><a class="postlink" href="http://www.foodequipment.com.au">www.foodequipment.com.au</a><!-- w --><br />
<br />
what i like is how the menu is split into tabs and then down the bottom of the screen there is the blue bar that is rounded at the corners. this probably sounds pretty silly but i really like the look, have they designed the images with a program like photoshop and just inserted them into a table, or have they created it with html?<br />
<br />
thanks<!--content-->The rounded corners at bottom is achieved with 2 concave rounded white images that hide the point of the corner. An old trick. The rest seems pretty ordinary.<!--content-->It's an image map, and the image is here (<!-- m --><a class="postlink" href="http://www.foodequipment.com.au/img/banner-home.gif">http://www.foodequipment.com.au/img/banner-home.gif</a><!-- m -->).<br />
<br />
Don't copy this guy for several reasons: He's used tables He's nested them The code is invalid (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.foodequipment.com.au%2Fdefault.asp%3Fc%3D144438">http://validator.w3.org/check?uri=http% ... c%3D144438</a><!-- m -->) The layout breaks in Mozilla (and probably other standards compliant browsers)If you want to create nice looking tabs for your site, then perhaps these (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/slidingdoors/">http://www.alistapart.com/articles/slidingdoors/</a><!-- m -->) articles (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/slidingdoors2/">http://www.alistapart.com/articles/slidingdoors2/</a><!-- m -->) will help.<br />
<br />
I'll move this thread to the HTML section, since that is what this thread is about.<!--content-->