11 {{ upvoteCount | shortNum }}
11 {{ upvoteCount | shortNum }}

I need some simple HTML help!

by Xarcz
9 replies
Link: UGC Design (a little ugly atm)

The problem:
Go to page "video creator" as you can see, there are four functional tabs. (WHAT YOU WILL GET, ONLY WITH EXPLANIDO, NO EXPERIENCE REQUIRED, and TRY IT) Click these tabs so you get the idea of what they're supposed to do.

Go to page "landing pages". Only the tabs on the first page work. There are 3 more pages for the other 3 products on this website, however the tabs are not functional on the last 3 pages. All of the tabs are already open, and the information (that is supposed to be inside the tabs) is stacked on top of eachother.

Why are the tabs only working in the first page, and not the next 3?
#debug #debugging #html
  • Profile picture of the author hyperexpert07
    Originally Posted by Xarcz View Post

    I have a website in construction, but I had come across 3 or 4 simple bugs. If you are available for assistance through Skype, please let me know. Otherwise, I will explain the bugs here: (after 1 theyre pretty small)

    site: UGC Design (a little ugly atm)

    Sorry if I am incomprehensive

    1. Go to page "video creator" as you can see, there are four functional tabs. (WHAT YOU WILL GET, ONLY WITH EXPLANIDO, NO EXPERIENCE REQUIRED, and TRY IT) Click these tabs so you get the idea of what they're supposed to do.

    Go to page "landing pages". This section/page is the same exact code, except for the information and monkey image I changed, and the sectionid.

    However, in this section/page, all of the tabs are already open, and the information (that is supposed to be inside the tabs) is stacked on top of eachother.

    Why are the tabs in the "landing pages" section not working, if it is the same code? If you want to see the code, let me know where to send it to you. It is a pretty large section.

    2. The favorite icon at the top says IVA, but I replaced/overwrote that file in Core FTP, using the same file name. Why didn't it change?

    3. Go to the page "logo creator". There is a big space between "logo creator" and "our top pick...", and "our top pick" is centered. However I changed no code to make this difference. Why is it like this?

    If you need any of the html, just let me know. For the first bug, I would have to send it to you elsewhere.

    Thank you in advance, I know people don't go looking around for bugs to fix with a smile on their face.
    Answer of #2: It already changed, press ctrl+F5 or clear your browser cache and refresh the page.
    Answer of #3: Go to your styles.css(line 1903) file and change 80px to something lower.
    Find this code-snippet:
    #features .section-title
    {
    margin-bottom: 80px;
    }


    Don't forget to press the Thanks button please.
    Signature

    Please don't press the Thank you button if this post isn't helpful.

    {{ DiscussionBoard.errors[9842795].message }}
    • Profile picture of the author Xarcz
      Originally Posted by hyperexpert07 View Post

      Answer of #2: It already changed, press ctrl+F5 or clear your browser cache and refresh the page.
      Answer of #3: Go to your styles.css(line 1903) file and change 80px to something lower.
      Find this code-snippet:
      #features .section-title
      {
      margin-bottom: 80px;
      }


      Don't forget to press the Thanks button please.
      Thank you very much! But for #3, if I change the margin for .section-title, wouldn't that change the margin for all of the section.title/s? Including the other two that look fine.
      {{ DiscussionBoard.errors[9844177].message }}
      • Profile picture of the author clumsy
        How familiar are you with Web Development?
        Particularly JQuery?

        Start by looking at custom.js file, particularly have a look at this comment
        /* Filter for What We Do section

        The problem is that you have 2 div's with id "option-section". You are not allowed to have that in DOM. You'll have to change the ID property of your second DIV and copy the peace of Javascript that manipulates that section.
        Signature
        //Check out these funny source code comments
        {{ DiscussionBoard.errors[9849151].message }}
        • Profile picture of the author Xarcz
          Originally Posted by clumsy View Post

          How familiar are you with Web Development?
          Particularly JQuery?

          Start by looking at custom.js file, particularly have a look at this comment
          /* Filter for What We Do section

          The problem is that you have 2 div's with id "option-section". You are not allowed to have that in DOM. You'll have to change the ID property of your second DIV and copy the peace of Javascript that manipulates that section.
          I changed the four <div id="option-section"> to have a *2, *3, and *4 after <div id="option-section* but the problem still remains.
          {{ DiscussionBoard.errors[9854808].message }}
          • Profile picture of the author clumsy
            Originally Posted by Xarcz View Post

            I changed the four <div id="option-section"> to have a *2, *3, and *4 after <div id="option-section* but the problem still remains.
            Did you make any changes in custom.js?
            Signature
            //Check out these funny source code comments
            {{ DiscussionBoard.errors[9854909].message }}
            • Profile picture of the author Xarcz
              Originally Posted by clumsy View Post

              Did you make any changes in custom.js?
              No, I haven't. Should I copy and paste the "option-section" section 3 times, (one for each of the 4 products) and put a 2, 3, and 4 after "option-section* ?
              {{ DiscussionBoard.errors[9857558].message }}
  • Profile picture of the author clumsy
    Not trying to be smart but first thing that website says is "UGC is a small team of software developers"
    The questions you're asking are basic questions that any half decent web developer should know so perhaps you're heading in the wrong direction.
    Signature
    //Check out these funny source code comments
    {{ DiscussionBoard.errors[9860217].message }}

Trending Topics