mercuryserver progressive culture • est. 2002 TRY THE NEWHORIZON BETALIVE READ-ONLY PREVIEW ↗

Code issue.

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • fumanchu182
    Angantyr The Ruthless
    • Jun 2004
    • 972
    #1

    Code issue.

    Take a look at the following code:
    Code:
    [SIZE=2][COLOR=#0000ff]<[/COLOR][/SIZE][SIZE=2][COLOR=#800000]html[/COLOR][/SIZE][SIZE=2][COLOR=#0000ff]>[/COLOR][/SIZE]
[SIZE=2][COLOR=#0000ff]<[/COLOR][/SIZE][SIZE=2][COLOR=#800000]head[/COLOR][/SIZE][SIZE=2][COLOR=#0000ff]>[/COLOR][/SIZE]
[SIZE=2][COLOR=#0000ff]<[/COLOR][/SIZE][SIZE=2][COLOR=#800000]title[/COLOR][/SIZE][SIZE=2][COLOR=#0000ff]>[/COLOR][/SIZE]
[SIZE=2]Anthony W.[/SIZE]
[SIZE=2][COLOR=#0000ff]</[/COLOR][/SIZE][SIZE=2][COLOR=#800000]title[/COLOR][/SIZE][SIZE=2][COLOR=#0000ff]>[/COLOR][/SIZE]
[SIZE=2][COLOR=#0000ff]<!--[/COLOR][/SIZE][SIZE=2][COLOR=#008000] our style sheet [/COLOR][/SIZE][SIZE=2][COLOR=#0000ff]-->[/COLOR][/SIZE]
[SIZE=2][COLOR=#0000ff]<[/COLOR][/SIZE][SIZE=2][COLOR=#800000]link[/COLOR][/SIZE][SIZE=2][COLOR=#ff0000]rel[/COLOR][/SIZE][SIZE=2][COLOR=#0000ff]=[/COLOR][/SIZE][SIZE=2]"[/SIZE][SIZE=2][COLOR=#0000ff]stylesheet[/COLOR][/SIZE][SIZE=2]"[/SIZE][SIZE=2][COLOR=#ff0000]type[/COLOR][/SIZE][SIZE=2][COLOR=#0000ff]=[/COLOR][/SIZE][SIZE=2]"[/SIZE][SIZE=2][COLOR=#0000ff]text/css[/COLOR][/SIZE][SIZE=2]"[/SIZE][SIZE=2][COLOR=#ff0000]href[/COLOR][/SIZE][SIZE=2][COLOR=#0000ff]=[/COLOR][/SIZE][SIZE=2]"[/SIZE][SIZE=2][COLOR=#0000ff]mystyle.css[/COLOR][/SIZE][SIZE=2]"[/SIZE][SIZE=2][COLOR=#0000ff]>[/COLOR][/SIZE]
[SIZE=2][COLOR=#0000ff]</[/COLOR][/SIZE][SIZE=2][COLOR=#800000]head[/COLOR][/SIZE][SIZE=2][COLOR=#0000ff]>[/COLOR][/SIZE]
[SIZE=2][COLOR=#0000ff]<[/COLOR][/SIZE][SIZE=2][COLOR=#800000]body[/COLOR][/SIZE][SIZE=2][COLOR=#0000ff]>[/COLOR][/SIZE]
[SIZE=2][COLOR=#0000ff]<[/COLOR][/SIZE][SIZE=2][COLOR=#800000]span [/COLOR][/SIZE][SIZE=2][COLOR=#ff0000]id[/COLOR][/SIZE][SIZE=2][COLOR=#0000ff]=[/COLOR][/SIZE][SIZE=2]'[/SIZE][SIZE=2][COLOR=#0000ff]button[/COLOR][/SIZE][SIZE=2]'[/SIZE][SIZE=2][COLOR=#0000ff]>[/COLOR][/SIZE]
[SIZE=2][COLOR=#0000ff]<[/COLOR][/SIZE][SIZE=2][COLOR=#800000]img[/COLOR][/SIZE][SIZE=2][COLOR=#ff0000]src[/COLOR][/SIZE][SIZE=2][COLOR=#0000ff]=[/COLOR][/SIZE][SIZE=2]'[/SIZE][SIZE=2][COLOR=#0000ff]./images/buttonl.jpg[/COLOR][/SIZE][SIZE=2]'[/SIZE][SIZE=2][COLOR=#0000ff]/>[/COLOR][/SIZE]
[SIZE=2][COLOR=#0000ff]<[/COLOR][/SIZE][SIZE=2][COLOR=#800000]span[/COLOR][/SIZE][SIZE=2][COLOR=#ff0000]id[/COLOR][/SIZE][SIZE=2][COLOR=#0000ff]=[/COLOR][/SIZE][SIZE=2]'[/SIZE][SIZE=2][COLOR=#0000ff]buttonm[/COLOR][/SIZE][SIZE=2]'[/SIZE][SIZE=2][COLOR=#ff0000]style[/COLOR][/SIZE][SIZE=2][COLOR=#0000ff]=[/COLOR][/SIZE][SIZE=2]'[/SIZE][SIZE=2][COLOR=#0000ff]padding-bottom: 19px;[/COLOR][/SIZE][SIZE=2]'[/SIZE][SIZE=2][COLOR=#0000ff]>[/COLOR][/SIZE]
[SIZE=2][COLOR=#0000ff]<[/COLOR][/SIZE][SIZE=2][COLOR=#800000]a[/COLOR][/SIZE][SIZE=2][COLOR=#ff0000]class[/COLOR][/SIZE][SIZE=2][COLOR=#0000ff]=[/COLOR][/SIZE][SIZE=2]'[/SIZE][SIZE=2][COLOR=#0000ff]button[/COLOR][/SIZE][SIZE=2]'[/SIZE][SIZE=2][COLOR=#ff0000]href[/COLOR][/SIZE][SIZE=2][COLOR=#0000ff]=[/COLOR][/SIZE][SIZE=2]'[/SIZE][SIZE=2][COLOR=#0000ff]./index.php[/COLOR][/SIZE][SIZE=2]'[/SIZE][SIZE=2][COLOR=#0000ff]>[/COLOR][/SIZE][SIZE=2]test[/SIZE][SIZE=2][COLOR=#0000ff]</[/COLOR][/SIZE][SIZE=2][COLOR=#800000]a[/COLOR][/SIZE][SIZE=2][COLOR=#0000ff]>[/COLOR][/SIZE]
[SIZE=2][COLOR=#0000ff]</[/COLOR][/SIZE][SIZE=2][COLOR=#800000]span[/COLOR][/SIZE][SIZE=2][COLOR=#0000ff]>[/COLOR][/SIZE]
[SIZE=2][COLOR=#0000ff]<[/COLOR][/SIZE][SIZE=2][COLOR=#800000]img[/COLOR][/SIZE][SIZE=2][COLOR=#ff0000]src[/COLOR][/SIZE][SIZE=2][COLOR=#0000ff]=[/COLOR][/SIZE][SIZE=2]'[/SIZE][SIZE=2][COLOR=#0000ff]./images/buttonr.jpg[/COLOR][/SIZE][SIZE=2]'[/SIZE][SIZE=2][COLOR=#0000ff]/></span[/COLOR][/SIZE][SIZE=2][COLOR=#0000ff]> [/COLOR][/SIZE]
[SIZE=2][COLOR=#0000ff]</[/COLOR][/SIZE][SIZE=2][COLOR=#800000]body[/COLOR][/SIZE][SIZE=2][COLOR=#0000ff]>[/COLOR][/SIZE]
[SIZE=2][COLOR=#0000ff]</[/COLOR][/SIZE][SIZE=2][COLOR=#800000]html[/COLOR][/SIZE][SIZE=2][COLOR=#0000ff]>[/COLOR][/SIZE]
    Now here is the relavant CSS that matches any of the ID tags:
    Code:
    [SIZE=2][COLOR=#008000]/************** how we make our buttons on the web page**************/[/COLOR][/SIZE]
[SIZE=2][COLOR=#008000]/* each button contains a left, middle, and right so as the text[/COLOR][/SIZE]
[SIZE=2][COLOR=#008000]grows horizontally so does the button*/[/COLOR][/SIZE]
[SIZE=2][COLOR=#008000]/* this is the main div tag container for a button*/[/COLOR][/SIZE]
[SIZE=2][COLOR=#800000]#button[/COLOR][/SIZE][SIZE=2] {[/SIZE]
[SIZE=2][COLOR=#ff0000]text-align[/COLOR][/SIZE][SIZE=2]: [/SIZE][SIZE=2][COLOR=#0000ff]center[/COLOR][/SIZE][SIZE=2];[/SIZE]
[SIZE=2][COLOR=#ff0000]color[/COLOR][/SIZE][SIZE=2]: [/SIZE][SIZE=2][COLOR=#0000ff]white[/COLOR][/SIZE][SIZE=2];[/SIZE]
[SIZE=2][COLOR=#ff0000]height[/COLOR][/SIZE][SIZE=2]: [/SIZE][SIZE=2][COLOR=#0000ff]50px[/COLOR][/SIZE][SIZE=2];[/SIZE]
[SIZE=2][COLOR=#ff0000]width[/COLOR][/SIZE][SIZE=2]: [/SIZE][SIZE=2][COLOR=#0000ff]auto[/COLOR][/SIZE][SIZE=2];[/SIZE]
[SIZE=2][COLOR=#ff0000]padding[/COLOR][/SIZE][SIZE=2]: [/SIZE][SIZE=2][COLOR=#0000ff]0px[/COLOR][/SIZE][SIZE=2];[/SIZE]
[SIZE=2]}[/SIZE]
[SIZE=2][COLOR=#008000]/* this is the middle element of the button*/[/COLOR][/SIZE]
[SIZE=2][COLOR=#800000]#buttonm[/COLOR][/SIZE][SIZE=2] {[/SIZE]
[SIZE=2][COLOR=#ff0000]padding-top[/COLOR][/SIZE][SIZE=2]: [/SIZE][SIZE=2][COLOR=#0000ff]19px[/COLOR][/SIZE][SIZE=2];[/SIZE]
[SIZE=2][COLOR=#ff0000]height[/COLOR][/SIZE][SIZE=2]: [/SIZE][SIZE=2][COLOR=#0000ff]50px[/COLOR][/SIZE][SIZE=2];[/SIZE]
[SIZE=2][COLOR=#ff0000]width[/COLOR][/SIZE][SIZE=2]: [/SIZE][SIZE=2][COLOR=#0000ff]auto[/COLOR][/SIZE][SIZE=2];[/SIZE]
[SIZE=2][COLOR=#ff0000]background-image[/COLOR][/SIZE][SIZE=2]: [/SIZE][SIZE=2][COLOR=#0000ff]url('./images/buttonm.jpg')[/COLOR][/SIZE][SIZE=2];[/SIZE]
[SIZE=2][COLOR=#ff0000]background-repeat[/COLOR][/SIZE][SIZE=2]: [/SIZE][SIZE=2][COLOR=#0000ff]repeat-x[/COLOR][/SIZE][SIZE=2];[/SIZE]
[SIZE=2]}[/SIZE]
    I can't figure out why in IE7 it works but in Firefox it bombs out. Url: www.anthonyw.net/indextest.php
    The sailors of the United States Navy are among the most disciplined, devoted, and well-trained fighting men the world has ever known. They drink gasoline and piss fire, The spit bullets and shit bombs, and will swim across the ocean with a knife in their teeth just for the chance to carve up those that threaten their homeland.
    Tags: None
    • audiotherapy
      Addiction started
      • Jun 2004
      • 267
      #2
      Re: Code issue.

      your codes are whacked...

      i'm assuming you're trying to achieve a roll-over button with CSS

      try this:

      O'Reilly Media - Technology and Business Training
      http://www.oreillynet.com/pub/a/javascript/2001/03/23/rollovers.html
      Build the skills your teams need. Give them the O'Reilly learning platform and equip them with the resources that drive business outcomes.

      Simon Collison | Error
      http://www.colly.com/scripts/rollover.html

        Comment

        Previous template Next

        Today's Birthdays

        Collapse

        [ms] Statistics

        Collapse
        Topics: 192,212   Posts: 1,238,528   Members: 53,135   Active Members: 31
        Welcome to our newest member, jackfroster.
        Working...
          WHAT RUNS UNDERNEATH

          The Substrate

          Delivery, page technologies and the current forum runtime.

          CaddyWeb & TLS edge
          HTML5Page structure
          CSS3Responsive styling
          JavaScriptBrowser interactions
          PHPApplication runtime
          MariaDBLegacy forum data

          POWERED BY TITAN

          Proprietary technologies across the TITAN family.

          OllieAI relationship and assistance layer.
          OCTAGoverned verification and authority layer.
          TitanBeamMigration and integration technology.
          REBORN · IN · THE · U.S.A.BUILT IN FREEDOM. BUILT ORIGINAL.BUILT BY TITANS.
          THE DOOROCTA PLAYER
          Enter the full venue ↗

          We process personal data about users of our site, through the use of cookies and other technologies, to deliver our services, personalize advertising, and to analyze site activity. We may share certain information about our users with our advertising and analytics partners. For additional details, refer to our Privacy Policy.

          By clicking "I AGREE" below, you agree to our Privacy Policy and our personal data processing and cookie practices as described therein. You also acknowledge that this forum may be hosted outside your country and you consent to the collection, storage, and processing of your data in the country where this forum is hosted.

          I Agree