Reply
How to overcome poor screen size?
Old 11-29-2007, 12:37 PM How to overcome poor screen size?
Snot's Avatar
Skilled Talker

Posts: 85
Sup guys

I'm learning how all this works but my page is having issues and I don't know if I should worrie about fixing them or move on to something different.

http://www.drysnot.com/index.html My page works but is not valid.
http://www.drysnot.com/index1.html My page is valid but does not work.

I also have been told that people with poor screen sizes have trouble looking at my page.

Right now for me it looks great on Fire Fox and IE but what do you guys think?

Please be very detailed with what I should do next.
Snot is offline
Reply With Quote
View Public Profile Visit Snot's homepage!
 
When You Register, These Ads Go Away!
Old 11-29-2007, 04:06 PM Re: How to overcome poor screen size?
LadynRed's Avatar
Super Moderator

Posts: 6,718
Location: Tennessee
Guys ?? :shock: Do I look like a GUY to you ??

"Poor" screen sizes ?? What is 'poor' to you ?? Not everyone has honking big screens and you should be aware of that and design accordingly.

These are your validation errors -- shouldn't keep the page from working at all:

Quote:
line 9 column 1 - Warning: <style> inserting "type" attribute
line 21 column 1 - Warning: <script> inserting "type" attribute
line 142 column 7 - Warning: <table> proprietary attribute "height"
line 142 column 7 - Warning: <table> lacks "summary" attribute
line 152 column 1 - Warning: <table> lacks "summary" attribute
line 154 column 125 - Warning: <img> lacks "alt" attribute
line 156 column 126 - Warning: <img> lacks "alt" attribute
line 158 column 120 - Warning: <img> lacks "alt" attribute
line 166 column 1 - Warning: <table> lacks "summary" attribute
line 168 column 151 - Warning: <img> lacks "alt" attribute
line 170 column 155 - Warning: <img> lacks "alt" attribute
line 172 column 146 - Warning: <img> lacks "alt" attribute
The proper style block syntax is:
<style type="text/css">

</style>

The <script> should also have type defined such as type="javascript".

The img errors are self-explanatory, as are the table errors.

On the second page, you've got the body inside a <style> block and a batch of script inside a div. It's no wonder it doesn't work.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club

Last edited by LadynRed : 11-29-2007 at 04:08 PM.
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 11-29-2007, 05:28 PM Re: How to overcome poor screen size?
Snot's Avatar
Skilled Talker

Posts: 85
Sorry about that Mistress

Thanks so much for taking the time to look over my code. I'm trying to get it in order.

I guess poor is a bad choice of words. Like small screen resolution I use 1280/1024. When change my screen res to 800/600 my page hardly fits on the screen.

I'm going to poor cold water on my background image :Shivers: until it shrinks down enough to look good on both size screens if you think that would work?

If you have any more advice for me it would love to here it.



Is this where I should use the code <style type="text/css">? Because when I change that it cuts off the head of my page :Gulp:

Before
Quote:
<style>
body {
background-image: url("/images/taste.gif");
background-position: 50% 50%;
background-repeat: no-repeat;
}
</style></head
After
Quote:
style type="text/css">
body {
background-image: url("/images/taste.gif");
background-position: 50% 50%;
background-repeat: no-repeat;
}
</style>
As for the script

instead of

Quote:
<script language="javascript">
it should be

Quote:
<script type="javascript">


When i'm doing the alt thing thats just kinda link google juice right? Do I need to give a discription of my page on each pic or try and describe the image in a way that people who found it in a search would want to see it?

Also could you please give me an example of how the alt thing should look?

Less forget the second page its just the product of the w3schools validation after I ran my page through it more like a meat grinder I think.

Thank you so much for taking the time to look over my page your advice is really helping me a lot! There is not lack in room for improvement on my site lol

Last edited by Snot : 11-29-2007 at 06:07 PM. Reason: Updated Inforamtion
Snot is offline
Reply With Quote
View Public Profile Visit Snot's homepage!
 
Old 11-29-2007, 05:54 PM Re: How to overcome poor screen size?
Super Talker

Posts: 118
The site is broken for me on both counts in Safari, I would take a look at that.
clink is offline
Reply With Quote
View Public Profile
 
Old 11-29-2007, 06:13 PM Re: How to overcome poor screen size?
Snot's Avatar
Skilled Talker

Posts: 85
How please?

What should I look at changing?
Snot is offline
Reply With Quote
View Public Profile Visit Snot's homepage!
 
Old 11-30-2007, 12:58 PM Re: How to overcome poor screen size?
Foundationflash's Avatar
Ultra Talker

Posts: 410
Name: Harry Burt
Location: Colchester, Essex, England
ALT tags are not just for search engines, it's for anyone (inc robots) that uses a text-only browser eg screen readers, and people that have disabled images, so a visual description of what it looks like - think of what text you would need if you couldn't see the image.
__________________
Foundation Flash tutorials : www.foundation-flash.com

New Dreamed Up Web Design: www.dreamedupdesign.com
Foundationflash is offline
Reply With Quote
View Public Profile Visit Foundationflash's homepage!
 
Old 11-30-2007, 01:15 PM Re: How to overcome poor screen size?
Snot's Avatar
Skilled Talker

Posts: 85
Oh I see thanks so much for the reply. I think I almost to the point of converting my tables.
Snot is offline
Reply With Quote
View Public Profile Visit Snot's homepage!
 
Old 11-30-2007, 04:50 PM Re: How to overcome poor screen size?
Junior Talker

Posts: 3
Name: Maria
i'm using IE 7 and it looks great...especially for dry snot. good job!
moosechic is offline
Reply With Quote
View Public Profile
 
Old 11-30-2007, 05:38 PM Re: How to overcome poor screen size?
LadynRed's Avatar
Super Moderator

Posts: 6,718
Location: Tennessee
Ok, there are no alt TAGS !! They are alt ATTRIBUTES !

The <style></style> block goes in the <head> section, and it should definitely NOT be enclosing the rest of your page code.

As for screen resolutions, I still design my sites to look good at a minimum of 800x600. It's not dead yet, so I still make sure my sites will display correctly. At the very least, your site shouldn't be wider than 1024 as that is currently the most popular screen resolution.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 11-30-2007, 06:23 PM Re: How to overcome poor screen size?
Snot's Avatar
Skilled Talker

Posts: 85
Thank you guys so much for the help. Now I need to figure out how to use css to replace tables lol..... New Thread!
Snot is offline
Reply With Quote
View Public Profile Visit Snot's homepage!
 
Reply     « Reply to How to overcome poor screen size?
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off


Webmaster Resources Marketplace:
Software Development Company | Webhosting.UK.com | Text Link Brokers 


   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.16022 seconds with 12 queries