Help - Search - Members - Calendar
Full Version: Does my website look okay in your computer screen?
HTMLHelp Forums > Web Authoring > Cascading Style Sheets
kyle246
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
Darin McGrew
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?u...mp;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.
joyful
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.

--
kyle246
QUOTE(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.

--


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.
Darin McGrew
QUOTE
You specify a height for div#navbar but it is possible for the content to overflow the height you specified.
Stop specifying the height of div#navbar and let it expand to fit its content.
joyful
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:
CODE

<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!

--
kyle246
QUOTE(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:
CODE

<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 smile.gif
Brian Chandler
(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.

joyful
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! smile.gif

--
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2014 Invision Power Services, Inc.