How to fix Headings ?

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • catalyst
    #1

    How to fix Headings ?

    <div class="vijest"> &nbsp;&nbsp;&nb sp;
    <b>Heading... </b>&nbsp;&nbsp;& nbsp;&nbsp;&nbs p;&nbsp;&nbsp;& nbsp;&nbsp;&nbs p;&nbsp;&nbsp;& nbsp;&nbsp;&nbs p;&nbsp;&nbsp;& nbsp;&nbsp;&nbs p;&nbsp;
    &nbsp;&nbsp;&nb sp;&nbsp;&nbsp; &nbsp;&nbsp;&nb sp;&nbsp;&nbsp; &nbsp;&nbsp;&nb sp;&nbsp;&nbsp; &nbsp;&nbsp;&nb sp;&nbsp;&nbsp; &nbsp;&nbsp;&nb sp;
    &nbsp;&nbsp;&nb sp;&nbsp;&nbsp; &nbsp;&nbsp;&nb sp;&nbsp;&nbsp; &nbsp;&nbsp;&nb sp;&nbsp;&nbsp; &nbsp;&nbsp;&nb sp;&nbsp;&nbsp; &nbsp;&nbsp;&nb sp;
    &nbsp;&nbsp;&nb sp;&nbsp;&nbsp; &nbsp;&nbsp;&nb sp;&nbsp;&nbsp; &nbsp;&nbsp;&nb sp;&nbsp;&nbsp; &nbsp;&nbsp;&nb sp;&nbsp;&nbsp; &nbsp;&nbsp;&nb sp;
    &nbsp;&nbsp;&nb sp;&nbsp;&nbsp; &nbsp;&nbsp;&nb sp;&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.









    Tags: None
    • Beauregard T. Shagnasty
      #2
      Re: How to fix Headings ?

      catalyst wrote:
      <div class="vijest"> &nbsp;&nbsp;&nb sp;
      <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>Publi shed: 24.06.2008.</span>Header</h1>

      --
      -bts
      -Friends don't let friends drive Windows

        Comment

        • Jukka K. Korpela
          #3
          Re: How to fix Headings ?

          Scripsit Beauregard T. Shagnasty:
          CSS:
          h1 span { float: right; font-size: 40%; font-style: italic; }
          >
          HTML:
          <h1><span>Publi shed: 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 <spantext 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 <h1font size too, since some style sheet might set it
          fairly small, and then 40% of that is...).

          But the <spanmarkup 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/


            Comment

            • Beauregard T. Shagnasty
              #4
              Re: How to fix Headings ?

              Jukka K. Korpela wrote:
              Scripsit Beauregard T. Shagnasty:
              >CSS: h1 span { float: right; font-size: 40%; font-style: italic; }
              >>
              >HTML: <h1><span>Publi shed: 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 &nbsp;'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

                Comment

                • catalyst
                  #5
                  Re: How to fix Headings ?


                  "Beauregard T. Shagnasty" <a.nony.mous@ex ample.invalidwr ote in message
                  news:g3rg5l$evb $1@registered.m otzarella.org.. .
                  Jukka K. Korpela wrote:
                  >
                  >Scripsit Beauregard T. Shagnasty:
                  >>CSS: h1 span { float: right; font-size: 40%; font-style: italic; }
                  >>>
                  >>HTML: <h1><span>Publi shed: 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
                  >internationa l 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?
                  >
                  --
                  -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.


                    Comment

                    Previous template Next
                    Working...