Using css on form buttons to make them pretty

Hello,
I usually use the below css (bottom page) on a page for my
form buttons, it
works nicely in ff and IE, but with regards to the W3C CSS
Validator I get
the following errors.
input.btn attempt to find a semi-colon before the property
name. add it
input.btn Property progid doesn't exist : DXImageTransform
input.btn Parse Error DXImageTransform.Microsoft.Gradient
(GradientType=0,
StartColorStr='#ffffffff', EndColorStr='#ffeeddaa');
input.btn Parse Error }
If any one knows how to make this errorless I would be
grateful, it does
appear as a nice botton etc lol
any way if any one has input I am grateful
regards
k
-~-~-~-~-~-~ the page with botton is below -~-~-~-~-~-~
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
<title>Testing css form button</title>
<style type="text/css">
<!--
input.btn {
color:#050;
font-family: Tahoma, Arial, Verdana, Monaco, sans-serif;
font-size:10px;
font-weight:bold;
background-color:#fed;
cursor:pointer;
border:1px solid;
border-top-color:#B2876A;
border-left-color:#B2876A;
border-right-color:#B2876A;
border-bottom-color:#B2876A;
filter:progid:DXImageTransform.Microsoft.Gradient
(GradientType=0,
StartColorStr='#ffffffff', EndColorStr='#ffeeddaa');
-->
</style>
</head>
<body><form action="" method="post">
<p>
<input name="ahithere" type="submit" class="btn"
id="ahithere"
value="Submit">
</form>
</body>
</html>

.oO(Thierry)
>"Michael Fesser" <[email protected]> wrote in message
>news:[email protected]...
>> .oO(Thierry)
>>
>>>Following Micha's advice will make your document
validate, but... this
>>>will
>>>also add a HTTP request.
>>
>> Correct, but only in IE 6. And who really cares
about that?
>>
>> Additionally many modern and sophisticaded layouts
usually need some
>> more workarounds for IE 6 than just a filter here
and an alpha loader
>> there. It makes sense to use a separate stylesheet
for them, because
>> IE-specific hacks in the main stylesheet may cause
even more problems
>> and also affect other browsers.
>
>I used to think that way [1], but I changed my mind...
>imho:
>- keeping rules together facilitate maintenance.
Sure, but some rules are only required for IE. They don't
make sense for
all other browsers and would just clutter up the real CSS,
particularly
if you have to use hacks to apply them to IE only.
>- using CCs for IE may create extra HTTP requests for
that browser only, but
>it adds extra markup for *all* browsers.
Indeed. But how much does it take on each page usually? 50
bytes? 100?
A real example from my own sites with CCs for both IE 6 (CSS
and JS) and
IE 7 (only CSS) is exactly 363 bytes - peanuts.
I also use a lot of 'link' elements for example (next page,
previous,
home, search, etc.) All users have to download them, even
though most
won't recognize them, because only very few browsers support
these meta
navigation links natively. But for those whose browsers
interpret them,
they're a useful addition. And the rest has to download 1KB
more -
doesn't matter.
>- you say who cares about IE6
Hmm, it was not properly worded ... what I meant was more
like this: I
_do_ care about IE 6 (I have to, like most of us), but I
don't really
care if it has to download one or even ten additional files.
In fact on my sites there are some more files for IE 6 only:
a CSS, a
JS, a behaviour file for fixing its PNG issue and maybe some
JPEGs as
replacements where the PNG fix doesn't work. So there are at
least 4
additional files for IE 6 only, but since they're necessary I
don't
worry about these additional HTTP requests.
>but when IE6 is gone for good, you end up
>with unecessary comments in all your documents rather
than useless CSS
>filters in a (few) styles sheets
When IE 6 is dead, it's no problem to remove this single line
from my
page templates. One little change on each site - won't take
long.
And as said, usually there's a bit more than just filters. An
example:
http://static.andreas-pauli.de/css/ie6.css
There's not even a PNG fix in this case. All these rules are
related to
IE's float problems, to give some elements "layout" or to
overcome other
little ugly glitches. Having all these in the main CSS would
make things
much more complicated and almost impossible to remove when IE
6 becomes
obsolete one day.
>- afaik, wellknown IE specific hacks as such as the
*property or _property
>hack are totally safe to use (as long as they are always
followed by a ";")
This is my main problem. No hack is totally safe. If I have
the choice
between a rather ugly, but documented behaviour and a hack, I
definitely
prefer the first one. Even though the common IE hacks are
well-tested
these days and I don't expect real side effects, there's
always a kind
of a negative connotation. I simply don't like them.
Additionally there's the problem that in my case IE 7
requires some
fixes as well, and then things would become really
complicated if you
only want to use hacks. CCs are ugly and pollute the markup a
bit, but
at least they are a reliable way to give each IE the medicine
it needs.
Personally I consider them the only useful & working
feature in IE. ;-)
>fwiw, I'm a strong advocate for markup validation
Me too.
>but I don't care when CSS
>files fail validation (actually I don't expect them to
validate).
Well, I prefer valid CSS too, but don't care too much about
warnings.
For example I usually get tons of warnings when I declare a
foreground
color without a background or the other way round. But this
is by
intention, and since I know what I'm doing (at least in most
cases), I
think I can safely ignore these warnings. But I don't like
errors. And
as said - my main problem are the hacks, which I try to
avoid.
So there's not only technical issues in these cases, but also
a lot of
personal preferences I think. For me CCs are the cleaner way
and much
easier to handle. YMMV, of course.
Micha

Similar Messages

  • When I try to use the Submit Form button on the Interactive PDF I created (IN Design CS6) I get this message. "There is no value in form field 'Program.' Please put in it before proceeding. What can I do to fix this and make the Submit button work?

    When I try to use the Submit Form button on the Interactive PDF I created (In Design CS6), I get this message:
    There is no value in form field "Program." Please put in it before proceeding.
    How can I fix this and make the Submit Form button work?

    Are you running modified software on your phone?  This error seems to be common if the firmware has been modified and you're trying to restore the phone again. 

  • I want to use multiple windows because I can make them different sizes so what keystroke can i use to cycle between them?

    I use Mac 10.4.11 and Firefox 3.6.23
    I have found the keystrokes to cycle tabs but i want a keystroke to cycle windows in firefox because you cant make multiple tabs different sizes or locations to overlap them on screen

    I use Mac 10.4.11 and Firefox 3.6.23
    I have found the keystrokes to cycle tabs but i want a keystroke to cycle windows in firefox because you cant make multiple tabs different sizes or locations to overlap them on screen

  • HT4236 If i accidently transferred several thousand pictures to my iphone  and i want to remove them from my phone how do i get them off the phone. I an check them but i can't find a trash button to make them leave.. Help please.

    I was using help from apple to correct a software  problem which they were able to fix but somehow i got thousands of pictures moved from my macbook pro over onto my phone. I am not able to delete them from my phone as i can only see edit but i can't find  an option of delete or trash to use to get rid of them. For some reason there are pictures there that are not even mine that i desperately would like to get off my phone but can't figure out how to delete when they are in albums and  large quantities. I know how to delete when they are on camera roll as the trash can appears at the bottom of the picture.   Please help me so i don't have to go back for support tomorrow on the phone. I was on for hours today. . .but they did fix my original issue.. i just can't figure this one out.

    In the device sync pages select Photos on the top at the right.
    Un tick Sync Photos
    Apply

  • How can I update multiple rows in table using a single form button and checkboxes

    I have a project where the visitors can select multiple productos and once the click on the PURCHAS button it updates the selected records.

    You have not mentioned the programming language that you are using, but here's a link that could help you if you are using ASP.
    http://csharpdotnetfreak.blogspot.com/2009/05/edit-multiple-records-gridview-checkbox.html
    Also, have a look at this discussion thread
    http://forums.asp.net/t/1470882.aspx

  • Buttons using CSS not working properly

    I am using Dreamweaver CS4.
    I can't get buttons to work properly using CSS.
    The buttons are supposed to have a red border around them when inactive (a:link).
    Hovering over the button causes it to change its appearence (this works).
    Clicking the button works.
    Do this then click the BACK arrow.
    Buttons no longer have red border.
    I have tried this with FireFox, IE 7, IE 6 and Safari. They all do the same thing.
    You may see it in action at www.justforso.net/buttons.htm
    What am I doing wrong???
         .....  Thanks for your help 
    Here is the code:
    /* CSS Document */
    Theme Name: Buttons Test
         margin: 0;
         padding: 0;
    body {
         font: 80%/1.6 Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
         color: black;
    a.example1:link
       font-size:14px;
       font-weight:bold;
       text-decoration:none;
       border-style:outset;
       border-color:red;
       border-width:5px;
       background-color: #FFFFCE;
       width:125px;
       color:navy;
    a.example1:hover
       font-size:14px;
       font-weight:bold;
       text-decoration:none;
       border-style:inset;
       border-color:red;
       border-width:5px;
       background-color: #FFFFCE;
       width:125px;
       color:maroon;
    /* CSS Document */
    /* HTML Document */
    <!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>Buttons Test</title>
    <link rel="stylesheet" href="buttons.css" type="text/css" media="screen" />
    </head>
    <body>
    <p> </p>
    <p> </p>
    <A href="http://www.sitepoint.com/" class="example1"> Beginners </A>
    <A href="http://www.sitepoint.com/" class="example1"> Promotion </A>
    <A href="http://www.sitepoint.com/" class="example1"> Site Point </A>
    </body>
    </html>
    /* HTML Document */

    It's because you have created styles only for the :link and :hover pseudo-classes. Your buttons revert to the default state when the link is active (being clicked) or has been visited. You need to assign properties to the :visited and :active pseudo-classes as well.
    Another point about your CSS is that you're failing to make use of the cascade. There's no need to repeat values that don't change. I have rewritten your CSS like this:
    a.example1
       font-size:14px;
       font-weight:bold;
       text-decoration:none;
       border-width:5px;
       border-color:red;
       background-color: #FFFFCE;
       width:125px;
       color:navy;
    a.example1:link, a.example1:visited {
         border-style:outset;
    a.example1:hover, a.example1:active
       border-style:inset;
       color:maroon;
    This applies common rules to the basic a.example1 selector, and sets the overrides for the pseudo-classes.
    One other point. You're using an XHTML DOCTYPE. All tag names MUST be in lowercase to be valid. This is wrong:
    <A href="http://www.sitepoint.com/" class="example1"> Beginners </A>
    The opening and closing <a> tags should be in lowercase.

  • I made a text nav bar using CSS, and I am trying to get downdown menu's from it?

    Hello,
    I am working through a tutorial book and just created a text navbar with CSS, which I have never done before. Basically it was an Unordered list and then I used the float property right to make them go next to each other. Then created a few more styles to give them padding etc.
    I thought I could go after each list item and now add a group of unordered lists items to pop up when I mouse over., but whatever I try in a new CSS style doesn't work to put them underneath.
    Here is the code  and the style sheet code thus far, and I have colored in blue, the items I wanted to have dropdown menu's come from. Can anyone help me or guide me to where I might find this info? I want to get to the next level, but this is as far as the book goes.
    thanks!
    babs
    @charset "UTF-8";
    body {
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        font-size: small;
        color: #333;
        background-color: #739112;
        text-align: center;
        #container {
        background-color: #FFF;
        width: 840px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        text-align: left;
        background-image: url(images/container_bg.gif);
        background-repeat: repeat-y;
    #header {
        height:80px;
        z-index:1;
        background-color: #9fcc41;
        background-image: url(images/veggies.jpg);
        background-repeat: no-repeat;
        background-position: right;
    #header img {
        margin-top: 20px;
        margin-left: 15px;
    dl {
        color: #000;
        font-size: medium;
        margin-left: 15px;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-weight: bold;
    dd {
        font-size: small;
        margin-bottom: 10px;
        font-weight: normal;
        margin-right: 10px;
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        margin-left: 5px;
        #navigation {
        background-color: #88b036;
        height: 36px;
        width: 100%;
        #footer {
        background-color: #ccc;
        clear: both;
        height: 1%;
        #main {
        float: left;
        width: 520px;
        padding-left: 20px;
    #navigation ul ul {
        float: none;
    #container #navigation ul ul {
        float: none;
        clear: none;
        #sidebar {
        float: right;
        width: 270px;
        background-color: #c8d9bc;
        border-left-width: 2px;
        border-left-style: solid;
        border-left-color: #060;
        #navigation ul li {
        float: left;
        list-style-type: none;
        #navigation ul li a {
        text-decoration: none;
        color: #FFF;
        padding-top: 8px;
        padding-right: 15px;
        padding-bottom: 8px;
        padding-left: 15px;
        display: block;
        #navigation ul {
        margin: 0px;
        padding: 0px;
        #navigation a:hover {
        background-color: #9fcc41;
    <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns=&quot;http://www.w3.org/1999/xhtml">
        <head>
        <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot; />
        <title>OrganicUtopia Home Page</title>
        <style type=&quot;text/css&quot;>
        </style>
        <link href=&quot;styles.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; />
        </head>
    <body>
    <div id="container">
      <div id=&quot;header&quot;><img src=&quot;images/ou_logo.gif&quot; width=&quot;210&quot; height=&quot;41&quot; /></div>
      <div id="navigation">
        <ul>
         <li><a href=&quot;#&quot;>Home</a></li>
          <li><a href=&quot;#&quot;>About US</a></li>
          <li><a href=&quot;#&quot;>Products</a></li>
          <li><a href=&quot;#&quot;>Services</a></li>
          <li><a href=&quot;#&quot;>Contact</a></li>
        </ul>
      </div>
      <div id="main">
        <h1 >Welcome to organic utopia</h1>
        <p>There's big news at OrganicUtopia this month! We've expanded to include 2 new lines of body and earth-friendly products. We now carry bio-degradeable furniture - imagine a couch you can leave on the street that will slowly decompose back into Mother Earth! We also have added recyclable shopping bags, which eliminate the need for the age-old question &quot;paper or plastic?&quot;. These bags are tough, stylish, and eco-friendly!</p>
        <h1 >What do we do?</h1>
        <p> We've got everything from healthy<a href=&quot;#&quot;> lifestyle foods</a> and <a href=&quot;#&quot;>organic gourmet products</a> to other lifestyle products. We also have a full line of eco-friendly furniture, clothes, candles and home furnishings.</p>
        <h1>One stop shoppingOne stop shopping</h1>
        <p>You can find it all here, and our online store makes it easy to order! Pick from carefully selected food, lifestyle and home products and add them to your shopping bag, all from the convenience of home. We even offer free shipping on many items, or save you big dollars by shipping items together.</p>
    <p>You can find it all here, and our online store makes it easy to order! Pick from carefully selected food, lifestyle and home products and add them to your shopping bag, all from the convenience of home. We even offer free shipping on many items, or save you big dollars by shipping items together.</p>
        <h1>Member benefits</h1>
        <p>Anybody can shop at Organic Utopia, members however, enjoy certain benefits. For only $150 a year you will recieve a 20% discount on anything in the store. Additionally, you can take advantage of ordering bulk items when you become a member. There's really no reason *not* to join! <a href=&quot;#&quot;>Learn more.</a></p>
      </div>
      <div id="sidebar">
        <dl>
          <dt>December 20, 2012</dt>
          <dd>Organic Utopia's blowout sale. Lots of great deals on clothing, food, green accessories and more. Big saviings can be found everywhere!</dd>
          <dt>December 21, 2012</dt>
          <dd> All Organic Utopia stores will be closed to non-members as we prepare for the first annual World Age exhibition. Members are encouraged to come to your local store and help prepare for this once-in-a-lifetime event.</dd>
          <dt>December 22, 2012</dt>
          <dd> Community Green up. Volunteer to help clean up your community's neighborhood. </dd>
        </dl>
      </div>
      <div id="footer">Content for  id "footer" Goes Here</div>
    </div>
    </body>
    </html>

    Perhaps it would be helpful for you to view the page source code of this page
    http://www.alanwork.com/
    As you can see, the submenu code links are immediately below the top level code, and are
    wrapped in their own  <UL> </UL> tag pairs.
    Hope that helps

  • I am creating a request for proposal form and I need to add a commission structure field.  I created a table using the ranking field and now I need to delete the "dots/buttons" and turn them into text fields, is this possible?

      I created a table using the ranking field and now I need to delete the "dots/buttons" and turn them into text fields, is this possible?

    It sounds like what you are trying to do is edit the choices in a likert field to something other than the default radio button. This is not something that you can do in Formscentral at this time.
    Andrew

  • Question:   how to resize form buttons in a CSS

    I have a question.   I am trying to implement some PayPal features into my website with some their custom button functionality.   In normal HTML, the buttons look fine.  But using a CSS template, the form buttons get squashed and funny looking.   Is there an easy way to resize them?
    (I'm using Dreamweaver CS4 on a WinVista machine)  
    Any help is greatly appreciated. 
    -ryan

    and here is the ENTIRE CSS file
    CSS Credit: http://www.templatemo.com/
    body {
        margin:0;
        padding:0;
        line-height: 1.5em;
        font-family:  Helvetica, Arial, sans-serif;
        font-size: 11px;
        color: #FFFFFF;
        background: #FFFFFF;
    h1 {
        margin: 0 0 25px 0;
        padding: 10px 0 10px 15px;
        font-size: 20px;
        font-weight: bold;
        color: #ffc601;
        background: #000000;
        border-bottom: 1px solid #b4a08a;
    h2 {
        width: 235px;
        height: 25px;
        padding: 15px 0 0 35px;
        margin: 0 0 25px -10px;
        font-size: 16px;
        color: #6c5b4c;
        background: url(images/left_heading_background.gif) no-repeat;
    h3 {
        margin: 0 0 5px 0;
        padding: 0;
        font-weight: bold;
        font-size: 14px;
        color: #ffc601;   
    h4 {
        margin: 0 0 5px 0;
        padding: 0;
        font-weight: bold;
        font-size: 12px;
        color: #999999;
        text-align: center;
    .rantsection {
        height: 13px;
        margin-bottom: 10px;
    .rantsection img {
        float: left;
        height: 13px;
        width: 13px;
        border: 0px;
        margin-right: 5px;
    a:link, a:visited { color: #999999; text-decoration: none;}
    a:active, a:hover { color: #999999; text-decoration: underline;}
    .more_button a{
        clear: both;
        text-align: center;
        display: block;
        width: 60px;
        padding: 1px 0;
        margin-bottom: 5px;
        background: #6c5b4c;
        border-bottom: 1px solid #a59180;
        color: #FFFFFF;
        font-weight: bold;
        text-decoration: none;
    .download_button a{
        float: right;
        text-align: center;
        width: 65px;
        padding: 1px 0;
        background: #6c5b4c;
        border-bottom: 1px solid #a59180;
        color: #FFFFFF;
        font-weight: bold;
        text-decoration: none;
    img {
        border: 1px solid #6c5b4c;
    /* ----- Form ----- */
    .form_row{
        margin-bottom: 3px;
    form{
        margin: 0;
        padding: 0;
        text-align: right;   
    label {
        margin-right: 10px;
    input{
        width: 130px;
        height: 18px;
        padding: 1px 0;
        line-height: normal;
        color: #99836c;
        border: 1px solid #99836c;
        background: #400a0a;
        font-size: 14px;
    select{
        color: #99836c;
    .button{
        width: 60px;
        line-height: normal;
        margin: 0;
        height: 23px;
    /* End of Form */
    #container {
        margin: 0px auto;
        width: 970px;
        background: url(images/main_background.gif) repeat-y;
    /*------------ Header --------------- */
    #header {
        float: left;
        width: 900px;
        padding: 0 35px;
        margin: 15px 0 10px 0;
    #title {
        float: left;
        width: 300px;
    #sitetitle {
        padding: 30px 0 10px 0;
        font-size: 4.0em;
        font-weight: bold;
        color: #FF9933;
    #sitetitle span{
        font-weight: normal;
        color: #FFFFFF;
    #login {
        float: right;
        margin-top: 25px;
        width: 300px;
    /* -------------- End of Header------------------ */
    /* --------- Banner ---------- */
    #banner {
        clear: both;
        width: 970px;
        height: 256px;
        background: url(images/banner.jpg) no-repeat;
    #banner_text {
        padding: 60px 0 0 225px;
        width: 550px;
    #banner_title{
        margin: 0 0 25px 0;
        padding: 0;
        font-size: 24px;
        font-weight: bold;
        color: #ffc601;
    #banner_text p{
        margin: 0 0 25px 0;
        padding: 0;
    /* --------- End of Banner ---------- */
    /*--- Menu ---*/
    #menu{
        float: left;
        width: 970px;
        height: 51px;
        background: url(images/menu_background.gif) no-repeat;
    #menu ul {
        float: left;
        margin: 0;
        padding: 10px 0 0 40px;
        list-style: none;
    #menu ul li{
        display: inline;
    #menu ul li a{
        float: left;
        width: 140px;
        height: 20px;
        margin-top: 10px;
        padding: 0;
        font-size: 1.1em;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        color: #CCCCCC;
        border-right: 1px solid #CCCCCC;
    #menu ul li .lastmenu{
        border-right: none;
    #menu li a:hover, #menu li .current{
        color: #FFCC33;
    /*--- End of Menu ---*/
    /*--- Content ---*/
    #content {
        float: left;
        margin: 0;
        padding: 0 10px;
        width: 950px;
        color: #FC3;
        text-align: center;
    /*--- Left Column---*/
    #left_column {
        float: left;
        margin: 20px 10px 0 0;
        padding: 0px;
        width: 235px;
    .left_col_box {
        margin: 0 0 25px 25px;
        color: #AAA;   
    .blog_box {
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #220404;
    .blog_box h3 a{
        font-size: 12px;
        color: #d3a401;   
    .blog_box span{
        color: #99836c;
    /*--- End of Left Column---*/
    /*--- Right Column---*/
    #right_column {
        float: right;
        margin: 25px 25px 0 0;
        padding: 0;
        width: 650px;
    .right_panel_fullwidth {
        float: left;
        width: 650px;
        padding: 0 0 25px 0;
    .right_panel_fullwidth img{
        float: left;
        margin: 3px 10px 0 0;
    .right_panel_fullwidth_content {
        float: left;
        width: 620px;
        padding: 0 15px 25px 15px;
    .right_panel_fullwidth_content p{
        text-align: justify;
    #new_released_section {
        float: left;
        width: 650px;
        margin: 0 0 30px 0;
    .new_released_box {
        float: left;
        width: 180px;
        margin: 0 10px 0 15px;
        text-align: center;
    .new_released_box img{
        margin-bottom: 5px;
    #news_section {
        float: left;
        width: 310px;
        margin: 0 25px 0 0;
    .news_box {
        float: left;
        width: 280px;
        margin: 0 15px 25px 15px;
    .news_box img{
        float: left;
        width: 110px;
        margin: 3px 10px 0 0;
        border: 1px solid #333333;
    .news_box p{
        margin: 0;
        padding: 0;
    #topdownload_section {
        float: right;
        width: 300px;
        padding: 0;
        margin: 0;
        background: #99836c;
    .topdownload_box {
        float: left;
        width: 270px;
        padding-bottom: 5px;
        margin: 0 15px 10px 15px;
        color: #24211d;
        font-weight: bold;
        border-bottom: 1px solid #6b5946;
    * html .topdownload_box {
        margin: 0 15px 10px 7px;
    .topdownload_box span{
        font-weight: normal;
    .title_singer{
        float: left;
        width: 200px;
    /*--- End of Right Column---*/
    /*--- End of Content ---*/
    /* ----- Footer ----- */
    #footer {
        clear: both;
        padding: 15px 0;
        width: 950px;
        margin: 0 10px;
        text-align: center;
        color: #000000;
        background: #6c5b4c;
        text-align: center;
    #footer a{
        color: #000000;
    #footer a:hover{
        color: #cccc66;
    /* ----- End of Footer ----- */
    #container #content #right_column #new_released_section .new_released_box h3 {
        text-align: center;

  • How to use css in oracle forms

    Hello,       I am using oracle forms 11g with weblogic server 10.3.5 at windows 7.I have to use CSS in oracle forms.i have tried to search it but no profit.please some one else tell me that how can use css in oracle forms. Thnak You regards aaditya

    Hi
    As Francois pointed out Oracle forms has nothing to do with html based technology. The way you can get the equivalent effect of creating consistancy in the way your objects are displayed is by creating a set of items you want and alter their apperance and behaviour and place them into object libraries (one library should do the trick).  From there you subclass all of you forms items off these libraries.
    Regards
    Quintin

  • I'm using GarageBand 10.0.1. Do the built-in drum tracks only come in mono format, or is it possible to make them true stereo (i.e. Left and Right channels outputing different signals, to sound like the kit has been panned across the stereo field)?

    I'm using GarageBand 10.0.1. Do the built-in drum tracks only come in mono format, or is it possible to make them true stereo (i.e. Left and Right channels putting out different signals, to sound like the kit has been panned across the stereo field)?

    All the Drum Kits available for GarageBand are mixed in stereo.
    Logic provides the same 18 Drum Kits also as "Producer Kits", which are multi-track outputs,. Each Drum Kit Piece (Kick, Snare, HH, etc) and also room mice and overheads are routed to individual channel strips.
    Here is a screenshot of one Drum Kit in Logic Pro X with individual Channels Strips. Each Channel Strip can be loaded with individual effects (compressor) and adduced with individual sends, etc.
    What that means is that all the Drummers are professionally recorded and sampled with individual mics. The Stereo Drums Kits are just "stereo mix-downs" for easier handling and less CPU demand. I explain all the details about the Drummer ecosystem in my graphically enhanced manual "GarageBand X - How it Works"
    Hope that helps
    Edgar Rothermich
    http://DingDingMusic.com/Manuals/
    'I may receive some form of compensation, financial or otherwise, from my recommendation or link.'

  • Placing rollover nav buttons using CSS

    Hi. I'm creating my first website using DW CS3 and I'm having
    problems working out how to include all of the graphics as part of
    the CSS so that I can use different CSSs for different devices.
    I have a set of images I'm using for the navigation buttons
    and I want to add them to table cells using CSS with tags for
    placement but how do I then get the rollover effect without ading
    anything to the actual html code?
    any help gratefully appreciated.
    Thanks.

    If you need to do this then here is an example:
    www.taste-in.com
    The buttons are show/hide with css.
    .rollover {display: block;height: 100%;}
    .rollover img {width: 100%;height: 100%;border: 0;}
    .rollover:hover { visibility: visible; }
    .rollover:hover img { visibility: hidden; }
    #home, #contact, #taste, #about, #tasting, #terms{height:
    92px;}#home {width: 139px;background:
    url(../images/nav/hover/home.jpg);}
    #taste {background: url(../images/nav/hover/taste.jpg);width:
    129px;}
    #about {background: url(../images/nav/hover/about.jpg);width:
    128px;}
    #tasting {background:
    url(../images/nav/hover/tasting.jpg);width: 126px;}
    #terms {background: url(../images/nav/hover/terms.jpg);width:
    128px;}
    #contact {background:
    url(../images/nav/hover/contact.jpg);width: 140px;}--
    CheersPablowww.dellwebsites.com
    "wefollow" <[email protected]> wrote in
    message
    news:e2kequ$nie$[email protected]..
    > If i can...how can I.....
    > I want to import Rollover Buttons from Fireworks to
    Dreamweaver( Css Page)
    > I just start using CSS code.....
    > thank you for reading this message

  • The buttons for the audiofiles are big. Can I make them smaller?

    The buttons for the audiofiles are big. Can I make them smaller?
    Is it possible to scrawl, while an audio file is playing on another page?
    Thank you for your answers.

    I'm afraid the audio is an 'on page' function and will cease playing if you change pages. As to the size of the audio buttons, it is possible to make an image up to replace the standard audio button, but be advised that this just starts the audio, it cannot be used to pause it like the standard button can.
    The standard button is sized so that it is easy to hit with a finger - if you make it too small triggering the audio will become problematic.

  • Place a "reset form" button using livecycle

    I Placed a button on a form called "Clear Form" Now what do I do to reset the form when clicked?  Can I also add a "Are you sure message" with another ok button?

    Thanks for the script. I have a form with radio buttons that make certain fields appear visible/invisible mattering on wheather user chooses yes or no. I used actions to perform the visible/invisible function.
    When using your script i get the Yes/no option in a popup and if I choose yes it correctly clears all my rado buttons and also resets any fields.
    However the no fuction does not seem to be working. If I choose no it still clears out everything, the radio buttons and resets any fields made visible by said radio buttons. As you suggested I added xfa.form.remerge(); which made the visible fields reset.
    Heres the code i used.
    var
    answer = xfa.host.messageBox("Are you sure you want to reset the form?","Confirmation Required !!!",2,2);
    if
    (answer ==4)
      xfa.host.resetData();
    xfa.form.remerge();

  • In Lion, sometimes clicking on close button or tabs doesn't respond as if the buttons aren't there, i have to move the cursor away and move back to make them work again, anyone can help me?

    I'm not sure if anyone had run into this issue. Clicking the same place on the display sevral times will cause the click to stop working. For example, if i open safari and click on the Show Reading List button, it will work the first time i click it, but stop responding to my command as i click more, as if the button is not there, i have to move away the cursor and click somewhere else and move back to click the button to make it work again. And it happened everywhere, not just the show reading list button. The scrolling and moving are normal.
    In fact, I have my trackpad replaced in an apple store for this issue but it turned out this is not a hardware problem, and it is not only my problem. Ironically, i found the same issue on several of the demo Macs inside the apple store. So anyone can help me here? Thanks.

    Hi manni394, what version of Firefox are you running now?
    Firefox 22 has a new way of setting the default zoom level: it is based on your Windows font size setting. So, if you set Windows fonts to 125% (enlarged 25%), your Firefox pages also will be enlarged 25%. On pages that do not adjust their layout, you may get a horizontal scroll bar.
    To reduce the zoom on a page, hold Ctrl and tap the - key (the one on the numeric keypad or the one on the number row of the keyboard). The zoom should be reduced for each tap.
    If you want to globally adjust your zoom level to be lower, you can use either of these add-ons:
    * [https://addons.mozilla.org/firefox/addon/default-fullzoom-level/ Default FullZoom Level]
    * [https://addons.mozilla.org/firefox/addon/nosquint/ NoSquint]
    If you already have one of those add-ons, check the default/global zoom level in case it needs to be adjusted.

Maybe you are looking for

  • Is my hard drive dead (zeroing out data)?

    I tried installing Snow Leopard to no avail (it was progressing, but it was at ~70 percent or so after like 8 hours, so obviously something is wrong). So I put the SL disk back in and decided to format the drive and zero out the data. It's saying "Wr

  • Why cant I restore a new installation of iTunes from  an iCloud backup to my iPad

    I recently had a virus and had to reinstall a new copy of Windows, in doing this I also had to reinstall iTunes, I always thought the idea of iCloud was that if you ended up with the situation that I was in then you could restore your equipment to th

  • Stand-alone JNDI lookup of an EJB in an Enterprise Application (EAR) build

    Hi All, I am having some difficulty doing JNDI look up an EJB 3.0 Bean that is part of an Enterprise Application (EAR) build. Below are all the related codes: package ejb; import javax.ejb.Local; @Local public interface Hello1Local {     public Strin

  • Printing Logo with Zebra 105SL

    Moderator message: Do not offer points Hi All, I want to print company logo in the goods label but am unable to do so. I tried using ~DG command in SAPScript for downloading graphics in the zebra printer like: Format ~DGd:o.x,t,w,data where data is t

  • ServiceLifecycle supported on Weblogic 10.3.3?

    For test, create simple webservice, method init or destroy never called(start,stop,redeploy). package he; import java.rmi.RemoteException; import javax.jws.WebMethod; import javax.jws.WebService; import javax.xml.rpc.server.ServiceLifecycle; @WebServ