WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Margin problem

View previous topic View next topic Go down  Message [Page 1 of 1]

1Solved Margin problem Sun Jun 24, 2012 5:50 pm

Mr.Joker

Mr.Joker
Mr. WebArtz
Mr. WebArtz
http://mymaunbo.forum.st/forum Thats the forum. As you can see on Opera the hover light over the text boxes in header works ok, but only on Opera. When someone look over Chrome and Mozilla Firefox there is aa problem. How to solve this?

2Solved Re: Margin problem Sun Jun 24, 2012 9:31 pm

ankillien

ankillien
Administrator
Administrator
There is a margin problem on #test1, #test2 and #test3.

The value for margin left for these boxes should be 542px, 722px and 865px respectively.

3Solved Re: Margin problem Sun Jun 24, 2012 10:36 pm

Mr.Joker

Mr.Joker
Mr. WebArtz
Mr. WebArtz
Nope, now its worst, i have 1366x768 resolution and maybe thats why. But how to make it work for all browsers the same and all resolutions?

4Solved Re: Margin problem Sun Jun 24, 2012 10:49 pm

ankillien

ankillien
Administrator
Administrator
This code should make it work fine on all browsers...

Code:
#test1 , #test2 , #test3 {left:50%;}
#test1 {margin-left: -27px;}
#test2 {margin-left: 132px;}
#test3 {margin-left: 295px;}

5Solved Re: Margin problem Sun Jun 24, 2012 11:16 pm

Mr.Joker

Mr.Joker
Mr. WebArtz
Mr. WebArtz
Thanks ankilien, it works now. Smile

6Solved Re: Margin problem Mon Jun 25, 2012 8:42 am

ankillien

ankillien
Administrator
Administrator
Glad I could help Very Happy

Solved | Locked

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Margin problem

Permissions in this forum:
You cannot reply to topics in this forum