seafordcrownfc
04-18-2005, 11:30 AM
.... is more than welcome and would be a great help.
Seaford Crown FC (http://www.seafordcrownfc.co.uk)
Seaford Crown FC (http://www.seafordcrownfc.co.uk)
Click to See Complete Forum and Search --> : Any tips or constructive criticism....
wvmlt
04-18-2005, 01:28 PM
Looks good. For my screen resolution, 1024 X768, it's a bit narrow.
mtgentry
04-18-2005, 03:11 PM
Try to tone down the red. Even though the team's flag is mostly red I think you should
use it more sparingly because it takes a concious effort to keep my eye on the page.
use it more sparingly because it takes a concious effort to keep my eye on the page.
spufi
04-18-2005, 07:28 PM
Read the forum sticky. Kill the scrolling text.
Sanim
04-18-2005, 07:49 PM
Looks good, except there's a big, blank header at the top. Add a title image, maybe? Also, the rollovers... I'd not put the text in the image, because it doesn't stay in the same spot on the original image and on the rollover. It like moves diagonally down to the left a little on most of them. A good alternative is using an unordered list and apply CSS to it. On my site (click the link on my sig), the nav bar is an unordered list. You can put a line break between each link; I just wanted horizontal on mine. Example XHTML and CSS:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unordered list navigation bar</title>
<style type="text/css">
#navigation ul {
margin: 0;
list-style: none;
border-right: 1px solid #000;
padding: 0;
width: 498px;
}
#navigation ul li {
margin: 0;
padding: 0;
float: left;
text-align: center;
width: 83px;
}
#navigation ul li a {
margin: 0;
display: block;
padding: 5px 15px;
background-color: #ACACAC;
color: #000000;
border-right: 1px solid #000;
font: 11px Arial, sans-serif;
text-decoration: none;
}
#navigation ul li a.right {
margin: 0;
display: block;
padding: 5px 15px;
background-color: #ACACAC;
color: #000000;
border: 0;
font: 11px Arial, sans-serif;
text-decoration: none;
}
#navigation ul li a:hover {
background-color: #FFFFFF;
color: #000000;
text-decoration: none;
}
</style>
</head>
<body>
<div id="navigation">
<ul>
<li><a href="#">lalala</a></li>
<li><a href="#">lalala</a></li>
<li><a href="#">lalala</a></li>
<li><a href="#">lalala</a></li>
<li><a href="#">lalala</a></li>
<li><a href="#" class="right">lalala</a></li>
</ul>
</div>
</body>
</html>
<!-- You can change the CSS to make it look how you want, but that's just a basic example of what you can do. -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unordered list navigation bar</title>
<style type="text/css">
#navigation ul {
margin: 0;
list-style: none;
border-right: 1px solid #000;
padding: 0;
width: 498px;
}
#navigation ul li {
margin: 0;
padding: 0;
float: left;
text-align: center;
width: 83px;
}
#navigation ul li a {
margin: 0;
display: block;
padding: 5px 15px;
background-color: #ACACAC;
color: #000000;
border-right: 1px solid #000;
font: 11px Arial, sans-serif;
text-decoration: none;
}
#navigation ul li a.right {
margin: 0;
display: block;
padding: 5px 15px;
background-color: #ACACAC;
color: #000000;
border: 0;
font: 11px Arial, sans-serif;
text-decoration: none;
}
#navigation ul li a:hover {
background-color: #FFFFFF;
color: #000000;
text-decoration: none;
}
</style>
</head>
<body>
<div id="navigation">
<ul>
<li><a href="#">lalala</a></li>
<li><a href="#">lalala</a></li>
<li><a href="#">lalala</a></li>
<li><a href="#">lalala</a></li>
<li><a href="#">lalala</a></li>
<li><a href="#" class="right">lalala</a></li>
</ul>
</div>
</body>
</html>
<!-- You can change the CSS to make it look how you want, but that's just a basic example of what you can do. -->
LJK
04-19-2005, 11:50 PM
Hi -
2 cents worth:
#1 - You need padding.
Well, the paragraphs do, as the text is bumping against lines all over the place.
#2 - Try a black bkgnd. on the leftbar and really work those links out.
They behaved poorly for me in regards to whatever rollOver is going on and there's just not enough contrast or difference between them and the rest of the page.
#3 - Drop the top header altogether and add as a title over the image somewhere.
#4 - Any way that Bravenet would let you move the banner ad to another location on the Guestbook page? That page needs to match orig. better, if possible.
A good start but needs tweaking,
El
2 cents worth:
#1 - You need padding.
Well, the paragraphs do, as the text is bumping against lines all over the place.
#2 - Try a black bkgnd. on the leftbar and really work those links out.
They behaved poorly for me in regards to whatever rollOver is going on and there's just not enough contrast or difference between them and the rest of the page.
#3 - Drop the top header altogether and add as a title over the image somewhere.
#4 - Any way that Bravenet would let you move the banner ad to another location on the Guestbook page? That page needs to match orig. better, if possible.
A good start but needs tweaking,
El
webdeveloper.com
Copyright Internet.com Inc., All Rights Reserved.
Copyright Internet.com Inc., All Rights Reserved.