I am building a website for a client and I am having the worst time with linking the Customer Login and Facebook images. All the logos are apart of the bigger header image. To link them to a URL, I created a floating division/image map with HREF links. The problem is that different screen sizes or window sizes move the division around. In some instances, they are aligned perfectly, but other times it is stuck to the far-right and not centered over the images.
Does anyone have a suggestion for this issue? Thanks
I need help with my drop-down menu. I am trying to get my drop-down menu the same width as the ends of the template's borders, basically from left to right. The problem is, even if I do that, I still need my other drop-down menu to be the same width as the first.
Catalog Cheats = drop-down menu A
About Me = drop-down menu B
When looking at http://www.lacrosse-lounge.com on a normal sized monitor it looks fairly well but when you view it on devices like the iPad or smaller it becomes vary ugly and not that good looking. The three widgets on the bottom instead of being displayed horizontally become stacked above one another vertically which is very unappealing. Id like for them to stay horizontal and still be nice and readable and visually appealing, but i haven't go a clue on how to do that.
I am CSS beginner. I am trying to create a full width layout.
So i have set width to 100% and reset the margin,padding and border to 0 , as has been explained in so many tutorials to have the "reset effect".
BUT despite doing the "reset" i am getting some margin around my text in both the browsers.
I am testing currently in following browsers:
Firefox 14.0.1 and IE 9
OS used is: win 7 (64 bit)
The HTML and CSS code is as follows: