...

View Full Version : Buttons Have Gone Crazy



tomyknoker
10-30-2006, 03:05 AM
Any ideas why the buttons on the following link have such big gaps around them top and bottom? http://www.curiousclothing.com/test/tours.htm

_Aerospace_Eng_
10-30-2006, 03:37 AM
Add this to your CSS

#links img {
display:block;
}
An image is an inline element by default so a line-height is applied to them. Making them display:block; gets rid of this. Also in the future you need to be more specific about your problem, e.g. what browser, which buttons, etc. Help us help you.

tomyknoker
10-30-2006, 03:41 AM
Sorry... Will be more specific next time! But thanks for the help!

tomyknoker
10-30-2006, 03:56 AM
Add this to your CSS

#links img {
display:block;
}
An image is an inline element by default so a line-height is applied to them. Making them display:block; gets rid of this. Also in the future you need to be more specific about your problem, e.g. what browser, which buttons, etc. Help us help you.I added it to the css file but still didn't have any luck...

_Aerospace_Eng_
10-30-2006, 04:09 AM
Add this to the top of your CSS

* {
margin:0;
padding:0;
}
that will zero out all margins and padding so you won't have to keep zeroing out default margins and padding. It seems to fix your navigation problem as well. Again if you were more specific then we couldn't have sorted this out a lot sooner.

tomyknoker
10-30-2006, 04:12 AM
Add this to the top of your CSS

* {
margin:0;
padding:0;
}
that will zero out all margins and padding so you won't have to keep zeroing out default margins and padding. It seems to fix your navigation problem as well. Again if you were more specific then we couldn't have sorted this out a lot sooner.And do I keep the previous CSS? I have never used the * for CSS beofre? Does this make it apply to the entire document or something like that?

tomyknoker
10-30-2006, 04:18 AM
Add this to the top of your CSS

* {
margin:0;
padding:0;
}
that will zero out all margins and padding so you won't have to keep zeroing out default margins and padding. It seems to fix your navigation problem as well. Again if you were more specific then we couldn't have sorted this out a lot sooner.Would that code have done something funny to this page? http://www.curiousclothing.com/test/packages.htm seems to have lost all it's formatting...

_Aerospace_Eng_
10-30-2006, 04:21 AM
Like I said all default margins and paddings are set to 0. You will need to manually set margins and paddings to certain elements like paragraphs and ul/ol's. Its actually the default margin and padding on the paragraphs on the tours page. Again another drawback of using tables, as you put more content your cells stretch in height even if you set a height to them. I suggest you read the link in my sig titled "Why Tables for Layout is Stupid?".

tomyknoker
10-30-2006, 06:06 AM
Like I said all default margins and paddings are set to 0. You will need to manually set margins and paddings to certain elements like paragraphs and ul/ol's. Its actually the default margin and padding on the paragraphs on the tours page. Again another drawback of using tables, as you put more content your cells stretch in height even if you set a height to them. I suggest you read the link in my sig titled "Why Tables for Layout is Stupid?".Hi There _Aerospace_Eng_ wanted your opinion, to charge for a site like this as it is, http://www.copperproject.com/ is that wrong? As tables have been used throughout?

_Aerospace_Eng_
10-30-2006, 06:56 AM
My opinion would be not to but thats because it can be done a whole lot better. I tell this to many people who offer their services for web design. If they aren't up to date with standards then they shouldn't be offering services at all for monetary gain.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum