22 replies [Last post]
Matthew Herren
Matthew Herren's picture
Offline
Regular
Louisville, KY.
Last seen: 13 years 32 weeks ago
Louisville, KY.
Timezone: GMT-3.5
Joined: 2009-02-24
Posts: 27
Points: 0

Sic vis pacum para bellum.

downtap
downtap's picture
Offline
Enthusiast
Dallas, TX
Last seen: 7 years 47 weeks ago
Dallas, TX
Timezone: GMT-7
Joined: 2008-01-18
Posts: 227
Points: 36

Ok, I mean this in the most

Ok, I mean this in the most constructive way possible.
1. Way bad invalid markup
2. Tables for design ... bad!
3. Bunch of bloated scripts that I'm not sure why they're there

To be honest, you need to read through the stickies on this forum. This is not suitable for a site check.

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 7 years 13 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

1. Neither CSS or HTML

1. Neither CSS or HTML validates Sad

2. The "no right-click" from 1998 doesnt work, nor should it.

3. Whats up with the table-based layout? Learn to use CSS properly.

4. Too much crappy scripts.

5. You have 's, but where is ??

6. Layout is broken, everywhere.

7. your pictures on the "Pictures" page need image compression.

8. Employment link is broken.

Start over with everything after you've learned proper HTML and CSS.

Kelon
Offline
Regular
UK
Last seen: 13 years 39 weeks ago
UK
Joined: 2008-12-22
Posts: 17
Points: 0

Yep, sorry. My machine sat

Yep, sorry. My machine sat "waiting for www.bessastowing.com...". After a good three minutes it appeared..... Firefox (the most web standard savvy browser) on Mac. Oh dear, no mac user will wait that long and in the ole USA, I believe there's quite a lot of Macs at home and in business? Possibly a sizable portion of your customer base?

------------------
Odd, where have my previous posts gone, I wasn't a baddy... I know I've not been back a while... but, huh?

deepu8
deepu8's picture
Offline
newbie
Last seen: 13 years 39 weeks ago
Joined: 2009-03-07
Posts: 7
Points: 0

According to me that is good

According to me that is good job.
I like this site.

Matthew Herren
Matthew Herren's picture
Offline
Regular
Louisville, KY.
Last seen: 13 years 32 weeks ago
Louisville, KY.
Timezone: GMT-3.5
Joined: 2009-02-24
Posts: 27
Points: 0

Ok thanks everyone for the

Ok thanks everyone for the help. what is the area i need the most inprovement in. :jawdrop:

Sic vis pacum para bellum.

Titan793
Offline
Enthusiast
Syracuse, NY
Last seen: 12 years 3 weeks ago
Syracuse, NY
Timezone: GMT-5
Joined: 2009-02-20
Posts: 285
Points: 5

Personally, the overall

Personally, the overall layout is what needs to be looked at in my opinion. Things like the use of tables, the scrollbar in the middle of the page that breaks your background image apart, the white border at the top just to get the title to show.. it just has a sort of "thrown together" feel to it.

Please don't take offense to any of this, as I just don't know how else to word it. The design is a little "old" .. these days, people go for more of the web 2.0 look.. which is very clean, easy to read, small file sizes, etc.

The background makes reading text a little difficult, also I saw code in the source for things like a clock or calendar or something (I'm using FF with noscript which blocked a lot of your site).. those things are usually frowned on as well because they really do nothing aside from adding un-needed code, or things to "spice" the site up.

If I were you, I'd ditch the background, and use a standard 2 or 3 column layout. Something that stretches vertically.. because having multiple scrollbars around really does get annoying. If you do need/want to use a "busy" background, try to find a way to work the name/logo in besides just slapping a white bar on the top.

Again, I hope this doesn't come off as rude or anything.. these are just the main things I would focus on if you decide to redo it. Keep it simple.. especially for a business website. You don't need things like that background (unless their tow-trucks are painted like that background or something).

Focus on one of the standard designs for now, and work towards keeping it very legible and easy to navigate. THEN spice it up with some extras if you want.. but get a good baseline down first!

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 21 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

You should really spend some

You should really spend some time doing research on design trends and try moving away from the 1990's markup and layouts.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Titan793
Offline
Enthusiast
Syracuse, NY
Last seen: 12 years 3 weeks ago
Syracuse, NY
Timezone: GMT-5
Joined: 2009-02-20
Posts: 285
Points: 5

Deuce wrote:You should

Deuce wrote:

You should really spend some time doing research on design trends and try moving away from the 1990's markup and layouts.

Deuce, I think that I need to take lessons from you or something.. you always seem to sum up the overall point of the short stories that I write in a sentence or two lol..

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 21 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Short. Sweet. And to the

Short. Sweet. And to the point.
Figure if the OP is actually interested, they will come back asking for more information if they require it.

If not, I post what's on the top of my head or a link.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Matthew Herren
Matthew Herren's picture
Offline
Regular
Louisville, KY.
Last seen: 13 years 32 weeks ago
Louisville, KY.
Timezone: GMT-3.5
Joined: 2009-02-24
Posts: 27
Points: 0

Honestly at first I

:curse: :bigoops: Honestly at first I thought you were coming off a little rude then I thought about it. I relized it's constructive critisism and that's why I asked for some pros help, and I appreciate it. I taught myself HTML, I built the site for my aunt, and I'm still learning CSS. So I'm just trying to work the bugs out of my HTML, XML, and CSS to get the feel of what to do while I'm still in school foe Web Graphic Design. So thanks to every one and I'll start working on a new coding and hopefully you guys will look at that one. Thanks again.

Sic vis pacum para bellum.

Matthew Herren
Matthew Herren's picture
Offline
Regular
Louisville, KY.
Last seen: 13 years 32 weeks ago
Louisville, KY.
Timezone: GMT-3.5
Joined: 2009-02-24
Posts: 27
Points: 0

Honestly at first I

Sorry double posted by avcedent on my iPod.

Sic vis pacum para bellum.

Titan793
Offline
Enthusiast
Syracuse, NY
Last seen: 12 years 3 weeks ago
Syracuse, NY
Timezone: GMT-5
Joined: 2009-02-20
Posts: 285
Points: 5

Matthew Herren wrote:

Matthew Herren wrote:

:curse: :bigoops: Honestly at first I thought you were coming off a little rude then I thought about it. I relized it's constructive critisism and that's why I asked for some pros help, and I appreciate it. I taught myself HTML, I built the site for my aunt, and I'm still learning CSS. So I'm just trying to work the bugs out of my HTML, XML, and CSS to get the feel of what to do while I'm still in school foe Web Graphic Design. So thanks to every one and I'll start working on a new coding and hopefully you guys will look at that one. Thanks again.

Yea, sorry.. I really didn't want it to come off as rude, but it's hard to criticize something with all rainbows and kittens lol.

As far as the layout, if you're teaching yourself, start modern. Don't bother learning all of the old techniques that people no longer use. I started making websites for people probably in the early to mid 90s or so, and played around with all kinds of things that people wouldn't even consider using these days lol. Frames, iframes, insanely complicated table based designs, super intricate graphic designs that wouldn't stretch to accommodate more content, busy backgrounds, etc, etc.. none of those things are used anymore, or are used sparingly, in come cases.

In general, if you start modern, and learn the modern way to construct things, you'll be tearing through designs in no time. Websites these days are more "boring" (for lack of a better word) than some of the older websites. It's not about being flashy anymore, it's about ease of use, readability, loading speed, etc. Not only is "boring" the modern trend, it's also technically easier to construct for the most part!

I personally love gradients in designs when used well, so almost all of my designs have them somewhere in them.. but that's about as "flashy" as most of my websites get these days. Text/Image reflections look very cool too.. but as far as layout, focus on basic 2 or 3 column layouts for now, get used to techniques like floating divs around, getting your footer to stick if needed, using faux columns, etc.

You can find templates for the basic designs almost anywhere these days. Get comfortable with those layouts, and then branch off from there.

That would be my recommendation anyway.. it's kind of like playing an instrument.. you always want to practice the right stuff to get the most out of your time!

Sorry again if the wording on my other post came off poorly!

Matthew Herren
Matthew Herren's picture
Offline
Regular
Louisville, KY.
Last seen: 13 years 32 weeks ago
Louisville, KY.
Timezone: GMT-3.5
Joined: 2009-02-24
Posts: 27
Points: 0

Your good, like I said It

:thumbsup: Your good, like I said It helped alot. So Thanks again..

Sic vis pacum para bellum.

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 21 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Matthew Herren

Matthew Herren wrote:

Honestly at first I thought you were coming off a little rude then I thought about it. I relized it's constructive critisism and that's why I asked for some pros help

Nope. Not trying to be rude. If I was trying to be rude, I'd have made some off color remark about your height or possibly the age of your mother Tongue

Spend some time on webdesignerwall.com or smashingmagazine.com
Get an idea of what the latest design trends are all about. Look at their code and markup and see how they did it. I can't confirm it will always been good, but it will at least give you a point of reference to start with.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Matthew Herren
Matthew Herren's picture
Offline
Regular
Louisville, KY.
Last seen: 13 years 32 weeks ago
Louisville, KY.
Timezone: GMT-3.5
Joined: 2009-02-24
Posts: 27
Points: 0

Transparent Box In Fire Fox

I'm have problems with a transparent box in fire fox. It's possitioning is not applying the same way that it is in IE. Please help i've looked and looked and don't know why.

#header{
 position:relative; 
 height:181px; 
 background-color:#FFCCFF;
 background-image:url(header.jpg); 
 width:100%;
 margin:0 0 0 0;
}  
 
#leftcol{
 background-color:#FFCCFF;
 height:420px;
 width:130px; 
 float:left; 
 position:relative;
 margin:0 0 0 0; 
 }
 
#maincol{
 background-color: #FFCCFF;
 height:420px;  
 float: right; 
 display:inline; 
 position: relative; 
 overflow:auto;
 width:85%; 
 }
 
#footer{
 height:40px;
 width:99%; 
 background-color:#FFCCFF;
 direction: rtl;
 clear:both;
 margin:0 0 0 0; 
 } 
 
div.pic1
{
  margin: 5px 5px;
  border: 1px solid #ffccff;
  height: 240px;
  width: 180;
  float: left;
}
 
div.pic2
{
  margin: 5px 160px;
  border: 1px solid #ffccff;
  height: 240px;
  width: 180;
  float: left;
}
<span style="font-style:italic">THE TRANSPARENT BOX</span>
div.box
  {
  width: 620px;
  height: 500px;
  margin: 5px 10px;
  padding: 10px;
  background-color: #F8F8FF;
  border: 1px solid black;
  filter:alpha(opacity=60);
  opacity:0.6;
  }

The html coding
<div id="maincol">
<div class="pic1"><img width="240" src="truck1.jpeg" alt="Becca's Towing" height="180" /></div>
<div class="pic2"><img width="240" src="truck2.jpeg" alt="Becca's Towing" height="180" /></div>
 
<div class="box">
<div class="img"><a target="_blank" href="/Pictures/1.jpg"><img width="110" src="/Pictures/1.jpg" alt="Before" height="90" /> </a></div>
<div class="img"><a target="_blank" href="/Pictures/2.jpg"><img width="110" src="/Pictures/2.jpg" alt="Before" height="90" /> </a></div>
<div class="img"><a target="_blank" href="/Pictures/3.jpg"><img width="110" src="/Pictures/3.jpg" alt="Before" height="90" /> </a></div>
<div class="img"><a target="_blank" href="/Pictures/4.jpg"><img width="110" src="/Pictures/4.jpg" alt="Before" height="90" /> </a></div>
<div class="img"><a target="_blank" href="/Pictures/5.jpg"><img width="110" src="/Pictures/5.jpg" alt="Before" height="90" /> </a></div>
<div class="img"><a target="_blank" href="/Pictures/6.jpg"><img width="110" src="/Pictures/6.jpg" alt="After" height="90" /> </a></div>
<div class="img"><a target="_blank" href="/Pictures/7.jpg"><img width="110" src="/Pictures/7.jpg" alt="After" height="90" /> </a></div>
<div class="img"><a target="_blank" href="/Pictures/8.jpg"><img width="110" src="/Pictures/8.jpg" alt="After" height="90" /> </a></div>
 
<div class="img"><a target="_blank" href="/Pictures/9.jpg"><img width="110" src="/Pictures/9.jpg" alt="After" height="90" /> </a></div>
<div class="img"><a target="_blank" href="/Pictures/10.jpg"><img width="110" src="/Pictures/10.jpg" alt="Truck &amp; Trailor" height="90" /> </a></div>
<div class="img"><a target="_blank" href="/Pictures/11.jpg"><img width="110" src="/Pictures/11.jpg" alt="Truck &amp; Trailorr" height="90" /> </a></div>
<div class="img"><a target="_blank" href="/Pictures/12.jpg"><img width="110" src="/Pictures/12.jpg" alt="Truck &amp; trailor" height="90" /> </a></div>
<div class="img"><a target="_blank" href="/Pictures/13.jpg"><img width="110" src="/Pictures/13.jpg" alt="Truck &amp; Trailor" height="90" /> </a></div>
<div class="img"><a target="_blank" href="/Pictures/14.jpg"><img width="110" src="/Pictures/14.jpg" alt="Side Complete" height="90" /> </a></div>
<div class="img"><a target="_blank" href="/Pictures/16.jpg"><img width="110" src="/Pictures/16.jpg" alt="Family" height="90" /> </a></div>
<div class="img"><a target="_blank" href="/Pictures/17.jpg"><img width="110" src="/Pictures/17.jpg" alt="Road Side Assistance" height="90" /> </a></div>
<!-- End Transparent Box --></div>
 
</div>

It will be up above what i want it to go behind, like it's set to float:top but it's not. Any ideas. Heres the web site link that it's on.
beccastowing.com/try.html

Sic vis pacum para bellum.

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 21 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

On div.box add

On div.box add overflow:hidden and then google
"Gary Turner Enclosing Floats" for the reason why.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

deepu8
deepu8's picture
Offline
newbie
Last seen: 13 years 39 weeks ago
Joined: 2009-03-07
Posts: 7
Points: 0

Matthew Herren I have tried

Matthew Herren I have tried you code in firefox it is not working.

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 21 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

deepu8 wrote:Matthew Herren

deepu8 wrote:

Matthew Herren I have tried you code in firefox it is not working.

Ya, pretty sure that's why he said he was having problems with it working in Firefox.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Matthew Herren
Matthew Herren's picture
Offline
Regular
Louisville, KY.
Last seen: 13 years 32 weeks ago
Louisville, KY.
Timezone: GMT-3.5
Joined: 2009-02-24
Posts: 27
Points: 0

CupidsToejam wrote:1.

CupidsToejam wrote:

7. your pictures on the "Pictures" page need image compression.

Ok how do i compress the images. I know i'm still a noob, a real big noob.

Sic vis pacum para bellum.

Titan793
Offline
Enthusiast
Syracuse, NY
Last seen: 12 years 3 weeks ago
Syracuse, NY
Timezone: GMT-5
Joined: 2009-02-20
Posts: 285
Points: 5

What they are saying is that

What they are saying is that your images in your picture gallery are done "incorrectly."

By that I mean that yes, they work fine.. but they are not done the way that they should be done. As of right now, you are using the full size images as thumbnails. You are forcing them to be thumbnail size through your html.

The issue with doing this is that to show each thumbnail, the entire FULL SIZE image has to be loaded. If you clear out your internet cache, and go to your page, even with a fast connection, you will see your images load slowly. They will appear to be scrolling in from the top.

You need to create separate thumbnails for each image. Make the thumbnail the correct size that you want on your page, and link them to the full size image.

<a href="fullsize_image.jpg"><img src="thumbnail_image.jpg"></a>

Sure, that requires more work on your part initially.. but instead of loading a ton of large images, now each thumbnail will only be a few kilobytes, and will load MUCH faster.

That's what they mean.. you need to stop loading the full size images as thumbnails. Smile

Matthew Herren
Matthew Herren's picture
Offline
Regular
Louisville, KY.
Last seen: 13 years 32 weeks ago
Louisville, KY.
Timezone: GMT-3.5
Joined: 2009-02-24
Posts: 27
Points: 0

Ohhhhhhhhh

:blushing: ok I got it now. Man I should of thought of that.

Sic vis pacum para bellum.

Titan793
Offline
Enthusiast
Syracuse, NY
Last seen: 12 years 3 weeks ago
Syracuse, NY
Timezone: GMT-5
Joined: 2009-02-20
Posts: 285
Points: 5

One more thing.. you can

One more thing.. you can actually compress your full size photos with software as well. Do a Google search on image compression, and you will find all the info you need. Some programs, such as Photoshop which I use for everything, will usually drastically lower the file size of images even on highest quality settings.

Especially if you are running a pic from a digital camera through there, as they can be several megabytes.. and drop to well below 1mb just by opening the picture, and instantly choosing "Save As" to save the image again.

I mentioned the thumbnail thing because they will without a doubt be the smallest file size, and your link-to image will still retain it's full quality. I always create thumbnails as opposed to actually "compressing" images through software.