CSS Code For setting the bottom margin

TWM · 06-29-2005, 01:25 PM

I have

Quote:

img.newsbar { margin-top: .8cm; margin-bottom: .8cm;}

the margin-top works fine, but the bottom wont. I have tried everything from using px instead of cm to putting it in its own line and everything. Any ideas on how to set the bottom margin with CSS?

TWM · 06-30-2005, 09:25 AM

bump

val539 · 07-02-2005, 01:29 AM

Hello
why not set the environment height

like <div id="bump" style="height: 120px">
<img src="....." width="30" height="30" style="padding-top: 8px" alt="">
</div>

i am trying to help...

TWM · 07-02-2005, 05:25 PM

The way i am doing it is i set the image height at 100% so that when i add the CSS, no matter how long the page is, it will always be X amount of pixels away from the top of the page and the bottom.

The top part works, but the bottom wont.

val539 · 07-03-2005, 01:29 AM

Take a look
http://www.w3.org/TR/REC-CSS2/box.html

Could u post the part of ur code?

Crabby · 07-05-2005, 03:25 AM

Just add a <div> around your image. If that doesn't work, then remove the margins from the image, and just add this CSS to the newly created DIV:

<div style="padding: .8cm 0cm .8cm 0cm;">

06-30-2005, 09:25 AM	THREAD STARTER #2 (permalink)
TWM Web Marketing Specialist Join Date: Oct 2003 Location: Texas, USA Posts: 1,335	bump __________________ TargetedWebMarketing.com : Web Marketing Plans - Search Engine Optimization - Online Promotion coraltanks.com l Corporate Quarters

07-02-2005, 05:25 PM	THREAD STARTER #4 (permalink)
TWM Web Marketing Specialist Join Date: Oct 2003 Location: Texas, USA Posts: 1,335	The way i am doing it is i set the image height at 100% so that when i add the CSS, no matter how long the page is, it will always be X amount of pixels away from the top of the page and the bottom. The top part works, but the bottom wont. __________________ TargetedWebMarketing.com : Web Marketing Plans - Search Engine Optimization - Online Promotion coraltanks.com l Corporate Quarters

07-05-2005, 03:25 AM	#6 (permalink)
Crabby NamePros Member Join Date: Aug 2004 Posts: 73	Just add a <div> around your image. If that doesn't work, then remove the margins from the image, and just add this CSS to the newly created DIV: <div style="padding: .8cm 0cm .8cm 0cm;"> __________________ *michael*

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
I'll code for you! (PHP, XHTML, CSS, HTML)	meinhold	Programming	1	05-24-2005 11:13 AM
[NEEDED] Slicing & Html Code + CSS. ASAP	happyyo	Web Development Wanted	3	04-26-2005 10:41 AM
Basic HTML Tutorial	webgear	Webmaster Tutorials	8	04-02-2005 03:20 PM

07-02-2005, 01:29 AM	#3 (permalink)
val539 New Member Join Date: Jul 2005 Posts: 8	Hello why not set the environment height like <div id="bump" style="height: 120px"> <img src="....." width="30" height="30" style="padding-top: 8px" alt=""> </div> i am trying to help...

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)