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.

HTML Page Jquery Code Position

4 posters

Go down

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
CatherinaAndrea
CatherinaAndrea
Forumember

Female Posts : 230
Reputation : 19
Language : English, Russian, Dutch

http://www.nailphanatic.com/

Back to top Go down

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 !
avatar
DailyTeens
New Member

Posts : 22
Reputation : 1
Language : Bosnian, Englsih

Back to top Go down

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;
}
CatherinaAndrea
CatherinaAndrea
Forumember

Female Posts : 230
Reputation : 19
Language : English, Russian, Dutch

http://www.nailphanatic.com/

Back to top Go down

Solved Re: HTML Page Jquery Code Position

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

Were do you want it at
Dark_Code
Dark_Code
Forumember

Male Posts : 91
Reputation : 4
Language : CSS
Location : Modesto

http://csshelp.ipbhost.com/

Back to top Go down

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.
CatherinaAndrea
CatherinaAndrea
Forumember

Female Posts : 230
Reputation : 19
Language : English, Russian, Dutch

http://www.nailphanatic.com/

Back to top Go down

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
CatherinaAndrea
CatherinaAndrea
Forumember

Female Posts : 230
Reputation : 19
Language : English, Russian, Dutch

http://www.nailphanatic.com/

Back to top Go down

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
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum