Code issue.

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • fumanchu182
    Angantyr The Ruthless
    • Jun 2004
    • 962
    #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
      Gain technology and business knowledge and hone your skills with learning resources created and curated by O'Reilly's experts: live online training, video, books, our platform has content from 200+ of the world's best publishers.

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

        Comment

        Previous template Next

        [ms] Statistics

        Collapse
        Topics: 191,748   Posts: 1,236,952   Members: 53,129   Active Members: 69
        Welcome to our newest member, newiron009.
        Working...

        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