I would like a review what is wrong with my code?

Discussion in 'HTML & Website Design' started by aviron78, Sep 23, 2007.

  1. #1
    can someone edit my code...
    the tag <sup> make me extra space ...
    html code
    
    <p class="mainText">
    
    And this is the text <span style="font: bold 12px arial; color: #000;">
    And this is the text</span> software that<br/>
    And this is the text And this is the text And this is the text. 
    And this isl<br/>
    And this is the textAnd this is the textAnd this is the text <br/>
    <span style=" font:bold 11px Arial; color: #000;line-height:5px; ">
    And this is the text. And this is the text 15
    <sup><span style=" font: 11px Arial; color: #000;line-height:5px; ">
    avi</span></sup>
    And this is the text</span><br/>
    And this is the text And this is the text.
    				
    </p><br/>
    
    Code (markup):
    css code
    
    .mainText{
    
    	position: relative;
    
    	font: normal 11px arial;
    
    	top: 85px;
    
    	left: 30px;
    
    	width: 570px;
    
    	height: auto;
    
    	color: #000000;
    
    	border: solid 0px BLACK;
    
    }
    
    Code (markup):
    the relevant page -
    http ://www.coarch.co.il/123/raw/advantage.html
     
    aviron78, Sep 23, 2007 IP
  2. krt

    krt Well-Known Member

    Messages:
    829
    Likes Received:
    38
    Best Answers:
    0
    Trophy Points:
    120
    #2
    Been so long since I've done this so I am not sure of this is the best way. I don't use <sup> though, I use a <span> with a class, e.g. "superscript" with the following CSS:

    .superscript { font-size: 0.6em; position:relative; top: -0.6em; }
    Code (markup):
    EDIT: I experimented a little and this solution is better in my opinion:

    sup { vertical-align: baseline; font-size: 0.6em; position:relative; top: -0.6em;  }
    Code (markup):
    That way, you can still use <sup> and not worry about classes.

    There is probably still a better solution though, I don't like this one as x<sup>2</sup> is read by search engines and other parsers as "x2" instead of x^2... maybe a hidden span in between, e.g.:

    <p>66% of statistics are made up on the spot<span class="hidden">, see footnote #</span><sup>1</sup></p>
    <h2>Footnotes</h2>
    <p>1: your mum</p>

    Or is that just overkill? :p
     
    krt, Sep 23, 2007 IP
  3. aviron78

    aviron78 Peon

    Messages:
    26
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    EDIT: I experimented a little and this solution is better in my opinion:

    sup { vertical-align: baseline; font-size: 0.6em; position:relative; top: -0.6em;  }
    Code (markup):
    how can i still use <sup> and not worry about classes.
     
    aviron78, Sep 23, 2007 IP