New portfolio, round two! |
This Month's Contests | Hosts Looking for Hostees | Hostees looking for Hosts | BigBookofResources
Submission Guidelines
New portfolio, round two! |
![]()
Post
#1
|
|
![]() Amberific. ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 12,913 Joined: Jul 2004 Member No: 29,772 ![]() |
Okay, so after much griping, and much delay, I've completed my portfolio's redesign! Check it out and tell me what you think:
http://oeuvre.elletricity.com/oeuvre.htm |
|
|
![]() |
![]()
Post
#2
|
|
![]() Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 ![]() |
I'm with Dee about the text. Looks good though. It's simple and straightforward. I'm assuming your IE hate is due to the rounded corners not matching up with the content? Try adding <br clear="all" /> after the top rounded corner image so it looks like this:
CODE <img src="images/white-navi.png" width="750" height="27" border="0" usemap="#Map"><br clear="all" /> For the About page, do the same for both images so they look like this: CODE <img src="images//white-navi.png" width="750" height="27" border="0" usemap="#Map"><br clear="all" /> CODE <img src="images//rounded-bottom.png" width="750" height="8"><br clear="all" /> You did the footer differently on the Contact page, so it's a bit more complicated. Just replace it with the way you did it on the About page, then do the whole <br clear="all" /> thing for both images again. You also need to nest the Submit button in a row then add a final <br clear="all" style="line-height:0px;" /> after the closing <form> tag. In the end, it should all look like this: CODE <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Oeuvre | A Portfolio: Carrie Epps</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="text.css"/> <script type="text/javascript" src="lightbox/js/prototype.js"></script> <script type="text/javascript" src="lightbox/js/scriptaculous.js"></script> <script type='text/javascript' src="lightbox/js/lightbox.js"></script> <link rel="stylesheet" type="text/css" href="lightbox/css/lightbox.css"> </head> <body bgcolor="#EFEEE4"> <table cellspacing="5" cellpadding="0" class="index" align="center"> <tr> <td><span class="title">Oeuvre </span> <span class="titlecaption">A Portfolio </span></td> </tr> <tr> <td><img src="images//white-navi.png" width="750" height="27" border="0" usemap="#Map"><br clear="all" /> <div style="background-color:#ffffff; padding-left:15px; padding-right:15px;"> <span class="subtitle">Contact</span><br> <p>To inquire about my services, please fill out the form below.</p> <form method="post" action="contact.php"> <fieldset style="border: 0px;"> <table width="50%" border="0" cellspacing="3" cellpadding="0"> <tr> <td><label for="name">Name:</label></td> <td><input type="text" id="name" name="name" /></td> </tr> <tr> <td><label for="email">E-mail:</label></td> <td><input type="text" id="email" name="email" /></td> </tr> <tr> <td><label for="topic">Subject:</label></td> <td><input type="text" id="topic" name="topic" /></td> </tr> <tr> <td><label for="comments">Message:</label></td> <td><textarea id="comments" name="comments" rows="5" cols="30"></textarea></td> </tr> <tr> <td><button type="submit">Send</button></td> </tr> </table> </fieldset> </form><br clear="all" style="line-height:0px;" /> </div> <img src="images//rounded-bottom.png" width="750" height="8"><br clear="all" /> </td> </tr> <tr><td><div align="center">©2009 Carrie Epps</div></td></tr> </table> <map name="Map"> <area shape="rect" coords="335,2,383,18" href="contact.htm"> <area shape="rect" coords="40,2,99,18" href="oeuvre.htm"> <area shape="rect" coords="190,2,238,18" href="about.htm"> </map> </body> </html> I might have missed something but yeah, hope that helps. Sorry about the long post. |
|
|
![]() ![]() |