Using CSS3 Aqua Buttons, can't link them to my pages.

Hello all,
If someone can please help me with this issue im having. Im trying to use these widgets buttons and create links to various pages. For some reason when I put the ex. About.html in the link section after applying it dissapears out of the link space. Check out my youtube video on what im talking about. thank you
e

<!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=utf-8" />
<title>Untitled Document</title>
<link href="cnkglobal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/* BeginOAWidget_Instance_2512022: #aquabutton */
          @font-face {
                    font-family: 'HighlandGothicFLFRegular';
                    src: url('fonts/HighlandGothicFLF.eot');
                    src: local('HighlandGothicFLF Regular'), local('HighlandGothicFLF'), url('fonts/HighlandGothicFLF.ttf') format('truetype');
#aquabutton.button{
          width: 75px;
          height: 30px;
          padding: 5px 16px 3px;
          -webkit-border-radius: 20px;
          -moz-border-radius: 20px;
          border: 1px solid #ccc;
          position: absolute;
          /* Label */
/* Label */
          font-family: HighlandGothicFLFRegular, Helvetica, sans-serif;
          font-size: 12px;
          color: #fff;
          font-color: #ababab;
          text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
          text-align: center;
          vertical-align: center;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          left: 401px;
          top: 18px;
#aquabutton.aqua{
background-color: rgba(60, 132, 198, 0.8);
background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#990000), to(#999999));
border-top-color: #990000;
border-right-color: #999999;
border-left-color: #999999;
border-bottom-color: #999999;
-webkit-box-shadow: #000000 0px 10px 16px;
-moz-box-shadow: #000000 0px 10px 16px; /* FF 3.5+ */
#aquabutton .button .glare {
position: absolute;
padding: 8px 0;
#aquabutton.button .glare {
          position: absolute;
          align: center;
          -webkit-border-radius: 8px;
          -moz-border-radius: 8px;
          height: 20px;
          width: 75px;
          background-color: rgba(255, 255, 255, 0.25);
          background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
          left: 17px;
          top: 5px;
#aquabutton.button:hover {
                              text-shadow: rgb(255, 255, 255) 0px 0px 5px;
/* EndOAWidget_Instance_2512022 */
</style>
<script type="text/xml">

</script>
<style type="text/css">
/* BeginOAWidget_Instance_2512022: #aquabutton_2 */
          @font-face {
                    font-family: 'HighlandGothicFLFRegular';
                    src: url('fonts/HighlandGothicFLF.eot');
                    src: local('HighlandGothicFLF Regular'), local('HighlandGothicFLF'), url('fonts/HighlandGothicFLF.ttf') format('truetype');
#aquabutton_2.button{
          width: 75px;
          height: 30px;
          padding: 5px 16px 3px;
          -webkit-border-radius: 20px;
          -moz-border-radius: 20px;
          border: 1px solid #ccc;
          position: absolute;
          /* Label */
/* Label */
          font-family: HighlandGothicFLFRegular, Helvetica, sans-serif;
          font-size: 12px;
          color: #fff;
          font-color: #ababab;
          text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
          text-align: center;
          vertical-align: center;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          left: 520px;
          top: 18px;
#aquabutton_2.aqua{
background-color: rgba(60, 132, 198, 0.8);
background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#990000), to(#999999));
border-top-color: #990000;
border-right-color: #999999;
border-left-color: #999999;
border-bottom-color: #999999;
-webkit-box-shadow: #000000 0px 10px 16px;
-moz-box-shadow: #000000 0px 10px 16px; /* FF 3.5+ */
#aquabutton_2 .button .glare {
position: absolute;
padding: 8px 0;
#aquabutton_2.button .glare {
          position: absolute;
          align: center;
          -webkit-border-radius: 8px;
          -moz-border-radius: 8px;
          height: 20px;
          width: 75px;
          background-color: rgba(255, 255, 255, 0.25);
          background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
          left: 18px;
#aquabutton_2.button:hover {
                              text-shadow: rgb(255, 255, 255) 0px 0px 5px;
/* EndOAWidget_Instance_2512022 */
</style>
<style type="text/css">
/* BeginOAWidget_Instance_2512022: #aquabutton_3 */
          @font-face {
                    font-family: 'HighlandGothicFLFRegular';
                    src: url('fonts/HighlandGothicFLF.eot');
                    src: local('HighlandGothicFLF Regular'), local('HighlandGothicFLF'), url('fonts/HighlandGothicFLF.ttf') format('truetype');
#aquabutton_3.button{
          width: 80px;
          height: 30px;
          padding: 5px 16px 3px;
          -webkit-border-radius: 20px;
          -moz-border-radius: 20px;
          border: 1px solid #ccc;
          position: absolute;
          /* Label */
/* Label */
          font-family: HighlandGothicFLFRegular, Helvetica, sans-serif;
          font-size: 12px;
          color: #fff;
          font-color: #ababab;
          text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
          text-align: center;
          vertical-align: center;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          left: 636px;
          top: 19px;
#aquabutton_3.aqua{
background-color: rgba(60, 132, 198, 0.8);
background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#990000), to(#999999));
border-top-color: #990000;
border-right-color: #999999;
border-left-color: #999999;
border-bottom-color: #999999;
-webkit-box-shadow: #000000 0px 10px 16px;
-moz-box-shadow: #000000 0px 10px 16px; /* FF 3.5+ */
#aquabutton_3 .button .glare {
position: absolute;
padding: 8px 0;
#aquabutton_3.button .glare {
position: absolute;
align:center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
height: 20px;
width: 80px;
background-color: rgba(255, 255, 255, 0.25);
background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
#aquabutton_3.button:hover {
                              text-shadow: rgb(255, 255, 255) 0px 0px 5px;
/* EndOAWidget_Instance_2512022 */
</style>
<style type="text/css">
/* BeginOAWidget_Instance_2512022: #aquabutton_4 */
          @font-face {
                    font-family: 'HighlandGothicFLFRegular';
                    src: url('fonts/HighlandGothicFLF.eot');
                    src: local('HighlandGothicFLF Regular'), local('HighlandGothicFLF'), url('fonts/HighlandGothicFLF.ttf') format('truetype');
#aquabutton_4.button{
          width: 80px;
          height: 30px;
          padding: 5px 16px 3px;
          -webkit-border-radius: 20px;
          -moz-border-radius: 20px;
          border: 1px solid #ccc;
          position: absolute;
          /* Label */
/* Label */
          font-family: HighlandGothicFLFRegular, Helvetica, sans-serif;
          font-size: 12px;
          color: #fff;
          font-color: #ababab;
          text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
          text-align: center;
          vertical-align: center;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          left: 757px;
          top: 19px;
#aquabutton_4.aqua{
background-color: rgba(60, 132, 198, 0.8);
background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#990000), to(#999999));
border-top-color: #990000;
border-right-color: #999999;
border-left-color: #999999;
border-bottom-color: #999999;
-webkit-box-shadow: #000000 0px 10px 16px;
-moz-box-shadow: #000000 0px 10px 16px; /* FF 3.5+ */
#aquabutton_4 .button .glare {
position: absolute;
padding: 8px 0;
#aquabutton_4.button .glare {
position: absolute;
align:center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
height: 20px;
width: 80px;
background-color: rgba(255, 255, 255, 0.25);
background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
#aquabutton_4.button:hover {
                              text-shadow: rgb(255, 255, 255) 0px 0px 5px;
/* EndOAWidget_Instance_2512022 */
</style>
<style type="text/css">
/* BeginOAWidget_Instance_2512022: #aquabutton_5 */
          @font-face {
                    font-family: 'HighlandGothicFLFRegular';
                    src: url('fonts/HighlandGothicFLF.eot');
                    src: local('HighlandGothicFLF Regular'), local('HighlandGothicFLF'), url('fonts/HighlandGothicFLF.ttf') format('truetype');
#aquabutton_5.button{
          width: 80px;
          height: 30px;
          padding: 5px 16px 3px;
          -webkit-border-radius: 20px;
          -moz-border-radius: 20px;
          border: 1px solid #ccc;
          position: absolute;
          /* Label */
/* Label */
          font-family: HighlandGothicFLFRegular, Helvetica, sans-serif;
          font-size: 12px;
          color: #fff;
          font-color: #ababab;
          text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
          text-align: center;
          vertical-align: center;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          left: 877px;
          top: 20px;
#aquabutton_5.aqua{
background-color: rgba(60, 132, 198, 0.8);
background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#990000), to(#999999));
border-top-color: #990000;
border-right-color: #999999;
border-left-color: #999999;
border-bottom-color: #999999;
-webkit-box-shadow: #000000 0px 10px 16px;
-moz-box-shadow: #000000 0px 10px 16px; /* FF 3.5+ */
#aquabutton_5 .button .glare {
position: absolute;
padding: 8px 0;
#aquabutton_5.button .glare {
position: absolute;
align:center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
height: 20px;
width: 80px;
background-color: rgba(255, 255, 255, 0.25);
background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
#aquabutton_5.button:hover {
                              text-shadow: rgb(255, 255, 255) 0px 0px 5px;
/* EndOAWidget_Instance_2512022 */
</style>
<link href="jQuery/css/style.css" rel="stylesheet" type="text/css" />
<script src="includes/jquery-1.4.2.js" type="text/javascript"></script>
<script src="jQuery/js/jquery.jsocial.js" type="text/javascript"></script>
</head>
<body>
<div id="aquabutton" class="button aqua">
<div class="glare"></div>
HOME </div>
<h1 align="center"> </h1>
<h1 align="center"><img src="RedBlock.PNG" width="941" height="366" /></h1>
<p align="center"><img src="ServicesImage.PNG" width="941" height="151" usemap="#Map" border="0" />
<map name="Map" id="Map">
    <area shape="rect" coords="58,55,141,85" href="Services.html" target="_self" alt="Services" />
</map>
</p>
<div id="aquabutton_2" class="button aqua">
<div class="glare"></div>
ABOUT </div>
<div id="aquabutton_3" class="button aqua">
<div class="glare"></div>
SERVICES </div>
<div id="aquabutton_4" class="button aqua">
<div class="glare"></div>
REVIEWS </div>
<div id="aquabutton_5" class="button aqua">
<div class="glare"></div>
CONTACT </div>
<table width="795" height="281" border="1" align="center">
<tr>
    <td width="212" bgcolor="#CCCCCC" class="frontpagefont">Our company was founded in 2008 and has been providing top notch computer repair service.Check out below the various services we offer for your computer needs. Listed below are the various services we offer for your computer needs. There is nothing that we can't fix. We are the one and only computer alchemist! Welcome.</td>
    <td width="212" bgcolor="#CCCCCC"><h3 align="justify">We offer flat rate reliable service, windows based desktop, laptop, network setup, apple repair service and laptop loaner options and guaranteed service. CnK Technologies®, we are the computer repair alchemist! 724-759-4895</h3>    </td>
</tr>
</table>
<div class="social"></div>
<script type="text/javascript">
// BeginOAWidget_Instance_2149023: #social
          $('.social').jsocial({
                              twitter                    : '',
                              facebook          : 'facebook.com/CnkTechnologies',
                              flickr                    : '',
                              delicious          : '',
                              linked                    : '',
                              youtube                    : 'youtube.com/ccoaston2008',
                              feed                    : '',
                              friendfeed          : '',
                              digg                    : '',
                              lastfm                    : '',
                              center                    : false,
                              inline                    : true,
                              small                    : false,
                              newPage                    : false
// EndOAWidget_Instance_2149023
</script>
<p> </p>
</body>
</html>

Similar Messages

I can log into my yahoo home page using Firefox. I can't link from my yahoo page to yahoo mail using Firefox. Help!

I get a failure message saying: “The requested URL /mc/welcome was not found on this server. Apache/2.2.9 (Debian) PHP/5.2.6-1+lenny9 with Suhosin-Patch Server at us.mc1120.mail.yahoo.com Port 80″ I have deleted all cookies, flushed my DNS and temp files. Problem persists... I have uninstalled and reinstalled Firefox 3.6 and then upgraded to Firefox 4. Firefox appears to function okay in all my other browsing use. If I use IE as a browser The yahoo mail link functions correctly. I suspect that Firefox or an add-on that I don’t see listed under tools/ add-ons may be rejecting the URL “redirect” as a Phishing .attempt??? This has been going on for 2 weeks several attempts a day. Don’t just say the server is busy , try later because Firefox fails, IE works as well as the IE Tab for Firefox problem revolves around Firefox and yahoo email. I have run Norton and Spy sweeper too no problems. When I enable the Google toolbar I will get a similar error "Oops! This link appears broken." Any Help GREATLY appreciated!

"Clear the Cache": Tools > Options > Advanced > Network > Offline Storage (Cache): "Clear Now"
"Remove the Cookies" from sites causing problems: Tools > Options > Privacy > Cookies: "Show Cookies"
If clearing the cookies doesn't help then it is possible that the file ''cookies.sqlite'' that stores the cookies is corrupted.
You can rename (or delete) '''cookies.sqlite''' (cookies.sqlite.old) and delete '''cookies.sqlite-journal''' and '''cookies.txt''', if they exist, in the [http://kb.mozillazine.org/Profile_folder_-_Firefox Profile Folder] in case cookies.sqlite got corrupted.
See [[Cannot log in to websites]] (Remove corrupt cookies file) - See also http://kb.mozillazine.org/Websites_report_cookies_are_disabled (Other Solutions)

Where are my designs stored when using Adobe CC and can i access them if i cancel ?

where are my designs stored when using Adobe CC and can i access them if i cancel ?

This is answered in the CC FAQ: http://www.adobe.com/products/creativecloud/faq.html

HT1495 I have moved to live in Abu Dhabi. I have an iPhone with UK chip that I need to keep for UK contact and business, but now want to buy an iPhone in Abu Dhabi with a UAE chip for local use in AUH. Can I have them both sync'd, and also my other device

I have moved to live in Abu Dhabi. I have an iPhone with UK chip that I need to keep for UK contact and business, but now want to buy an iPhone in Abu Dhabi with a UAE chip for local use in AUH. Can I have them both sync'd, and also my other devices??

SkyDaughter29 wrote:
My current situation: I have soooo many texts on my iphone and I haven't deleted many because I need the information contained in them for future reference and for legal purposes. I would really like to find a means and way to save them other than on the phone itself. I've done searches for various apps yet I'm not finding what I think I would need. It appears Apple does not sync the texts between the iphone and my MacBook Pro.
Try the computer apps PhoneView (Mac) or TouchCopy (Mac & PC):
http://www.ecamm.com/mac/phoneview/
http://www.wideanglesoftware.com/touchcopy/index.php
Best of luck.

I have created some movies using After Effects but can't open them now because I get the following message:

I have created some movies using After Effects but can't open them now because I get the following message:
Ray-tracing on the GPU requires an approved NVIDIA graphics card and CUDA 5.0 or later. For now, ray-tracing will use the GPU.
After installing CUDA 5.0 or later, restart your computer.
For more information see: http//www.adobe.com/go/aeraytracedgpu
HELP. I have a project that needs to be delivered.

The alert message is just telling you that a specific feature won't use the GPU. This message is innocuous. It only means that the processing of one specific, obsolete feature will use the CPU, not the GPU.
Are you saying that After Effects won't start or open your project?

If I don't use the GB. Can I cancel them?

If I don't use the GB. Can I cancel them?

Always confused me tho, is the fact that if you pay before hand for your gb package, why you cannot carry them over. you have paid for them afterall, !!

HT1977 I have an IPhone 4 and my daughter has an IPod ( new version). I have my own password to my ITunes account and can control purchases. Problem is her ITunes account, diff password, my credit card. How can I link them?

I have an IPhone 4 my daughter the newest IPod. Our ITunes accounts are not linked and have 2 separate passwords. i would like to link them so I can have the passwork and therefore control the charging on my credit card. How can I do this?

C Mawle wrote:
Thanks. I have followed all the instructions as recommended and nothing has worked so it looks like the restore/update may have been interrupted - would loss of internet connection do this?
Yes it would, possibly even brick it.
Have successfully connected my ipod nano with iTunes so looks like the device driver is working.
Can I use my ipod nano USB connector to check?
It is not much help to you, since the device that you need still not recognized.
Anyway looks like I may have to swallow the loss of data. Have set-up a call for tomorrow with Apple support so will wait until after this before doing the factory restore!
Good luck, but if you expect miracle from that call good luck again.

I have different icloud accounts can I link them

Can I link more than one Icloud account to one device

You can add another iCloud accout by going to Settings>Mail,Contacts,Calendars>Add Account>iCloud. There are some limitations on what you can sycn with a secondary account that you will want to read about first. They are discussed here: http://support.apple.com/kb/ts4020.

How can I link to a jsp page from another jsp page within websphere portal?

Afternoon all,
I have a websphere portlet which displays a jsp page. I want to put a hyperlink on the jsp page which when clicked will open another jsp page.
Does anyone know how to do this?
Thanks,
Alex

The anchor tag is the correct one for generating clickable links.
<jsp:forward> is for transferring control at the server end. Its when you decide to change which page you want to show the user. ie check user is logged in. If not then forward them to login page, else display current page.
I tried that. It does open the jsp page
but the place and page links in the portal theme get screwed up.Whats mucked up about them? Do they point where they shouldn't?
You might try using a <base> tag to set where relative links are resolved from.
Cheers,
evnafets

I'm using Windows XP2. Can't open my "iTunes Store" page. Have to struggle to get to my library. Have uninstalled/reinstalled multiple times. Cleared associate apps in Add/Remove. Re-booted after every operation. No change. Still opens in library.

I'm using a Windows XP (32 Bit). I can't open my "iTunes Store" page. I have to struggle just to open the iTunes icon. When I do, it opens directly to my music library. When I try to click to the iTunes Store, it opens to a blank page with the words "iTunes Store" embossed in gray in the middle of the page. That's it! NO GRAPHICS! I even tired the "Diagnostics" test. It shows that there is a disconnect with the internet and the iTunes Store. When I clicked the "Help" button next to it, it opened to a totally blank page. Nothing. I'm trying to sync an iPad 2 to iTunes on that computer. It shows on the computer that the apps have been synced, but they are not present on the iPad. Just as a note: the apps and info in the account has been loaded on the computer via 3Gs and then a 4S phone. Thank you for any and all help in this matter.

Hi Andre V.,
When having iTunes Store connectivity issues, the following articles provide the best solutions:
Can't connect to the iTunes Store
http://support.apple.com/kb/TS1368
iTunes: Advanced iTunes Store troubleshooting
http://support.apple.com/kb/TS3297
Thanks,
Matt M.

Since updating Firefox to 6.0, my Quicktime Pro on Mac OSX 10.6.8 won't allow me to save MP3s, although I can listen to them on the page.

I recently updated Firefox to 6.0 and it quit allowing me to save any mp3s downloaded to the page, although I can still play them in Firefox.
For a very brief time, I was able to save them after the update, and I believe it has something to do with bit rate, as I was asked whether I wanted to increase the bit rate. I clicked yes, but didn't take note of whether it was 32, 64 or something else.
Next time I restarted Firefox, it went back to the original setting and I don't know how to change it. I even purchased another copy of Quicktime to see if that would help, but it didn't.
I'm also having this problem in Safari, so it's probably a Quicktime fix, rather than Firefox, but if there's anything you can tell me, I'd really appreciate it.
Apparently, there are third-party Quicktime softwares that will help, but I don't know what they are or what they do. Can you help, please?

If you upgrade to Lion it comes bundeled with it!
To get it on your Mac Pro just copy the aplication from the aplication folder on your MacBook. You can do this via a thumb drive or over a local network connection.

Some apps moved to settings; how can I get them to home page

I thought my problems were solved, but now I have a new one. Some of my apps disappeared. I found them in settings. How can I get them back to my
homepages and how did this happen?

Thanks....yes, I realized this after Carolyn explained how apps work. I am not new to computers or to macs, but I AM new to apps, and I'm struggling with learning how they work. I had noticed that they were no longer on my homepage, and then, in searching around for them, I saw them in settings. Then the question was: how the heck do I get them where I want them? Didn't even think about them being in iTunes! I love knowing I can shuffle the apps around there instead of trying to slide them from one home page to another (not easy in my view!).
I have to say that without this discussion board, I would never have figured out this iPad. 15 years ago I bought my first computer and learned the whole thing on my own without any tutoring, but this iPad is totally confusing. I am just now beginning to see how it works and am actually just now beginning to do a little troubleshooting without help. But, it's been a long, hard road!

Webpage the links are big buttons. can I revert them back to normal links

this may not be a firefox specfic question but I can't seem to find a answer thru google.
On my work webpage the links are now inside large buttons (link-buttons?)
they work as before but I cannot copy/paste the links as before. and they take up too space

Bitten by Zoom. As in Settings / General / Accessibility / Zoom. I guess you'll have to do the three finger dance till it zooms back down.

Popup window without using a command button or command link in Adf10g

Hi,
I need to show a table in a popup window on clicking in a component in the jspx page. The component can't be a command button or a command link, so i can't use 'useWindow' or 'useDialog'. What can be done in such a case. I am using Jdev version 10.1.3.
I doubt if <af:dialog> or <af:popup> components are available in ADF10g.

Hi,
There's a way, but frakly I would try to change the functional side instead of trying it. Anyhow, if you want to do it, you'll have to use a combination of autoSubmit/onclick along with DialogService.launchDialog (accessible through AdfFacesContext), but that's a very obscure part of the framework.
Regards,
~ Simon

Use a html:button as a Link ???

Hi,
i work on a little projekt with JSP(structs) and my JSP knowledge is not good :/
My Problem is that i have a page with Links <html:link> but i want to use buttons as Link.
<html:button property="test" ....> Testbutton </html:button>
i create an action (Test.do) that open a new site but where do i write this action in die Tag ???
onclick will not work :(
bye Taki

hi
u want to provide a link by using button, then use like this
location.href ="..path.."
-Hari.

Using CSS3 Aqua Buttons, can't link them to my pages.

Similar Messages

Maybe you are looking for