My first site

[Daybreak_0]

Love to get some criticism on this


The site I have designed for the local soccer club www.members.optusnet.com.au/johnssmith1

If anybody is interested in how the pure CSS 3 column is achieved go here http://www.redmelon.net/tstme/3cols2/. It took me ages to find it but was well worth it. Try resizing and see why.

Was so sick of my right hand column being pushed down below the other columns when resizing, and I tested so many.

Regards
Day

[tmmoose]

Very Nice.But.I don't care for the mouseover on the buttons
cant tell what it is just flashes then gone...too big whatever it is
:p

[bigdawg]

buttons I agree part of the problem is the text color is so light that one does not even notice it. but it needs work,myself I would do away with flash button having used them on two of my sites. You can easily get a nice side nav thing going with some JS & CSS with less complications. http://www.latinagear.com and http://www.bigdawgcaps.com both of these sites used flash buttons and they still remain on the CAPS pages ie they will probably be off soon. I like the navbar on latina look Ma no errors!!! but bigdawg needs a rework. so much work so little tyme.

[Daybreak_0]

Thanks - will get rid of them, if you can't even see them, and fix text colour.

[bigdawg]

You can see the buttons and they funcion but there is a mouseover effect that brings up a 1 inch square box with text on it but it looks like the text is the same color as the button except that against the green backgrond it is visable however against white it is almost invisable and dissapears in the blink of an eye. Hope this helps! they do work but at wahat cost look at first before tossin

[Daybreak_0]

Thanks Bigdawg - might be a loading issue for one of the graphics - will see if a preload fixes the problem.

hmmm - also seem to remember I got rid of some z-index code which did not seem to be necessary (3col by Douglas Livingstone). As the Nav div and buttons are floating over a very large border and some browsers fail to to recognise transparent borders, that may also be something to look at.

Regards
Day

[bigdawg]

there is definatly some extra stuff going on could be as simple as a color change on hover, but what ever causes the popup i would get rid of it. It is like you added something extra to your buttons. I would not add anything extra to buttons as they already have enough going on. I wrote a couple of weeks ago about flash buttons and they made returns in search engines. Take a look at this http://www.latinagear.com/latina1.swf

[bigdawg]

Sorry i was busy earlier but it looks to be in the onclick open new window would be my guess.

[Daybreak_0]

Nice Home button - what do you use to make that?

[bigdawg]

did u click on it it brings you to my site,dreamweaver,I was surprised that my buttons could be found in a search engine that was off the main page which now has a cool nav bar that I an tweaking. the caps page still have the old style buttons

[Daybreak_0]

Ok if you wouldn't mind checking my buttons again - would be interested to see if problem is fixed.

Dreamweaver - mmmm I wish, but not yet.

[bigdawg]

100% better you have less buttons so obviously less prone to problems I woud guess that it is mostly css for the buttons or simple JS but am running out the door will take a look at your html when I get back but a vast improvement

[Daybreak_0]

No same number of buttons - 12.

[bigdawg]

I was in a hurry and did not even wait long enough on the hover to see the button. looks nice did a good job!! I just got back from boating and will be adding various sections to my site where you can submit pics etc ie different topics boating, vacations, different places etc. Am open to suggestions for topics/pic resolution and so on. I want to do it in a way that loads quickly and am thinking of doing just a text page with links to the photos. I have cable but do not want to bog anyone down living in the dial-up era!!!

[Daybreak_0]

Had a better look at you site -

I like your flash buttons better than the javscript ones. If you put them down the left hand side they would all fit in.

I don't like the pages where you use really strong coloured backgrounds like red/light blue/pink cap's pages. Does not reflect well on the web design business.

Quite a few of your links are broken, but then I think the site is still under construction.

If you are going to look at my html then you will need the CSS code, as the site is tableless at this time. Not much Javascript either, except to hide email and a special redirection.

[b]I really want some criticism, only way to learn. Especially on usage of html.[\b]




body {
Font-Size: .8em;
Font-family: "Arial", Helvetica;
color:#000000;
margin-top: 0px;
}

h1 {
font-family: "Arial", Helvetica;
font-size: 1.5em;
color: #330099;
margin: 0px;
padding-top: 0px;
padding-bottom:10px;
}

h6 {
font-family: Arial;
font-size: 1em;
color: #330099;
padding-bottom:10px;
}

p {
font-family: "Arial", Helvetica;
font-size: 1.2em;
margin: 0px 0px 0px 0px;
padding:3px 3px 3px 3px;
color: #000000;
}

hr {
color: "#A0D1E5";
margin-top: -4px;
}

#floatright {
float: right;
width: 150px;
padding: 10px;
}


#headcontainer {
height:160px;
voice-family: "\"}\"";
voice-family: inherit;
height:160px;
min-width: 400px;
/*border: 1px solid blue;*/
}
html>body #headcontainer {
height:160px;
}

#leftheader {
position: absolute;
left:10px;
top:0px;
width:190px;
/* background:#fff; */
/*border: 1px solid red;*/
}

#rightheader {
position: absolute;
right:10px;
top:0px;
/*border: 1px solid green;*/
/* width:200px; */
/* background:#fff; */
}

#wrapper {
width: 100%;
min-width: 450px;
margin: 0 -1px;
/*border: 1px solid green;*/
}

#outerthree {
border-left-width: 163px; /* left column width */
border-left-color: #FFFFFF; /* left column colour */
border-left-style: solid;
border-right-width: 163px; /* right column width */
border-right-color: #FFFFFF; /* right column colour */
border-right-style: solid;
width: 100%;
}

/*below to be ***************** tidied up*/


#outertwo {
border-left-width: 163px; /* left column width */
border-left-color: #FFFFFF; /* left column colour */
border-left-style: solid;
width: 100%;
}


#left {
position:relative;
float:left;
margin-left: -163px;
width: 163px;
background:#000000;
/*border: 1px solid blue;*/
}

#content {
position:relative;
float:left;
margin-left: 0px;
margin-right: 0px;
width: 100%;
/*border: 1px solid purple;*/
padding-left: 10px;
padding-right: 10px;
}

#right {
position:relative;
float:right;
margin-right: -163px;
width: 163px;
/*border: 1px solid black;*/
}


#barleftwrapper {position:static;
width: 100%;
/*border: 1px solid blue;*/
background: url("barlborder.gif") repeat-y;
}

#barrightwrapper {
position:static;
width: 100%;
margin-left: 11px;
background: url("barrborder.gif") repeat-y;
background-position: right;
/*border: 1px solid purple;*/*/
}

#barcontent {
position:relative;
float:left;
margin-left: 0px;
margin-right: 0px;
width: 100%;
/*background: #A0D1E5;*/
/*border: 1px solid purple;*/
}

#topbar {
height: 21px;
background: url("topbar166x21.gif") no-repeat;
color: #FFFFFF;
font-weight: bold;
padding-top: 2px;
padding-left: 15px;
}

#bottombar {
height: 17px;
background: url("bottombar163x17.gif") no-repeat;
color: #FFFFFF;
font-weight: bold;
padding-top: 1.5px;
padding-left: 15px;
}


#contacttop
{
width: 360px;
Background: #6633FF;
Padding: 5px 0px 5px 20px;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
color: #ffffff;
font-weight: bold;
}

#contactbottom {
width: 360px;
Background: #80A0C0;
Padding-left: 20px;
border: 1px solid black;
color: #660033;
font-weight: bold;
}



#teamtop
{
width: 360px;
Background: #6633FF;
Padding: 5px 10px 5px 10px;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
color: #ffffff;
font-weight: bold;
}

#teambottom {
width: 360px;
Background: #80A0C0;
Padding-left: 10px;
Padding-right: 10px;
border: 1px solid black;
color: #660033;
}



div.row span.left {
float: left;
text-align: left;
width: 60%;
}

div.row span.right {
float: right;
text-align: center;
width: 40%;
}

#floatpics {
float: left;
margin: 5px;
}

div#floatpics p {
text-align: center;
width: 126px;
}

div#floatpics img {height: 70px; width: 126px; border-width: 0;}



a:link
{
color: #3333CC;
text-decoration: underline;
}

a:visited
{
color: #3333CC;
text-decoration: underline;
}

a:hover
{
color: #FF6600;
text-decoration: underline;
}

#CCFF00
.nav a:link
{
color: #FFFFCC;
font-family: Arial;
font-size: 12;
font-weight: bold;
text-decoration: none;
margin-left: 0px;
width: 140px;
height: 40px;
padding-top: 12px;
padding-left: 38px;
background: url("buttonnormal.gif") no-repeat;
background-position: left;
}

.nav a:visited
{
color: #FFFFCC;
font-family: Arial;
font-size: 12;
font-weight: bold;
text-decoration: none;
margin-left: 0px;
width: 140px;
height: 40px;
padding-top: 12px;
padding-left: 38px;
background: url("buttonnormal.gif") no-repeat;
background-position: left;
}

.nav a:hover
{
color: #330099;
font-family: Arial;
font-size: 12;
font-weight: bold;
text-decoration: none;
margin-left: 0px;
width: 140px;
height: 40px;
padding-top: 12px;
padding-left: 38px;
background: url("buttonhover.gif");
background-position: left;
}

.nav a:active
{
color: #FFFFCC;
font-family: Arial;
font-size: 12;
font-weight: bold;
text-decoration: none;
margin-left: 0px;
width: 140px;
height: 40px;
padding-top: 12px;
padding-left: 38px;
background: url("buttonnormal.gif");
background-position: left;
}

.activepage a:link, .activepage a:visited, .activepage a:hover, .activepage a:active {
color: #6633FF;
font-family: Arial;
font-size: 12;
font-weight: bold;
text-decoration: none;
margin-left: 0px;
width: 140px;
height: 40px;
padding-top: 12px;
padding-left: 38px;
background: url("buttonactive.gif");
background-position: left;
}


.news a:link, .news a:visited, .news a:hover, .news a:active {
color: #3333CC;
font-family: Arial;
font-size: 12;
font-weight: bold;
text-decoration: underline;
margin-left: 0px;
width: 140px;
height: 30px;
padding-top: 9px;
padding-left: 38px;
background: url("smallsoccerbullet.gif") no-repeat;
background-position: left;
}



thanks

[bigdawg]

Actually I did have all the buttons down the left side of page and that did look best. The caps pages will be re-doneThey are about three months old and should be take down. It gets hard with two different site and making sure that the right stuff gets in the right place. The links should be good but I am re-doing stuff so I know ther are some conflicts. I actually have a nav bar I am tweaking out getting all the links right and just a strait drop down I do not like the subsubmenu just a little too much going on. I know the thing a bout the link thing but it is all not me I just got done spending time trying to figure out why some links were getting 404 errors Mozilla despite being all cleared out kept showing errors while opera gave a true look that worhed with IE comming in second behind Opera

[bigdawg]

Actually I did have all the buttons down the left side of page and that did look best. The caps pages will be re-doneThey are about three months old and should be take down. It gets hard with two different site and making sure that the right stuff gets in the right place. The links should be good but I am re-doing stuff so I know ther are some conflicts. I actually have a nav bar I am tweaking out getting all the links right and just a strait drop down I do not like the subsubmenu just a little too much going on. I know the thing a bout the link thing but it is all not me I just got done spending time trying to figure out why some links were getting 404 errors Mozilla despite being all cleared out kept showing errors while opera gave a true look that worhed with IE comming in second behind Opera


__________________

[bigdawg]

Yeah my old pages are a mess and most used tables as that was what I learned on. Monday I will tackle getting all the old stuff down Might really do away with the cap thing altogether because it is almost impossible to compete with the big guys and do not care to have inventory on hand it turned out to be more of a hassle. Guess I will have to change domain names. I am so confused!!!!:mad:

[Daybreak_0]

People have to trust if they send money they will get their caps!

There have been too many scams in the past. Therefore the recognised names (big boys) who usually have brick and mortar shops with good reputations have an easier time. Good E-shops that have been around for a long time slowly get reputation as well (like Amazon) and now have real business's. Also as big guys they can buy in bulk.

You would have to stick it out for a long time, fix the website to look business like (ie no personal stuff) and probably expand your range of goods, which all costs money. Be cheaper than most, get a good reputation for service, and your customers become you advertisers.

For example - Your 911 speech with free cap offer looks like a scam. Who in their right mind gives away a cap that would have cost them money to produce! Although it comes from the heart, people will always be sceptical when it comes to sending money to someone else, even if it is only posting and handling.

Day

[bigdawg]

I agree with what you are saying about the 911 thing that has been redone with very little said on that page. Actually I am going to be changing things. If you look at it now it will be more personel and a showcase for musicians ect. the links are all to musicians that I have worked with. This is NO SCAM!!! I have a gold record to prove it so I will not be perceived as a scam artist. Actually that came out of frustration the USA thing. That page was not even up and put something up just because it was getting hits probably will just give whatever inventory I have away. It is not that much and I do not intend to continue. Really was a bad idea and will not take the time to try to make it work. This is not out of bitter but I think Hall & Oates said it best The strong give up and move on while the weak give up and stay. You know I spent more time taking pictures of stupid caps and working with them. Thanks for the insite as it is appreciated. BTW I put up some boating pics from yesterday in photos under funstuff

[Daybreak_0]

It was not so much the speech, but the fact that you are giving caps away free.

Normally you may give them away for cost, but not for free. Of course showing the cost is not good for selling your other caps. Just put them in for a bit cheaper than you other caps.

[bigdawg]

before I had your critique. Actually i had been looking at trying to do a USA Page reflecting the colors of the flag maybe the menu red,white,and blue but did not want to be seen as scam and when looking at other pages etc the vast majority were of a scam nature thus the speech. Believe me I do not have that much invetory on hand, lets just say it is a whole lot less than the deposit would be leasing a storefront or what the actual rent would be for a month. Cyber-space is cheap!!! My brother and sister both have kids so they can always be used as stocking stuffers. I only have like two to three of each one. I just started it as a whim did not know how much work would be involved just takin the pics of them. Here is a sister site to that one http://www.bigdawgcaps.com Both sites are getting a makeover however today I have an apointment with INS for the wife. Do you have your own page, Day? Saw the soccer but you said that was for someone else

[bigdawg]

Read that Day it is a little piece I did as though my dog was writing it. Kinda funny. I really need to re- write pages or add content on who we are. I put up more content on my dog than on myself :cool: Some of the problems with my links that you noticed were because I had white space when I first started out and have been re-naming files to eliminate the problem.

[Daybreak_0]

Smart dog that.

No do not have a page, but I could put up some pics of the wife, and kids. That would also please my mum!

I also have a couple of dogs, one is the same as Sachmo, although we call it a mini fox terrier (named Roy). Same colouring as well. Unfortunately not long of this world as has skin cancer. Loves the sun and very pale skin., but still happy for moment.

Day

[bigdawg]

both of which have something called demodex which is kinda like mange but only flairs up from time to time. little mites that do not affect people or animals however a few are susceptible to it. I have put their photos up yet. One actually I have on a surfboard going over a wave. I can not find that pic however because it is a couple of yeras old and on my other pc I hope. I do have one of him on a boat that I will put up on the photo page under funstuff. If you have any cool pics you would like to submit send them to my e-mail Steviee2001@hotmail.com