www.webdeveloper.com
Results 1 to 9 of 9

Thread: superscript with pointer

Hybrid View

  1. #1
    Join Date
    Jun 2008
    Location
    Omaha
    Posts
    15

    Question superscript with pointer

    Hello,

    I'm having a problem with this code:

    I'm having problem with the following code:
    CSS:
    Code:
    .Sup {
    	color: #FF0000;
    	font-family: Arial;
    	font-weight: bold;
    	text-align: left;
    }
    
    HTML code:
    <sup><span class="Sup"><a href="#ch04-10">10</a></sup></span>
    ( flagged in yellow by Dreamweaver 8)

    This would be for a text like : xxxxxxxxxxxxxx bbbb g ggg10 (where 10 is a supercript) and when cliked should point to a footnote in the same page.

    That would be Chapter 4 Footnote #10

    Question why this is not working?

    Any ideas?

    Thank you for any help.

  2. #2
    Join Date
    Jun 2003
    Location
    here
    Posts
    4,551
    Code:
    .footnote{
      font-size:xx-small;
      vertical-align:top;
      color: #f00;
      font-family: Arial;
      font-weight: bold;
    }
    HTML Code:
    This point has a footnote<a class='footnote' href="#ch04-10">10</a>.

  3. #3
    Join Date
    Jun 2008
    Location
    Omaha
    Posts
    15

    Thumbs up

    Hello scragar,


    Thanks a lot. Your help was invaluable.


    I like how elegant is the code you suggested. Simple and it works perfectly.



    Once again thank you for this great help.


    oldbag. ( a bit older and wiser now )

  4. #4
    Join Date
    Jun 2008
    Location
    Omaha
    Posts
    15

    Question

    Hello,

    I'm stuck again.

    The code for the footnote worked fine in a single test now I can't make it superscript. Here is the CSS (full):
    Code:
    body{
    	font-family: Arial;
    	background-image: url(../GIFS-JPG-PNG-BKP/Backgrounds/BG-paper%20smooth.jpg);
    	background-color: #FFFFFF;
    	 }
    .greek{font-family: Arial;}
    
    a:{font-weight:bolder;}               /*  excluding link
    a:link {                                                comment
    	color:#000099;                             comment
    	text-decoration: underline;            comment
    	font-weight: normal;                     comment 
     	font-size: 16px;                           comment
    }
    
    a:visited {color:#000066;text-decoration:  underline;}             comment
    a:hover {color:#FF0000;text-decoration : underline;}              comment
    a:active {color:#F800FF ;}                                                   comment
    a:focus{color:#FF0000;text-decoration:underline;}                               */ 
                  	
    .italicG{font-family: Arial;color:#009933;font-style: italic;}
    .forteen{font-size:14px;}
    .italicGB{
    	font-family: Arial;
    	color:#009933;
    	font-style: italic;
    	font-weight: bold;
    }
    .style1 {
    	color: #993300;
    	font-size: 24px;
    	font-weight: bold;
    }
    .style2 {
    	font-size: 18px;
    	font-weight: bold;
    }
    .style3 {
    	color: #FF0000;
    	font-weight: bold;
    	font-size: 18px;
    }
    
    
    .style5 {
    	font-family: "Courier New", Courier, monospace;
    	font-size: 36px;
    }
    .style13 {color: #990066; font-weight: bold; }
    .style14 {font-size: 10px}
    .style15 {font-size: 12px}
    .style16 {font-family: Arial; color: #009933; font-style: italic; font-size: 16px; }
    .style18 {font-size: 14px}
    .footnote{
      font-size:x-small;    /*(xx-small is too small)*/
      vertical-align:top;
      color: #FF0000;     /*changed to red to test */
      font-family: Arial;
      font-weight:bold;
    }
    </style>
    The Source (partial)

    Code:
    <p>The most thoroughly documented of the Hellene Mystery ceremonies is
    		that of Demeter at Eleusis, known in ancient times as the Greater Mysteries,or
    		Eleusinia. Demeter, an agricultural goddess, evolved from earlier, pre-agricultural
    		Mother goddesses similar to Gaia, Rhea, or Meter.<a class='footnote' href="#ch01-2">2</a> She was known in the Hellene world as the spirit of the unripe fruit, whereas her virgin daughter Korewas considered to be the spirit of flowering.<a class='footnote' href="#ch01-3">3</a>.		
    </p>
    What is in the Design:
    Code:
    The most thoroughly documented of the Hellene Mystery ceremonies is that of Demeter at Eleusis, known in ancient times as the Greater Mysteries,or Eleusinia. Demeter, an agricultural goddess, evolved from earlier, pre-agricultural Mother goddesses similar to Gaia, Rhea, or Meter.2 She was known in the Hellene world as the spirit of the unripe fruit, whereas her virgin daughter Kore was considered to be the spirit of flowering.	3.
    Both numbers (2 and 3) are underscored.

    Any ideas what might be causing the numbers not showing as superscripts?


    Than You

  5. #5
    Join Date
    Jun 2003
    Location
    here
    Posts
    4,551
    OK, how is it not working, are they superscript or not? If not then there is a problem elsewhere on the page, I tested the code you posted and it works fine.

    You can fix the underscore with the line:
    Code:
      text-decoration: none;
    And one more thing,
    Code:
    #f00
    is the same as
    Code:
    #FF0000
    it's just shorter and easier to remember if you want to start making more complex colours(remember three values, not 6).

  6. #6
    Join Date
    Jun 2008
    Location
    Omaha
    Posts
    15
    Thanks for the reply.

    I'm confused since it works for you and not for me.
    I'm using FF3.0.5 and IE8 Beta and in both cases it doesn't superscript the number.

    That, as you say, indicates a problem somewhere in the page.
    In a blank page I copied the CSS and the HTML (text with the superscript) and got the same result as before. I wonder if this not my Dreamweaver's version issue. (V 8.0.2)

    The numbers should be superscript, but they appear in the same line as the text and not a bit above the text.

    I uploaded the superscript.html. If you could look at it I'd appreciate. I know that you did the test and worked for you, perhaps I'm just wasting my time and yours.

    If this still works for you and you are using the same Dreamweaver version as I am then I'll leave things the way they are and give up making the numbers as superscript and will close the issue. No point beating a dead horse.

    thanks again

    oldbag

  7. #7
    Join Date
    Jun 2003
    Location
    here
    Posts
    4,551
    In firefox install the firebug plugin, and just see what is overriding the styles I have posted, if you can't do that yourself post a link.

  8. #8
    Join Date
    Jun 2008
    Location
    Omaha
    Posts
    15
    Lucky me.

    I just can't uninstall (Firebug Old version). I installed Firebug new version for ff3 and restart of FF wion't do a thing with it. I wanted to try it myself but wouldn't work.

    if you know a way to remove firebug let me know please.


    link:
    http://members.cox.net/pakoppan/sctr...perscript.htmlur


    Thank You

  9. #9
    Join Date
    Jun 2008
    Location
    Omaha
    Posts
    15

    resolved

    OK, when all fails, read the manual...

    I was told to do a lot of gymnastics to uninstall Firebug. Even mess with the profile.


    I simply deleted FF3 and reconstructed it from scratch, FF3 and extensions.

    Firebug works fine AND the superscript works fine also.


    Case closed.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles