Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login



Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
Mysterious padding/margin problem on picture
Old 10-31-2009, 07:33 PM Mysterious padding/margin problem on picture
Junior Talker

Posts: 2
Trades: 0
http://tøffing.no/test/

theres some strange problem, seems like 2px margin / padding is added on the black pic in the middle and the "live chat" pic on the right.

problem is in IE and Firefox, but in Opera it renders fine.

can anyone see what the problem is?
jagarock is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 10-31-2009, 09:02 PM Re: Mysterious padding/margin problem on picture
Banned

Posts: 315
Name: Doug
Trades: 1
if you want no margins or paddings you have to force it by setting both to 0.
Don't assume they will default to 0.
marketingman100 is offline
Reply With Quote
View Public Profile
 
Old 10-31-2009, 09:12 PM Re: Mysterious padding/margin problem on picture
TripleMoons's Avatar
Webmaster Talker

Posts: 614
Name: Stephanie Kunder
Location: Hanover, PA
Trades: 0
I see nothing wrong with FF for Mac and I can't check IE because your domain has an illegal character. Doug's right that you should first try to adding padding: 0px and margin: 0px to the classes of those two.

Your CSS also should be in an external stylesheet.
__________________

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

TripleMoons is offline
Reply With Quote
View Public Profile Visit TripleMoons's homepage!
 
Old 10-31-2009, 09:31 PM Re: Mysterious padding/margin problem on picture
Junior Talker

Posts: 2
Trades: 0
i found the error!

i was using those pictures as LINKS, and then IE and FF added an invisible BORDER around those pictures.

solved by

* {
border:0;
padding:0;
margin:0;
}
jagarock is offline
Reply With Quote
View Public Profile
 
Old 10-31-2009, 09:32 PM Re: Mysterious padding/margin problem on picture
TripleMoons's Avatar
Webmaster Talker

Posts: 614
Name: Stephanie Kunder
Location: Hanover, PA
Trades: 0
I would do the following code instead:

img {
border: none;
}
__________________

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

TripleMoons is offline
Reply With Quote
View Public Profile Visit TripleMoons's homepage!
 
Reply     « Reply to Mysterious padding/margin problem on picture
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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

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





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



Page generated in 0.15200 seconds with 12 queries