The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

HTML Page Jquery Code Position

View previous topic View next topic Go down

Solved HTML Page Jquery Code Position

Post by CatherinaAndrea on 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
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 on 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 !

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 on 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
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 on July 21st 2012, 7:48 pm

Were do you want it at

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 on 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
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 on 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
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 on July 24th 2012, 4:23 am

Since the topic is marked as solved...

Topic Solved & Locked

ankillien
Energetic

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

http://www.webartzforum.com/

Back to top Go down

View previous topic View next topic Back to top


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