![]() |
|
|||||||
| Notices |
| Web Design Forum Showcase Showcase your Web Designs here |
![]() |
|
|
LinkBack (1) | Thread Tools | Display Modes |
|
||||
|
Hi,
I am working on a website for a client. you can view an early working example here: Kaybee Pictures - Main page1 Please send me any feedback based on the current example. I look forward to your replies. regards p shah - Different Colour Productions - Web Design and Development
__________________
P Shah - http://www.dcpweb.co.uk |
|
||||
|
Or a static banner for the other pages.
|
|
||||
|
Tables tables tables.... ho hummmm
oh well.. it looks ok I suppose. The links on the left menu on hover seem a bit awkward. Hover removes the whitespace on the left border. Perhaps you could fix that with a color change. Other than that... the usual... --> Markup Validation: FAILED validation, 7 Errors W3C CSS Validation: FAILED validation, 1 Error and 37 Warnings (not bad for a table based site) just for the fun of it.. here is the VALID version of your home page... HTML Code:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Kaybee Pictures - Main page1</title> <meta name="keywords" content="K2" /> <meta name="description" content="D3" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="data/css/style.css" rel="stylesheet" type="text/css" /> <script src="data/js/AC_RunActiveContent.js" type="text/javascript"> </script> <script src="data/js/functions.js" type="text/javascript"> </script> <style type="text/css"> /*<![CDATA[*/ td.c6 {background-image:url(data/images/footer.jpg);width:782;height:45px;background-repeat:no-repeat;padding:0px;padding-top:15px;} td.c5 {padding:10px;} td.c4 {color: rgb(23, 78, 117);} div.c3 {text-align: right} div.c2 {text-align: justify} td.c1 {background-color:#F8F8F8;background-image: url(data/images/tlo_menu.jpg);background-repeat: repeat-y;background-position: left;width:198px; padding:10px;padding-left:0px;padding-top:0px;} /*]]>*/ </style> </head> <body> <table width="782" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td colspan="3"><script type="text/javascript"> //<![CDATA[ AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','782','height','318','id','main','src','data/swf/main','quality','high','name','main','allowscriptaccess','sameDomain','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','data/swf/main','FlashVars','PageTitle=Home&TopFoto=data/page/image/1337406969.jpg'); //]]> </script></td> </tr> <tr> <td width="198" align="left" valign="top" class="c1"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" align="left"> <h2><a href="index.php?module=page&pageId=1&menuId=2" target="_self" class="menu">Home</a></h2> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" align="left"> <h2><a href="index.php?module=page&pageId=2&menuId=4" target="_self" class="menu">About us</a></h2> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" align="left"> <h2><a href="index.php?module=page&pageId=3&menuId=7" target="_self" class="menu">Management Team</a></h2> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" align="left"> <h2><a href="index.php?module=page&pageId=4&menuId=3" target="_self" class="menu">Advisory Board</a></h2> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" align="left"> <h2><a href="index.php?module=page&pageId=5&menuId=11" target="_self" class="menu">Our Films</a></h2> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" align="left"> <h2><a href="index.php?module=page&pageId=6&menuId=12" target="_self" class="menu">In Development</a></h2> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" align="left"> <h2><a href="index.php?module=page&pageId=7&menuId=13" target="_self" class="menu">Associated Films</a></h2> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" align="left"> <h2><a href="index.php?module=form&formId=1&menuId=16" target="_self" class="menu">Contact</a></h2> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" align="left"> <h2><a href="index.php?module=gallery&menuId=18" target="_self" class="menu">Gallery</a></h2> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" align="left"> <h2><a href="index.php?module=page&pageId=10&menuId=17" target="_self" class="menu">Associated Companies</a></h2> </td> </tr> </table> </td> <!--<td width="84" align="left" valign="top" style="padding:10px;background-image: url(data/images/film.jpg);"></td>--> <td width="584" align="left" valign="top" class="c5"> <table width="565" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td colspan="2"> <div class="c2"> <table width="565" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td valign="top" align="left"><img width="62" height="62" alt="" src="/data/page/fck/Image/home/film_ico.jpg" /></td> <td> <div class="c2">Kaybee Production is a Film Production Management Company based in the United Kingdom that assists film and media companies with their related projects by offering production services at highly competitive rates. Kaybee Production is a subsidiary of Kaybee Ltd - an Indo-UK based Film Company, which is engaged in the business of Feature Films and Production Management.</div> </td> </tr> </tbody> </table> </div> </td> </tr> <tr> <td colspan="2"> </td> </tr> <tr> <td class="c4" colspan="2"> <div class="c3"><strong>Sambar Salsa Theatrical Trailer :</strong></div> </td> </tr> <tr> <td colspan="2"> </td> </tr> <tr> <td width="250" valign="top" align="center"><img width="150" height="238" alt="" src="/data/page/fck/Image/home/sambar_salsa_poster.jpg" /></td> <td width="315" valign="top" align="right"> <div class="c3"><embed width="300" height="247" src="http://www.youtube.com/v/4ZP_3JzQvLg" type="application/x-shockwave-flash" wmode="transparent" /></div> </td> </tr> <tr> <td valign="top" colspan="2"> <div class="c2"> </div> </td> </tr> <tr> <td valign="top" align="left" rowspan="3"> <div class="c2">A tale with ingredients of humour, romance, emotion and drama, telling the story of a Spanish girl, an Indian boy and disapproving parents, some who need little convincing and others who need a whole lot more.</div> </td> <td valign="top" class="c4"> <div class="c3"><strong>Wind Your Body Up :</strong></div> </td> </tr> <tr> <td valign="top"> </td> </tr> <tr> <td valign="top" align="right" rowspan="2"><embed width="300" height="247" src="http://www.youtube.com/v/RdlbTUDXkRA" type="application/x-shockwave-flash" wmode="transparent" /></td> </tr> <tr> <td> <table width="100%" cellspacing="2" cellpadding="0" border="0"> <tbody> <tr> <td width="24"><img width="21" height="16" alt="" src="/data/page/fck/Image/home/icofilm.jpg" /></td> <td bgcolor="#F3F3F3" colspan="3"><strong>Director:</strong> Aditya Raj</td> </tr> <tr> <td><img width="14" height="17" alt="" src="/data/page/fck/Image/home/icowrite.jpg" /></td> <td bgcolor="#F3F3F3" colspan="3"><strong>Writers:</strong> Aditya Raj / Vasanti Sundaram</td> </tr> <tr> <td><img width="18" height="16" alt="" src="/data/page/fck/Image/home/ico_genre.jpg" /></td> <td bgcolor="#F3F3F3" colspan="3"><strong>Genre:</strong> Drama</td> </tr> <tr> <td> </td> <td colspan="3"> </td> </tr> <tr> <td colspan="4"><strong>Film Cast:</strong></td> </tr> <tr> <td> </td> <td colspan="3"> </td> </tr> <tr> <td><img width="16" height="18" alt="" src="/data/page/fck/Image/home/icostar.jpg" /></td> <td bgcolor="#F3F3F3" colspan="3"><strong>Alessia Bonnaci</strong> - Julia Cervantes</td> </tr> <tr> <td><img width="16" height="18" alt="" src="/data/page/fck/Image/home/icostar.jpg" /></td> <td bgcolor="#F3F3F3"><strong>Roberta Caocci</strong> - Sasha Cervantes</td> </tr> <tr> <td><img width="16" height="18" alt="" src="/data/page/fck/Image/home/icostar.jpg" /></td> <td bgcolor="#F3F3F3"><strong>Colin Duval</strong> - Miguel Cervantes</td> </tr> <tr> <td><img width="16" height="18" alt="" src="/data/page/fck/Image/home/icostar.jpg" /></td> <td bgcolor="#F3F3F3"><strong>Rishi Kapoor</strong> - Om Suri</td> </tr> <tr> <td><img width="16" height="18" alt="" src="/data/page/fck/Image/home/icostar.jpg" /></td> <td bgcolor="#F3F3F3"><strong>Paulette Michelle</strong> - Fashion Buyer</td> </tr> <tr> <td><img width="16" height="18" alt="" src="/data/page/fck/Image/home/icostar.jpg" /></td> <td bgcolor="#F3F3F3"><strong>Guy Morris</strong> - Lord William</td> </tr> <tr> <td><img width="16" height="18" alt="" src="/data/page/fck/Image/home/icostar.jpg" /></td> <td bgcolor="#F3F3F3"><strong>Thara Prasha</strong>d - Singer with Taz</td> </tr> <tr> <td><img width="16" height="18" alt="" src="/data/page/fck/Image/home/icostar.jpg" /></td> <td bgcolor="#F3F3F3"><strong>Preyanka</strong> - Alamelu Suri</td> </tr> <tr> <td><img width="16" height="18" alt="" src="/data/page/fck/Image/home/icostar.jpg" /></td> <td bgcolor="#F3F3F3"><strong>Ateesh Randev</strong> - Surya Suri</td> </tr> <tr> <td><img width="16" height="18" alt="" src="/data/page/fck/Image/home/icostar.jpg" /></td> <td bgcolor="#F3F3F3"><strong>Damian Regan</strong> - Peter</td> </tr> <tr> <td><img width="16" height="18" alt="" src="/data/page/fck/Image/home/icostar.jpg" /></td> <td bgcolor="#F3F3F3"><strong>Taz</strong> - As himself</td> </tr> <tr> <td><img width="16" height="18" alt="" src="/data/page/fck/Image/home/icostar.jpg" /></td> <td bgcolor="#F3F3F3"><strong>Rikin Trivedi</strong> - Mr. Iyer</td> </tr> </tbody> </table> </td> </tr> <tr> <td colspan="2"> </td> </tr> </tbody> </table> </td> </tr> <tr valign="top"> <td colspan="3" class="c6"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="50%" align="left">Copyright 2007 <strong>KAYBEE PICTURES</strong> All rights reserved</td> <td width="50%" align="right"><a href="http://www.dcpweb.co.uk" target="_blank">Designed by DCP</a></td> </tr> </table> </td> </tr> </table> </body> </html>
__________________
Tommy Logic ™ Web Design :: Valid XHTML & CSS :: SEO :: CMS :: eCommerce Web Design Tutorials :: Computer Tutorials Last edited by tommylogic; 25-08-2007 at 06:15 PM. |
|
||||
|
that's neat, but when the animation have finished the black background looks a little off, maybe mask that? or change the background from black to something else.
__________________
- undefined |
|
|||
|
That is great design indeed. I admire the animation part and salute to you for giving so much effort to it.
Cheers and Good luck!
__________________
Airtel broadband |