Home | Contact Us | FAQ | Search & Site Map | Link to Us
Sign In | Join | Other 45 Sites in Network
Home
Discussion GroupsGeneralPHPASPPerlColdFusionFlashHTML, CSS, ScriptsBrowsers

Webmaster Forum / HTML, CSS, Scripts / CSS / June 2008



Tip: Looking for answers? Try searching our database.

How to fix Headings ?

Thread view: 
Enable EMail Alerts  Start New Thread
Thread rating: 
catalyst - 24 Jun 2008 02:49 GMT
<div class="vijest">&nbsp;&nbsp;&nbsp;
<b>Heading...</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<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.
Beauregard T. Shagnasty - 24 Jun 2008 03:51 GMT
> <div class="vijest">&nbsp;&nbsp;&nbsp;
> <b>Heading...</b>&nbsp;&nbsp; ...
<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>

Signature

  -bts
  -Friends don't let friends drive Windows

Jukka K. Korpela - 24 Jun 2008 18:48 GMT
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; }

Signature

Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

Beauregard T. Shagnasty - 24 Jun 2008 19:59 GMT
> Scripsit Beauregard T. Shagnasty:
>> CSS: h1 span { float: right; font-size: 40%; font-style: italic; }
[quoted text clipped - 5 lines]
> 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 &nbsp;'s. The question was not about date formatting.

Do you think my quick illustration is as bad as the OP's?

Signature

  -bts
  -Friends don't let friends drive Windows

catalyst - 30 Jun 2008 00:09 GMT
>> Scripsit Beauregard T. Shagnasty:
>>> CSS: h1 span { float: right; font-size: 40%; font-style: italic; }
[quoted text clipped - 10 lines]
>
> Do you think my quick illustration is as bad as the OP's?

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.
 
Sign In
Join
My Latest Posts
My Monitored Threads
My Blog
My Photo Gallery
My Profile
My Homepage

Start New Thread
Enable EMail Alerts
Rate this Thread



©2009 Advenet LLC   Privacy Policy - Terms of Use
This website includes both content owned or controlled by Advenet as well as content owned or controlled by third parties.