Log In · Register

 

Resource Center Links

This Month's Contests | Hosts Looking for Hostees | Hostees looking for Hosts | BigBookofResources

Submission Guidelines

New portfolio, round two!
hi-C
post Sep 18 2009, 06:00 PM
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
 
 
Start new topic
Replies
hi-C
post Sep 19 2009, 12:27 PM
Post #2


Amberific.
********

Group: Staff Alumni
Posts: 12,913
Joined: Jul 2004
Member No: 29,772



QUOTE(tcunningham @ Sep 18 2009, 11:18 PM) *
May I see a preview of the before?

Right now, I'm not sure how the rounded navigation compliments the sharp corners.
I took down the other test sites, but I'm sure I have a screencap floating around somewhere. I'll post it later.


QUOTE(Mike @ Sep 19 2009, 06:19 AM) *
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.
I did the contact page differently because the form was messing everything up. Thanks for the tip!
 

Posts in this topic


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: