How to fix Headings ?
in [CSS]
|
From: catalyst on 23 Jun 2008 21:49 <div class="vijest"> <b>Heading...</b> <i>|| Published: 24.06.2008. </i>||</div> Hi All! How to remove this empty spaces ? The "Heading" would need to be bolded and aligned left as it is. and "Published" is on the right side of the stripe. How to remove all this empty spaces which i put there cos i didn't know for a better solution ? I suppose something with margins and paddings...but that's what bothering me, because i have restricted window by javascript in which links are opened and then the margins and paddings don't stretch as they should and the stripe line goes into next row... !? Thanks for advices. I'll be soon here ! C.
From: Beauregard T. Shagnasty on 23 Jun 2008 22:51 catalyst wrote: > <div class="vijest"> > <b>Heading...</b> ... <snip mess> > How to remove this empty spaces ? The "Heading" would need to be CSS: h1 span { float: right; font-size: 40%; font-style: italic; } HTML: <h1><span>Published: 24.06.2008.</span>Header</h1> -- -bts -Friends don't let friends drive Windows
From: Jukka K. Korpela on 24 Jun 2008 13:48 Scripsit Beauregard T. Shagnasty: > CSS: > h1 span { float: right; font-size: 40%; font-style: italic; } > > HTML: > <h1><span>Published: 24.06.2008.</span>Header</h1> I guess that would work, for some values of "work", except that date notations like 24.06.2008 are bad practice on the WWW or any international medium. When you write 04.07.2008, how are people supposed to guess whether it is 4th of July or 7th of April? The <span> text will appear in bold face by default, rather pointlessly. If it's relatively unimportant and in smaller font size, why bold it? You could fix this using font-weight: normal (and you should really consider the <h1> font size too, since some style sheet might set it fairly small, and then 40% of that is...). But the <span> markup is ominous. The publication date isn't really part of the header (see the text "Header" - a placeholder for a header obviously, so why should there be anything else inside <h1>?). The following is both more logical and simpler to style: HTML: <span class="pubdate">Published: June 24, 2008.</span> <h1>Header</h1> CSS: span.pubdate { float: right; font-size: 80%; font-style: italic; } -- Jukka K. Korpela ("Yucca") http://www.cs.tut.fi/~jkorpela/
From: Beauregard T. Shagnasty on 24 Jun 2008 14:59 Jukka K. Korpela wrote: > Scripsit Beauregard T. Shagnasty: >> CSS: h1 span { float: right; font-size: 40%; font-style: italic; } >> >> HTML: <h1><span>Published: 24.06.2008.</span>Header</h1> > > I guess that would work, for some values of "work", except that date > notations like 24.06.2008 are bad practice on the WWW or any > international medium. When you write 04.07.2008, how are people > supposed to guess whether it is 4th of July or 7th of April? You should address that comment to the OP - where I copied it straight out of his mess of 's. The question was not about date formatting. Do you think my quick illustration is as bad as the OP's? -- -bts -Friends don't let friends drive Windows
From: catalyst on 29 Jun 2008 19:09 "Beauregard T. Shagnasty" <a.nony.mous(a)example.invalid> wrote in message news:g3rg5l$evb$1(a)registered.motzarella.org... > Jukka K. Korpela wrote: > >> Scripsit Beauregard T. Shagnasty: >>> CSS: h1 span { float: right; font-size: 40%; font-style: italic; } >>> >>> HTML: <h1><span>Published: 24.06.2008.</span>Header</h1> >> >> I guess that would work, for some values of "work", except that date >> notations like 24.06.2008 are bad practice on the WWW or any >> international medium. When you write 04.07.2008, how are people >> supposed to guess whether it is 4th of July or 7th of April? > > You should address that comment to the OP - where I copied it straight > out of his mess of 's. The question was not about date formatting. > > Do you think my quick illustration is as bad as the OP's? > > -- > -bts > -Friends don't let friends drive Windows Thanks all for advices here, i'm in a mess now... I'll try to excerpt somo of this and try it out, hope it'l help me! bye.
|
Pages: 1 Prev: IE not minding margin-right RSS Feed Next: Restyle Anchor |