Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
  1. Home
  2. Web Development
  3. SPAN Tag (Firefox)

SPAN Tag (Firefox)

Scheduled Pinned Locked Moved Web Development
testingbeta-testinghelpquestion
2 Posts 2 Posters 0 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • R Offline
    R Offline
    RadioButton
    wrote on last edited by
    #1

    Hello, I noticed in Firefox when using the span tag with a background image like this: Testing .spanNavBtnText { color:#FFFFFF; font-family: Verdana; font-weight:bold; width:118px; height:23px; text-align:center; font-size: 11px; padding-top:5px; } That the background image is the size of the text. In Internet Explorer this is not the case the total size of the image is rendered and it's not based on the size of the text. Is there any easy way to fix this? Thank you. RB

    S 1 Reply Last reply
    0
    • R RadioButton

      Hello, I noticed in Firefox when using the span tag with a background image like this: Testing .spanNavBtnText { color:#FFFFFF; font-family: Verdana; font-weight:bold; width:118px; height:23px; text-align:center; font-size: 11px; padding-top:5px; } That the background image is the size of the text. In Internet Explorer this is not the case the total size of the image is rendered and it's not based on the size of the text. Is there any easy way to fix this? Thank you. RB

      S Offline
      S Offline
      Shog9 0
      wrote on last edited by
      #2

      RadioButton wrote:

      Is there any easy way to fix this?

      Don't use IE? ;P As near as i can tell, Firefox is doing the "Right Thing" here - spans are inline elements, width and height attributes do not apply. So... You can use a div (or other block element), you can add the display:block; attribute to the span, or you can float or absolutely position the span.

      ---- Scripts i've known... CPhog 0.9.9 - make CP better. Forum Bookmark 0.2.1 - bookmark forum posts on Pensieve Print forum 0.1.2 - printer-friendly forums

      1 Reply Last reply
      0
      Reply
      • Reply as topic
      Log in to reply
      • Oldest to Newest
      • Newest to Oldest
      • Most Votes


      • Login

      • Don't have an account? Register

      • Login or register to search.
      • First post
        Last post
      0
      • Categories
      • Recent
      • Tags
      • Popular
      • World
      • Users
      • Groups