You are here: Re: positioning & padding in DIV elements ... « HTML « IT news, forums, messages
Re: positioning & padding in DIV elements ...

Posted by John Hosking on 09/05/07 14:25

Ralf wrote:
[without attributions AGAIN and with garbled quotes so cut it out]
> John Hosking wrote:

>> Ralf wrote:
>>> here's my URL: http://www3.telus.net/peaklong/test/intro.htm

>> IAC, have you tried taking away the width: 100%; from .content2?

> When I removed these declarations, all falls into place (even the bottom nav
> bar). what a learning curve.

Yes. It's easy to get tangled up in all the fiddly things one can do
with CSS, and lose sight of the bigger picture. I see a lot of pages
(mostly though these NGs) which are way overspecified. Simplify and improve.


> one further minor dilemma; in "cleaning up" my CSS, I removed the "negative
> padding" values for the paragraph declaration that had "snugged" the
> paragraphs a little closer together, as per my client's wish. How can I now
> go about shortening the spacing between paragraphs without resorting to a
> negative bottom margin or padding?

Well, I don't completely understand. I mean I don't understand why you
think you need negative margins when you haven't even tried zero values
yet. Here are your paragraph styles, with your crazy indents removed:

p.top-para { margin: 10px 0px 7px 0px;
padding: 0px; }

p.dent { text-indent: 2em;
margin: 10px 0px 7px 0px;
padding: 0px; }

Simply reduce the values for top- and bottom-margins from
margin: 10px 0px 7px 0px; to something like
margin: 0px 0px 0px 0px; (or, of course, margin:0;).

But having said that, I personally don't think the spacing between
paragraphs should be reduced at all. That's good spacing already, except
that it really ought to be in ems, not px. margin:.8em 0px .5em 0px; ?

And here's something I meant to include in a previous post, but forgot.
I don't see why you added the height: 40px; to the #header-graphic rule.
It used to fit nicely, but with the height specified (too small), the
header doesn't fit in its space. Simplify and improve.

>
> thanks all for your help ...

You're welcome. In future, please try to keep track of attributions and
quoted texts.


--
John
Pondering the value of the UIP: http://improve-usenet.org/

 

Navigation:

[Reply to this message]


Удаленная работа для программистов  •  Как заработать на Google AdSense  •  England, UK  •  статьи на английском  •  PHP MySQL CMS Apache Oscommerce  •  Online Business Knowledge Base  •  DVD MP3 AVI MP4 players codecs conversion help
Home  •  Search  •  Site Map  •  Set as Homepage  •  Add to Favourites

Copyright © 2005-2006 Powered by Custom PHP Programming

Сайт изготовлен в Студии Валентина Петручека
изготовление и поддержка веб-сайтов, разработка программного обеспечения, поисковая оптимизация