HTML Page Jquery Code Position

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

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 !

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

by Dark_Code July 21st 2012, 7:48 pm

Were do you want it at

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.

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