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
|
|
![]() Amberific. ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 12,913 Joined: Jul 2004 Member No: 29,772 ![]() |
May I see a preview of the before? I took down the other test sites, but I'm sure I have a screencap floating around somewhere. I'll post it later.Right now, I'm not sure how the rounded navigation compliments the sharp corners. 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: I did the contact page differently because the form was messing everything up. Thanks for the tip!
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. |
|
|
![]() ![]() |