Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Customization, Design, Programming... (http://forum.bytesforall.com/forumdisplay.php?f=22)
-   -   [SOLVED] CSS display property and heading in post (http://forum.bytesforall.com/showthread.php?t=7906)

bigliettaio Jul 2, 2010 02:46 PM

[SOLVED] CSS display property and heading in post
 
Why this display property
display:inline
given to<h3> element:
Aggiornamenti inside this post in not properly executed :

HTML Code:

<h3 style="display:inline" title="Nota dell' ufficio stampa dell' Inter sull' ufficializzazione della data e della sede dell Supercoppa TIM 2010 da parte della Lega Seria A">Aggiornamenti</h3> [ aggiornamento del 2-7-2010 h 22.02]
CSS W3schools reference
CSS Display and Visibility:
2nd & 3rd paragraph
CSS display Property

:( :confused: ;) :)

lmilesw Jul 2, 2010 04:21 PM

The WordPress editor puts an invisible <p> tag around the line after the <h3> element. Go into HTML view and make sure there are no line spaces between the <H3> and what follows.

bigliettaio Jul 12, 2010 08:34 AM

Quote:

The WordPress editor puts an invisible <p> tag around the line after the <h3> element. Go into HTML view and make sure there are no line spaces between the <H3> and what follows.
Sorry
but i ask to wordpress.org forum support and it seems it isn' t true.
Maybe you want to mean
Quote:

Browsers automatically add an empty line before and after a heading.
as write in the Note below first example of HTML Headings in w3school HTML tutor
this isn' t an issue of wordpress editor.

Anyway bypassing that details about who add empty line after h1,
i took a wlook abouhat t you told me and there was no space.
At the moment css attribute display:inline wasn' t add to <h3>.
I'd like to solve/understan this situation.

bigliettaio Jul 18, 2010 06:23 AM

i think because h3.inline inherits line-height from
css.php h3 rules of theme in use in my site that is atahualpa 3.44
Code:

....
h3 { font-size: 24px; line-height: 1.3; margin: 1em 0 .2em; }
...

Anyway teh propbel in not the extra line
BUT having h3 heading on the same row of following text:
PS
I try adding in line style attribute of <h3> mentioned : line-height:0; and also margin:0pt,
i.e. :
Code:

<h3 style="display:inline!importan;line-height:0;">
or
Code:

<h3 style="display:inline!importan;line-height:0;margin:0pt">
but no way to have heading and text on the same row.

bigliettaio Jul 18, 2010 09:26 AM

@ STB 2nd
As you talked me about line-height it sound me strange:
cause if i set an element toi bi displayed as inline elemente that value will be cleared it's obviuosly.

The solution has been found:
add attribute display:inline to following <p>...
and everythings works fine without modifing no rules of <h3> ( only adding style="display:inline"
Take a look here.


All times are GMT -6. The time now is 12:17 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.