The forum of the forums

Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
4 posters

    HTML Page Jquery Code Position

    CatherinaAndrea
    CatherinaAndrea
    CatherinaAndrea
    Forumember


    Female Posts : 230
    Reputation : 19
    Language : English, Russian, Dutch
    • Post n°1

    Solved HTML Page Jquery Code Position

    Post by CatherinaAndrea July 21st 2012, 2:36 pm

    Where do i put this code:
    Code:
    <script type="text/javascript"src="http://m3rcs.forummotion.com/10000.js"></script>

    Into this one:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml"><head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

      <style>    body { ...

    Thank you in advance Wink


    Last edited by CatherinaAndrea on July 22nd 2012, 8:07 pm; edited 1 time in total
    • Back to top
    DailyTeens
    avatar
    DailyTeens
    New Member


    Posts : 22
    Reputation : 1
    Language : Bosnian, Englsih
    • Post n°2

    Solved Re: HTML Page Jquery Code Position

    Post by DailyTeens July 21st 2012, 2:48 pm

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"><head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso8859-1"/>
    <head>
    <script type="text/javascript"src="http://m3rcs.forummotion.com/10000.js"></script>
    </head>

    <style> body { ...

    First you need to add the head tags and then the script. Hope I helped !
    • Back to top
    CatherinaAndrea
    CatherinaAndrea
    CatherinaAndrea
    Forumember


    Female Posts : 230
    Reputation : 19
    Language : English, Russian, Dutch
    • Post n°3

    Solved Re: HTML Page Jquery Code Position

    Post by CatherinaAndrea July 21st 2012, 7:25 pm

    Ok i got the Jquery code working on my HTML Page.


    http://m3rcs.forummotion.com/h2-tac-home

    Now i've been trying so many things but none work so i'm out of ideas. The button seems to stick to the top left. Is there any way of getting it to be aligned with the container or content.

    this is the code:
    Code:

        /********************* Navigation ****************************/

    ul#topnav {
            float: left;
       list-style: none;
       font-size: 12px;
    }
    ul#topnav li{
            float: left;
       overflow: hidden;  /*--Important - Masking out the hover state by default--*/
       height:97px;
       width: 80px;
    }
    ul#topnav a, ul#topnav span { /*--The  and  share the same properties since the  will be a duplicate of the  tag--*/
            float: left;
       text-decoration: none;
       color: #fff;
       background: url(http://i216.photobucket.com/albums/cc174/ToxiCure/Empty_3.jpg) repeat-x;
       clear: both;
       width: 80px;
       height: 97px;
       line-height: 120px; /*--Vertical alignment of text--*/
    }
    ul#topnav a{ /*--This is basically the hover state of navigation--*/
       color: #fff;
       background: url(http://i216.photobucket.com/albums/cc174/ToxiCure/Empty_3_Hover.jpg) repeat-x;
       background-position: left bottom;
    }
    ul#topnav span{ /*--Default state of navigation--*/
       background-position: left top;
    }
    • Back to top
    Dark_Code
    Dark_Code
    Dark_Code
    Forumember


    Male Posts : 91
    Reputation : 4
    Language : CSS
    Location : Modesto
    • Post n°4

    Solved Re: HTML Page Jquery Code Position

    Post by Dark_Code July 21st 2012, 7:48 pm

    Were do you want it at
    • Back to top
    CatherinaAndrea
    CatherinaAndrea
    CatherinaAndrea
    Forumember


    Female Posts : 230
    Reputation : 19
    Language : English, Russian, Dutch
    • Post n°5

    Solved Re: HTML Page Jquery Code Position

    Post by CatherinaAndrea July 21st 2012, 8:14 pm

    either aligned with the left side of the page content even when more buttons are added, or center of the page content.
    • Back to top
    CatherinaAndrea
    CatherinaAndrea
    CatherinaAndrea
    Forumember


    Female Posts : 230
    Reputation : 19
    Language : English, Russian, Dutch
    • Post n°6

    Solved Re: HTML Page Jquery Code Position

    Post by CatherinaAndrea July 22nd 2012, 1:06 pm

    CSS Code:
    Code:

        /********************* Navigation ****************************/

    ul#topnav {
            float: left;
      list-style: none;
      font-size: 12px;
    }
    ul#topnav li{
            float: left;
      overflow: hidden;  /*--Important - Masking out the hover state by default--*/
      height:97px;
      width: 80px;
    }
    ul#topnav a, ul#topnav span { /*--The  and  share the same properties since the  will be a duplicate of the  tag--*/
            float: left;
      text-decoration: none;
      color: #fff;
      background: url(http://i216.photobucket.com/albums/cc174/ToxiCure/Empty_3.jpg) repeat-x;
      clear: both;
      width: 80px;
      height: 97px;
      line-height: 120px; /*--Vertical alignment of text--*/
    }
    ul#topnav a{ /*--This is basically the hover state of navigation--*/
      color: #fff;
      background: url(http://i216.photobucket.com/albums/cc174/ToxiCure/Empty_3_Hover.jpg) repeat-x;
      background-position: left bottom;
    }
    ul#topnav span{ /*--Default state of navigation--*/
      background-position: left top;
    }

    HTML Code:
    Code:

    <ul id="topnav">
        <li><a href="http://m3rcs.forummotion.com"><center>Home</center></a></li>
    </ul>


    Can anyone help me align the button to the left of the page content or center?

    http://m3rcs.forummotion.com/h2-tac-home

    Thanks in advance Wink
    • Back to top
    ankillien
    ankillien
    ankillien
    Energetic


    Posts : 5198
    Reputation : 129
    Language : English, XHTML, CSS, JS, PHP, SQL
    • Post n°7

    Solved Re: HTML Page Jquery Code Position

    Post by ankillien July 24th 2012, 4:23 am

    Since the topic is marked as solved...

    Topic Solved & Locked
    • Back to top

      Current date/time is September 23rd 2024, 3:31 am