Printable Version of Topic
Click here to view this topic in its original format
HTMLHelp Forums _ Cascading Style Sheets _ Does my website look okay in your computer screen?
Posted by: kyle246 Apr 16 2011, 03:11 PM
On my computer, my website looks fine. But then when I look at my website using my Ipad or Ipod Touch, the navbar (at the top) is messed up.
Also my gradient (background) does not show on the Ipad. Instead I get this solid light yellow color. I don't know why that happens.
Could you please view my website in your computer screen and let me know how it looks?
http://www.123finedesign.com/index.html
Thanks,
Kyle246
Posted by: Darin McGrew Apr 16 2011, 03:43 PM
In what way is the navbar "messed up"? I don't notice anything obvious.
Our online validator reports a few markup errors:
http://htmlhelp.com/cgi-bin/validate.cgi?url=http%3A%2F%2Fwww.123finedesign.com%2Findex.html&warnings=yes
You specify a background image, but not a background color. The bottom of the background image doesn't blend very well with my browser's default background color.
You specify a height for div#navbar but it is possible for the content to overflow the height you specified.
Posted by: joyful Apr 16 2011, 06:13 PM
Hey,
When I look at this (in safari on mac), "Pricing and Payment | Company Info" is to low (it goes into the blue)...
Also, "FAQ's" is on it's own line in the blue.
So, it looks to me like (at least in safari) that you have some kind of spacing issue.
Hope this is helpful to you.
--
Posted by: kyle246 Apr 16 2011, 08:55 PM
Hey,
When I look at this (in safari on mac), "Pricing and Payment | Company Info" is to low (it goes into the blue)...
Also, "FAQ's" is on it's own line in the blue.
So, it looks to me like (at least in safari) that you have some kind of spacing issue.
Hope this is helpful to you.
--
Hello. Thank you for your answer. Do you know how to fix that spacing issue because on the Ipad, the "FAQ's" part is in the blue as well.
Posted by: Darin McGrew Apr 16 2011, 10:16 PM
Posted by: joyful Apr 16 2011, 10:35 PM
Hey,
Well, I will have a go at it!:
As Darin said, "Stop specifying the height of div#navbar and let it expand to fit its content."
Also, you can try this to bring FAQ's up:
Right now the bar that "FAQ's" is in looks like this:
<td width="378"><a href="index.html">Home</a> | <a href="webdesign.html">Website Design</a> | <a href="videoediting.html">Video Editing</a> | <a href="contactme.html">Contact Me</a> | <a href="faqs.html">FAQ's</a></td>
Try making the width more (say... 450, maybe more) this may allow all the text to fit on one line.
I think your issue is that you are not specifying the appropriate amount of space for each one of you'r <td>'s (which is messing up the text).
Try taking away some space (or completely removing) the middle <td>, between FAQ's and ricing and Payment.
Hope this is helpful!
--
Posted by: kyle246 Apr 16 2011, 11:06 PM
Hey,
Well, I will have a go at it!:
As Darin said, "Stop specifying the height of div#navbar and let it expand to fit its content."
Also, you can try this to bring FAQ's up:
Right now the bar that "FAQ's" is in looks like this:
<td width="378"><a href="index.html">Home</a> | <a href="webdesign.html">Website Design</a> | <a href="videoediting.html">Video Editing</a> | <a href="contactme.html">Contact Me</a> | <a href="faqs.html">FAQ's</a></td>
Try making the width more (say... 450, maybe more) this may allow all the text to fit on one line.
I think your issue is that you are not specifying the appropriate amount of space for each one of you'r <td>'s (which is messing up the text).
Try taking away some space (or completely removing) the middle <td>, between FAQ's and ricing and Payment.
Hope this is helpful!
--
THANK YOU SO MUCH! I forgot that I had a table put in there. I increased the size of the cell and now it works on my Ipad.
Also the gradient now works as well. I changed the background image from 1px wide to 10px wide. I guess the Ipad couldn't pick it up or something.
Thanks again for the help and thank you everyone for your posts.
Kyle
Posted by: Brian Chandler Apr 17 2011, 12:12 AM
(Opera) The navigation line
Home | Website Design | Video Editing | Contact Me | FAQ's
ends with "FAQ's" obscured by the logo in the middle.
"FAQ's" is at least peculiar: normally FAQ stands for "Frequently Asked Questions", and does not need a plural, least of all a "Greengrocer's" plural.
The text reads as dreadfully amateurish.
Posted by: joyful Apr 17 2011, 12:19 AM
Hey,
Great, it now looks fine (safari on mac).
Brian is definitely right about "FAQ's" (it should lose the "s").
Glad I could help you!
--
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)