Connecting Tech Pros Worldwide Help | Site Map

How to fix Headings ?

 
LinkBack Thread Tools Search this Thread
  #1  
Old June 27th, 2008, 07:19 PM
catalyst
Guest
 
Posts: n/a
Default How to fix Headings ?

<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;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&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.










  #2  
Old June 27th, 2008, 07:19 PM
Beauregard T. Shagnasty
Guest
 
Posts: n/a
Default Re: How to fix Headings ?

catalyst wrote:
Quote:
<div class="vijest">&nbsp;&nbsp;&nbsp;
<b>Heading...</b>&nbsp;&nbsp; ...
<snip mess>
Quote:
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
  #3  
Old June 27th, 2008, 07:19 PM
Jukka K. Korpela
Guest
 
Posts: n/a
Default Re: How to fix Headings ?

Scripsit Beauregard T. Shagnasty:
Quote:
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 <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/

  #4  
Old June 27th, 2008, 07:20 PM
Beauregard T. Shagnasty
Guest
 
Posts: n/a
Default Re: How to fix Headings ?

Jukka K. Korpela wrote:
Quote:
Scripsit Beauregard T. Shagnasty:
Quote:
>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 &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
  #5  
Old June 29th, 2008, 11:15 PM
catalyst
Guest
 
Posts: n/a
Default Re: How to fix Headings ?


"Beauregard T. Shagnasty" <a.nony.mous@example.invalidwrote in message
news:g3rg5l$evb$1@registered.motzarella.org...
Quote:
Jukka K. Korpela wrote:
>
Quote:
>Scripsit Beauregard T. Shagnasty:
Quote:
>>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 &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.


 

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Popular Articles

What is Bytes?

We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights. Get the best answers to your questions from over 220,989 network members.