Slider with Synth - Problems setting tick and text color

Hi,
I'm currently using Synth and I'm having some problems with sliders. The sliders appear and work fine, although I can't seem to change the color of the ticks and text.
I would like the ticks and text to be orange, but it seems to default to black. I tried changing this in the Slider section of my Synth file (see below) but with no luck.
Would anyone have any suggestions?
Thanks in advance for your help.
   
   
   
   <style id="SliderTrackStyle">
      <imagePainter method="sliderTrackBackground" path="images/Slider/slider_track.png"
                    sourceInsets="7 7 7 7" destinationInsets="7 7 7 7" paintCenter="true"
                    stretch="true" center="false" />
      <state value="DISABLED">
         <imagePainter method="sliderTrackBackground" path="images/Slider/slider_track_disabled.png"
                       sourceInsets="7 7 7 7" destinationInsets="7 7 7 7" paintCenter="true"
                       stretch="true" center="false" />
      </state>
   </style>
   <bind style="SliderTrackStyle" type="region" key="SliderTrack" />
   
   
   
   <style id="SliderThumbStyle">
      <font name="Arial" size="1" style="BOLD"/>
      <state>
         
         <color type="TEXT_FOREGROUND" value="#8f5f00"/>
         <imagePainter method="sliderThumbBackground" direction="horizontal"
                       path="images/Slider/slider_thumb.png" center="true" />
         <imagePainter method="sliderThumbBackground" direction="vertical"
                       path="images/Slider/slider_thumb.png" center="true" />
      </state>
      <state value="PRESSED">
         
         <color type="TEXT_FOREGROUND" value="#8f5f00"/>
         <imagePainter method="sliderThumbBackground" direction="horizontal"
                       path="images/Slider/slider_thumb_pressed.png" center="true" />
         <imagePainter method="sliderThumbBackground" direction="vertical"
                       path="images/Slider/slider_thumb_pressed.png" center="true" />
      </state>
      <state value="DISABLED">
         <imagePainter method="sliderThumbBackground" direction="horizontal"
                       path="images/Slider/slider_thumb_disabled.png" center="true" />
         <imagePainter method="sliderThumbBackground" direction="vertical"
                       path="images/slider_thumb_disabled.png" center="true" />
      </state>
   </style>
   <bind style="SliderThumbStyle" type="region" key="SliderThumb" />
   
   
   
   <style id="SliderStyle">
      <property key="Slider.paintValue" type="boolean" value="false" />
      <property key="Slider.thumbWidth" type="integer" value="14" />
      <property key="Slider.thumbHeight" type="integer" value="14" />
      
      
   </style>
   <bind style="SliderStyle" type="region" key="Slider" />Edited by: robben07 on May 18, 2010 7:36 AM

I put the following code in the Title and it worked...
<B><font face="Arial" size="+3" color="#244764">Text.....</FONT>
the only problem is to know how to center it (I've tried putting <CENTRE> html tag but it's not working)... can you please advice...
Thanks again for your assistance

Similar Messages

Need to make a 20 second HD clip with a moving image background and text thats flies in...

Hi all im quite new to after effects and need to make a 20 second HD clip with a moving image background and text thats flies in. I also need to create a basic cross image. If anyone could suggest the best way to go about doing this it would be greatly appreciated. Thank you in advance

Thank you for both of your reponses and I will try and be clearer:
what I want to acheive is a HD motion graphic of text which will almost spin onto the screen letter my letter and then a become static word. Behind this I would like to place a moving image clip.
By 'basic cross image' what im looking to do is use a cruifix shape instead of a 't' on the text.
I hope this makes sense and thanks again!

TS4268 Since upgrading to iOS 7.0, my friend can no longer text me. I get all other people's texts with no problem. I can text her, she can't text me. It bounces back to her phone as "message undeliverable". Does anyone know what to do about that?

Since upgrading to iOS 7.0, my friend can no longer text me. I get all other people's texts with no problem. I can text her, she can't text me. It bounces back to her phone as "message undeliverable". Does anyone know what to do about that?

your number can remain on the imessage server for some time

Linux: The tabs text color changes with the theme, while the menu text color is always black.

Hello,
When Firefox theme is changed, it usually changes window appearance, e. g. backgrounds, and sets corresponding text color to contrast with that background. It always used to be like this. For instance, I currently use Sunflower_01 theme which sets blue sky as a background. The tabs text is white, as well as the bookmarks. The white text contrasts very fine with the sky. But the menu items are awfully black, casting dark-gray shadows on the dark-blue sky. The menu remains black regardless of the theme I set.
Of course, it's all fine without any add-ons (light background, dark text), but with a theme enabled, it looks not the way it used to be. I wonder if it can be fixed somehow.
I use Mozilla Firefox 33.0 for Linux Mint (release 13, maya).
Looking forward to your reply.
Regards,
Andrey

Hello,
Did you install from the repositories? I have found the same problem with Ubuntu 14.04, a workaround is to either use a userChrome.css file, or (in my opinion, the easier route) [https://addons.mozilla.org/en-US/firefox/addon/stylish/ Stylish] extension with a new Style.
See these articles about the userChrome.css file:
* http://kb.mozillazine.org/index.php?title=UserChrome.css
* http://kb.mozillazine.org/UserChrome.css_Element_Names/IDs
If you use the userChrome.css route, you may need to restart Firefox to apply the changes.
See this article for Stylish:
* http://forums.mozillazine.org/viewtopic.php?f=38&t=1570945
To add a new style in Stylish, click on the Stylish tool on your toolbar, then "Write New Style", then "Blank style". Or:
* Tools (or [[Image: New Fx Menu]]) > Add-ons > User Styles > Write New Style
Example code for either one method you choose (you can play around with the colours, but I found this worked nicely for my theme):
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/*change size, color, style of text in Menu Bar */
menubar > menu
{color: darkgray !important}
/* Mouse hovering over menu */
menubar > menu[_moz-menuactive="true"]
{color: white !important;}
/* Active/Open menus */
menubar > menu[_moz-menuactive="true"][open="true"]
{color: black !important;}

Why would I not want to Blend RGB and Text Colors Using Gamma 1.00?

Shapes and text are anti-aliased visibly better with the blending settings in the Advanced Controls section of the Color Settings set as follows:
Just as an example, consider the appearance of the edges of this text and circular shape layer in an sRGB document with those settings set vs. cleared:
Set as above:
Cleared:
The difference is subtle, but significant in my opinion, marking the difference between okay quality and good quality. You can see the difference in the partial pixel shading at the curved edges in this enlargement of a portion of the above:
So my question is this:
Is there any reason I wouldn't want to just set the above values and use them all the time?
I fully understand the concepts of gamma and pixel blending (and I think it's great that Photoshop has this feature), but I ask this question here because there may be subtleties of how Photoshop uses these settings I'm not aware of, and notably they are NOT set this way by default with Photoshop CS6.
-Noel

Chris Cox wrote:
You may need to change kerning or spacing to get them to hit different phases.
I've got several tests showing this, and the result is quite visible with Roman and Japanese glyhps.
Nope. I can easily see the differences in a line of lower case L characters. I don't know how well this will show for others, but here are screen grabs of the various settings. Of course you'll have to look at these at full size. On my well-calibrated sRGB monitor the gamma 1.0 text clearly has the least variation across the lines of characters in apparent brightness.
Gamma calibration and sharpness of the viewer's monitor will figure into how these look.
-Noel

Can I set Mail default text color

Is there a way to set default text color for sent messages? These settings don't seem to have any effect:

Only way I know how is to save a Draft with some character, even a space with color set & use that to Draft send.
Or maybe set a Favorite in CMD+t in Mail.

Setting the tab text color in JTabbedPane

How do I set the text color of tabs? I have to make the text color of one tab to blue and the other tab text color to red. Thanks.

I tried giving the below but text color is the default it did not change. 'this' is the JTabbedPane. Any other suggessions? Thanks.
this.setForegroundAt(0,Color.blue);
this.setForegroundAt(1,Color.red);

Setting Backgroud and fore color through Formula

Post Author: Srinivas378
CA Forum: Formula
I am using cross tab in crystal report.For the summarized field ,I have to set Fore color,and Backgroung color differenly.
Those colors I am getting from Database.While setting the colors all the cells of summarized field are showing the very first color code.
This is my function: in Basic syntax.
WhilePrintingRecordsdim HexColor as stringHexColor ={vwUserTrainingReport.BGColor}Formula=RGB(HexaToDec(Mid (HexColor,2 ,2)) , HexaToDec(Mid (HexColor,4 ,2)) , HexaToDec(Mid (HexColor,6 ,2)))
I have written an Hexa to decimal convertion:
Function HexaToDec (Input AS String)
Dim a AS NumberDim b AS Number
    Select Case Mid (Input,1 ,1)        Case "A"          a = 10        Case "B"          a = 11        Case "C"          a = 12        Case "D"          a = 13        Case "E"          a = 14        Case "F"          a = 15        Case Else          a = 0    End Select
    Select Case Mid (Input,2 ,1)        Case "A"          b = 10        Case "B"          b = 11        Case "C"          b = 12        Case "D"          b = 13        Case "E"          b = 14        Case "F"          b = 15        Case Else          b = 0    End Select
   HexaToDec = (a * 16) + b
End Function
Give me a solution as quickly as possible.

Sorry - had to figure out how to put images into this forum (still trying to see how they get displayed...)
Here is what I am doing:
Multiplying this (cell by cell)
Image: !http://public.me.com/andrewvignuzzi/Screen1.jpg!
by this:
Image: !http://public.me.com/andrewvignuzzi/Screen2.jpg!
to get this:
Image: !http://public.me.com/andrewvignuzzi/Screen3.jpg!
So, for each row vector and column vector I get one result in a cell in the third table.
(In this case, the answer is: 30,000,0000.09470*0.1099+00.3557... = 2,841,265; if you take the next row vector (one line down) and multiply it by the same column vector, you would get the 4,047,087 result in the last table, and so on..)
My problem was that when I used the title "Series E" instead of "E Series" in the Column Vector table and I tried to set it to "absolute row" - it would not work. When I changed it to "E Series" it did. Why? While I use "Series E" as a title elsewhere, I would assume that Numbers has an internal reference that includes the table name as part of the identifier so that there is no conflict.
Anyway - I seem to have solved it, but not in a way that makes sense to me and I sure would like to know what, if anything, I am doing wrong.
Thanks!
Andrew
Message was edited by: AndrewVee

Setting fonts and Background color

Hi,
Is there anyway to set the font and background color on a jLabel? Thanks for your help!

...emmmm lets see... for the font and the background...
maybe setFont and maybe setBackground!
http://java.sun.com/j2se/1.4.2/docs/api/javax/swing/JComponent.html

Please help me with my problem, urgently worried and tired. Cant seem to find a solution!

I was just doing my website and doing my css stylings. Suddenly, when i create a css rule, it stopped showing in my live view or browser. It still appears the way i want in design view. I have no idea why, i am only a beginner and i am struggling with this. My assignment is due soon and i have not finished, I am feeling so stressed now i have resort to asking here. Please please help me, this means so much to me...i know its really messy i just need all my css to work. The textarea and form parts are not working. any new css created from this stage doesnt work too.
Here is my html 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>
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/lightbox-2.6.min.js"></script>
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<link href="css/lightbox.css" rel="stylesheet" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/gallerystyle.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv1 {
          position: absolute;
          width: 200px;
          height: 115px;
          z-index: 1;
          left: -9px;
          top: 75px;
#apDiv2 {
          position: absolute;
          width: 754px;
          height: 115px;
          z-index: 1;
          left: 262px;
          top: 28px;
a {
          font-weight: bold;
a:link {
          text-decoration: none;
a:visited {
          text-decoration: none;
a:hover {
          text-decoration: none;
a:active {
          text-decoration: none;
          font-weight: bold;
          color: #000;
body,td,th {
          color: #000;
#apDiv3 {
          position: absolute;
          width: 200px;
          height: 115px;
          z-index: 2;
          left: 31px;
          top: 27px;
#apDiv4 {
          position: absolute;
          width: 200px;
          height: 115px;
          z-index: 21;
          top: 199px;
          left: 35px;
#apDiv5 {
          position: absolute;
          width: px;
          height: 150px;
          z-index: 21;
          top: 145px;
          left: 8px;
#apDiv6 {
          position: absolute;
          width: 200px;
          height: 115px;
          z-index: 22;
#apDiv7 {
          position: absolute;
          width: 200px;
          height: 115px;
          z-index: 22;
#apDiv8 {
          position: absolute;
          width: 269px;
          height: 332px;
          z-index: 22;
          left: 285px;
          top: 175px;
#apDiv9 {
          position: absolute;
          width: 200px;
          height: 115px;
          z-index: 22;
          left: 271px;
          top: 107px;
#apDiv10 {
          position: absolute;
          width: 200px;
          height: 115px;
          z-index: 23;
          left: 588px;
          top: 106px;
#apDiv11 {
          position: absolute;
          width: 200px;
          height: 115px;
          z-index: 24;
          left: 909px;
          top: 105px;
#apDiv12 {
          position: absolute;
          width: 200px;
          height: 115px;
          z-index: 25;
          left: 273px;
          top: 497px;
#apDiv13 {
          position: absolute;
          width: 200px;
          height: 115px;
          z-index: 26;
          left: 590px;
          top: 494px;
#apDiv14 {
          position: absolute;
          width: 200px;
          height: 115px;
          z-index: 27;
          left: 910px;
          top: 498px;
#apDiv15 {
          position: absolute;
          width: 200px;
          height: 115px;
          z-index: 28;
          left: 275px;
          top: 886px;
#apDiv16 {
          position: absolute;
          width: 200px;
          height: 115px;
          z-index: 22;
          left: 435px;
          top: 145px;
#apDiv17 {
          position: absolute;
          width: 439px;
          height: 115px;
          z-index: 22;
          left: 267px;
          top: 156px;
</style>
<script type="text/javascript">
function MM_effectAppearFade(targetElement, duration, from, to, toggle)
          Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body onload="MM_preloadImages('images/GalleryTOPS/STRIPEY/3.jpg','images/GalleryTOPS/LONG/3.jp g','images/GalleryTOPS/vneck/3.jpg','images/GalleryTOPS/pink/3.jpg','images/GalleryTOPS/ss /3.jpg')">
<div id="apDiv5">
   <section class="ac-container">
                                        <div>
                                                  <input id="ac-1" name="accordion-1" type="checkbox" />
                                          <label for="ac-1">New Arrivals</label></li>
                                        <div>
                                                  <input id="ac-2" name="accordion-1" type="checkbox" />
                                          <label for="ac-2">Tops</label>
                                                  <article class="ac-medium"><a href="blouse.html" class="linkstyle"><span class="linkk"> <span class="ac-medium">Blouse
                                                  </span><br />
<a href="#" class="linkk">Printed Tops</a><br />
<a href="#" class="linkk"> Basics</a></article>
                                        </div>
                                        <div>
                                                  <input id="ac-3" name="accordion-1" type="checkbox" />
<label for="ac-3">Bottoms</label>
                                                  <article class="ac-small">
                      <a href="#" class="linkk">Pants</a>
                  <a href="#"> <li class="linkk" id="active">Skirts</li></a>
                  <span class="linkk"></span></article>
                                                  <div>
                                                  <input id="ac-4" name="accordion-1" type="checkbox" />
                                                  <label for="ac-4">Dresses</label>
                                        </div>
                                                        <div>
                                                  <input id="ac-5" name="accordion-1" type="checkbox" />
                                                  <label for="ac-5">Bags & Accessories</label>
                                                  <article class="ac-large">
                      <span class="linkk"><a href="#" class="linkk"><span class="ac-large">Bags </span></a><span class="ac-large"><br />
                      <a href="#" class="linkk">Clutches</a>
<br />
<a href="#" class="linkk">Necklaces & Bracelets</a><br />
<a href="#" class="linkk">Eyewear</a></span></span> </article>
                    </div>
                                                            <div>
                                                  <input id="ac-6" name="accordion-1" type="checkbox" />
                                                  <label for="ac-6">Shoes</label>
                                                  <article class="ac-large">
                      <span class="linkk"><a href="#" class="linkk"><span class="ac-large">Flats</span></a>          <span class="ac-large"><br />
                      <a href="#" class="linkk">Heels</a>
<br />
<a href="#" class="linkk">Boots</a></span></span></article>
</section>
</div>
<div id="apDiv2">
<ul id="menu">
<li><a href="#">Home</a></li>
<li id="active"><a href="#">Shop</a></li>
          <li><a href="#">Blog</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">FAQ</a></li>
    <li><a href="#">Contact</a></li>
</ul>
</div>
<div id="apDiv3"><img src="images/images/images/dolce_03.png" width="172" height="62" /></div>
</body>
</html>
HERE IS MY CSS CODE:
@charset "utf-8";
/* CSS Document */
#menu{
          width: 100%;
          margin: 0;
          padding: 10px 0 0 0;
          list-style: none;
          background: none;
#menu li{
          float: left;
          padding: 0 0 10px 0;
          position: relative;
          font-weight: bold;
#menu a{
          float: left;
          height: 25px;
          padding: 0 34px;
          color: #CCC;
          text-transform: uppercase;
          font: bold 14px/27px Arial, Helvetica;
          text-decoration: none;
#active a{float: left;
          height: 25px;
          padding: 0 34px;
          color: #000;
          text-transform: uppercase;
          font: bold 14px/27px Arial, Helvetica;
          text-decoration: none;}
#menu li:hover > a{
          color: #000;
          transition:.30s ease-in-out;
          -moz-transition: .30s ease-in-out;
          -webkit-transition: .30s ease-in-out;
/* Sub-menu */
/* Clear floated elements */
#menu:after{
          visibility: hidden;
          display: block;
          font-size: 0;
          content: " ";
          clear: both;
          height: 0;
* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
.ac-container{
          width: 200px;
          margin: 10px auto 30px auto;
          text-align: left;
.ac-container label{
          font-family: Arial, Helvetica, sans-serif;
          padding: 5px 20px;
          position: relative;
          z-index: 20;
          display: block;
          height: 30px;
          cursor: pointer;
          color: #000;
          line-height: 33px;
          font-size: 13px;
          box-shadow: 1px 0px #333;
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
          font-weight: bold;
.ac-container label:hover{
          color: #ccc;
          background-image:
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
          background: #FFF;
          color: #F1C97E;
          text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
          content: '';
          position: absolute;
          width: 24px;
          height: 24px;
          right: 13px;
          top: 7px;
.ac-container input:checked + label:hover:after{
.ac-container input{
          display: none;
.ac-container article{
          margin-top: -1px;
          overflow: hidden;
          height: 0px;
          position: relative;
          z-index: 10;
          -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
          -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
          -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
          -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
          transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
          padding-left:60px;
.ac-container input:checked ~ article{
          -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
          -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
          -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
          -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
          transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
.ac-container input:checked ~ article.ac-small{
          height: 30px;
          padding-left:60px;
.ac-container input:checked ~ article.ac-medium{
          height: 50px;
          padding-left:60px;
.ac-container input:checked ~ article.ac-large{
          height: 90px;
          padding-left:60px;
.linkk {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          color: #000;
.linktext {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 13px;
          color: #333;
.accordion {
     width:830px;
     overflow:hidden;
     margin:10px auto;
     color:#;
     padding:10px;
.accordion section{
      float:left;
      overflow:hidden;
      color:#;
      cursor:pointer;
      margin:3px;
.accordion section:hover {
      background:;
.accordion section p {
      display:none;
.accordion section:after{
      position:relative;
      font-size:24px;
      color:#000;
      font-weight:bold;
.accordion section:nth-child(1):after{ content:'1'; }
.accordion section:nth-child(2):after{ content:'2'; }
.accordion section:nth-child(3):after{ content:'3'; }
.accordion section:nth-child(4):after{ content:'4'; }
.accordion section:nth-child(5):after{ content:'5'; }
.accordion section:target {
      background:#FFF;
      padding:10px;
.accordion section:target:hover {
      background:#FFF;
.accordion section:target h2 {
      width:100%;
.accordion section:target h2 a{
      color:;
      padding:0;
.accordion section:target p {
      display:block;
.accordion section h2 a{
      padding:8px 10px;
      display:block;
      font-size:16px;
      font-weight:normal;
      color:
      text-decoration:none;
.vertical section{
     width:100%;
     height:40px;
     -webkit-transition:height 0.2s ease-out;
     -moz-transition:height 0.2s ease-out;
     -o-transition:height 0.2s ease-out;
     transition:height 0.2s ease-out;
/*Set height of the slide*/
.vertical :target{
     height:250px;
     width:97%;
.vertical section h2 {
     position:relative;
     left:0;
     top:-15px;
/*Set position of the number on the slide*/
.vertical section:after{
      top:-50px;
      left:810px;
.vertical section:target:after{
      left:-9999px;
.item {
          width: 490px;
          height: 30px;
          /* height = total height of A child element */
          overflow: hidden;
          margin-bottom: 3px;
          transition: height ease-in-out 500ms; /* css3 transition */
          -o-transition: height ease-in-out 500ms;
          -moz-transition: height ease-in-out 500ms;
          -webkit-transition: height ease-in-out 500ms;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          color: #000;
          padding-bottom:1px;
#accordion div:target {
          height: 150px;
          transition: background .30s ease-in-out;
          -moz-transition: background .30s ease-in-out;
          -webkit-transition: background .30s ease-in-out; /* height = total height of A and P child elements */
#accordion a {
    display: block;
    height: 20px;
    background: #fff;
          -webkit-transition: height ease-in-out 500ms;
          font-family: Georgia, "Times New Roman", Times, serif;
          font-size: 24px;
          font-style: italic;
          font-weight: bold;
          color: #333;
          text-decoration: underline;
    padding: 1px;
#accordion a:hover {
    display: block;
    height: 20px;
    background: #fff;
          -webkit-transition: height ease-in-out 500ms;
          font-family: Georgia, "Times New Roman", Times, serif;
          font-size: 24px;
          font-style: italic;
          font-weight: bold;
          color: #f1c97e;
          text-decoration: underline;
    padding: 1px;
          transition:.30s ease-in-out;
          -moz-transition: .30s ease-in-out;
          -webkit-transition:.30s ease-in-out;}
#accordion div:hover a:before {    color: #F1c97e;
          content:url(../images/images/aa_03.png)
#accordion p {
    height: 380px;
    padding: 5px;
.enqhead {
          font-family: "Arial Black", Gadget, sans-serif;
          font-size: 16px;
          font-style: normal;}
.enquhead {
          font-family: Georgia, "Times New Roman", Times, serif;
          font-size: 18px;
          font-weight: bold;
          color: #333;
          border: 3px solid #333;
          position: absolute;
.embox {
          border-top-color: #000;
.enqq {
          font-family: Georgia, "Times New Roman", Times, serif;
          font-weight: bold;
          font-style: italic;

I'll 2nd Chris's comments about position:absolute. It is definitely not needed for 98% of page layouts and in most cases should be avoided because it makes a complete mess of things.
You also have quite a few coding errors which mucks things up in browsers. While I'm not certain what all you're trying to do with those labels, But I think you can simplify things enormously by using a very basic CSS layout and simple jQuery Accordion panels.
Copy & paste the following code into a new, blank document. SaveAs test.html and preview in browsers.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Document with Accordion Panels</title>

<script src="http://code.jquery.com/jquery-latest.min.js"> </script>
<style>
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
img { vertical-align: baseline }
body {
    width: 960px; /**adjust width as needed**/
    margin: 0 auto; /**with width, this is centered**/
    padding:0;
    background: #69F;
    font: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-size: 100%;
    color: #000;
/**global text links**/
a img { border: none }
a {
    font-weight: bold;
    text-decoration: none
a:link { color: #069; }
a:visited { color: #69F }
a:hover, a:active, a:focus {
    text-decoration: underline;
    color: #000;
    outline: none;
header {
    margin:0;
    padding:0;
    overflow: hidden;/*float containment**/
    width: 100%;
header:after {
    /**clear floats**/
    content: '';
    visibility: hidden;
    display: block;
    clear: both;
footer {
    margin:0;
    padding:0;
    width: 100%;
    color: #FFF;
    text-align: center
article {
    margin:0;
    background: #FFF;
    padding: 2%;
/**top navigation**/
nav {
    margin:0;
    padding:0;
    float: right;
    width: 75%;
    overflow:hidden;
#menu {
    width: 100%;
    margin: 0;
    padding: 10px 0 0 0;
    list-style: none;
#menu li {
    float: left;
    padding: 0 0 10px 0;
    position: relative;
    font-weight: bold;
#menu li a {
    display: block;
    padding: 0 34px;
    color: #CCC;
    text-transform: uppercase;
    font: bold 14px/27px Arial, Helvetica;
    text-decoration: none;
#menu li:hover > a {
    color: #000;
    transition: .30s ease-in-out;
    -moz-transition: .30s ease-in-out;
    -webkit-transition: .30s ease-in-out;
/* Clear floated elements */
#menu:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
* html #menu { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
/**accordion panels**/
.accordion { margin: 50px; }
.accordion dt {
    background: #DDD;
    line-height: 50px;
    padding: 10px;
    border: 1px solid #000;
    border-bottom: 0;
.accordion dd {
    min-height: 100px;
    margin-left: 0;
    padding: 20px;
    border: 1px solid #ccc;
.accordion dd &:last-of-type {
border-top: 1px solid white;
position: relative;
top: -1px;
.accordion dt a {
    display: block;
    font-weight: bold;
</style>
</head>
<body>
<header> <img src="http://placehold.it/172x62" height="62" width="172" alt="logo" >
<nav>
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Shop</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">About</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<article> <h2>New Arrivals > Tops</h2>
<dl class="accordion">
<dt><a href="">Blouses</a></dt>
<dd><a href="#">Printed Tops</a> | <a href="#" >Basics</a></dd>
<dt><a href="">Bottoms</a></dt>
<dd><a href="#">Pants</a> | <a href="#">Skirts</a></dd>
<dt><a href="">Dresses</a></dt>
<dd>Something here... | something here... | something here...</dd>
<dt><a href="">Bags & Accessories</a></dt>
<dd>Bags | Clutches | Necklaces & Bracelets |
Eyewear</dd>
<dt><a href="">Shoes</a></dt>
<dd><a href="#">Flats</a> | <a href="#">Heels</a> | <a href="#">Boots</a></dd>
</dl>

</article>
<footer> <small>© 2013 XYZ Company. All rights reserved. </small> </footer>
<script>
//jQuery Accordion Panels//
(function($) {
var allPanels = $('.accordion > dd').hide();
$('.accordion > dt > a').click(function() {
      $this = $(this);
      $target = $this.parent().next();
      if(!$target.hasClass('active')){
         allPanels.removeClass('active').slideUp();
         $target.addClass('active').slideDown();
    return false;
})(jQuery);
</script>
</body>
</html>
❄ ☃ ❄Nancy O.

Can anyone help with workflow problem between iPhoto and Photoshop CS4?

I am very new to CS4 Extended, having upgraded from Elements 6 recently. I use iPhoto '08 to do all my photo organization and really enjoy it, have a LOT of work invested in it and don't really want to switch to anything else if I can help it. One aspect I like about it is that it tucks away my original in case I ever need to revert. With Elements, I could set my iPhoto preferences to allow all my editing to be done externally using Elements 6, but it would only allow 4 photos to be sent over to Elements at a time. Then I would have to go back to iPhoto and "get" more. I thought that when I upgraded to CS4, I would at least be allowed four at a time to be sent from iPhoto to Photoshop for editing. Whenever I do this, it sends only one, maybe two, but never four. There doesn't seem to be any rhyme or reason to it. I'm annoyed at having to constantly go back for one or two photos at a time to edit and wondered if anyone knew of a workaround for this problem. The reason I have done it this way all along is that the two programs would work together and update my iPhoto pics and thumbnails automatically. Since then, I have just opened the iPhoto files from within CS4, but the edit doesn't update the thumbnails, only the enlarged versions within iPhoto. Neither Apple nor Adobe has been able to offer any solutions. I am not looking to create multiple copies of my files. I download straight from my camera to iPhoto. I could always just download them to a folder, edit them in CS4 and then import them into iPhoto, but that would necessitate making a copy of the photos to keep the originals safe and I'm not sure I want to have to organize all my originals elsewhere on top of my iPhoto library. I am very open to suggestions!
Thanks!

I appreciate your response. I recently did a reinstall, hoping it might help. It didn't seem to make any difference. Don't know if I need to just switch to a different program like Lightroom or just do all my editing outside of iPhoto and then import the results, but that defeats the purpose of letting iPhoto handle my originals so easily. I really like iPhoto and what it does, and have spent a lot of time getting my library compiled just the way I like with keywords, ratings and so on, and I'm afraid that switching to a new product will lose a lot of that work and either cause me to split my library into two places or to create unnecessary duplicates.

Problem setting look and feel

It seems like I'm not able to change the windows xp look and feel, I'm using this code to change it but nothing happens, the window comes out with windows LAF:
" public static void main(String[] args)
try {
UIManager.setLookAndFeel("javax.swing.plaf.metal.MetalLookAndFeel");
} catch (Exception e) { System.out.println(e.getMessage()); }
new Ventana();
Maybe... Am I missing some code? or a specific class needs to be downloaded?
I'd apreciate any help

That was not the problem, but thank you...
I finally noticed the problem, what I was trying to do was actually done by writting this:
JComponent.setDefaultLookAndFeelDecorated(true);
Sets the OceanTheme feel on, but I noticed that when you try to use it with a Jdialog and a JFileChooser you get some ugly colors. Orange/Brown with JDialogs and Green with JFileChoosers. Is this a bug or it's ment to do that?
Does somebody know how to fix it?
Thanks for your support

How can I just email a photo without a set up and text and all that stuff?

I used to be able to select a photo and email it - no and for quite a while a whole set up appears with place for text and choices of design, etc. Can I no longer just send plain unadorned photo? I have a MBP 2010 running Lion. Thanks.

To email photos from iPhoto on your mac set the iPhoto preferences in the "General" tab of the preferences to "Email photos using: Mail", not "iPhoto."
Then you can compose and send a simple mail like this:

FCP7 export problems - black frames and text irregularities

I'm on FCP 7.0.3 and have recently started editing stuff from my new Panasonic HDC-HS900.
I started a small project just to get to grips with the new workflow and realised that I had made the mistake of trying to import .mts files. However, I found a plugin from Panasonic's website which allows this but editing with the imported files is a nightmare because FCP starts running so slowly that it is impossible to make any kind of precise edits - the scrubber bar jumps all over the place and moving it forward one frame with the arrow keys takes about three seconds.
So, I realised my mistake and having discovered that using ClipWrap circumvents all these problems, I devised a new workflow and resolved to stick to it.
The only problem is that I showed the test edit to my girlfriend and her parents and despite it being full of bad stuff (I mean very rough edits caused by the slowness and audio problems that I couldn't be bothered sorting out also because the process was so frustratingly slow), they all liked it. So, whilst I would like to consign this experimental disaster to the bin, I need to at least iron out some of the problems so that I can give my girlfriend a copy which does not look quite so awful.
So, after labouring through this excruciatingly slow process, I try to export the finished thing only to find that the opening ten seconds, where I have used a slow motion sequence (which, ironically, is not an .mts file - it's a 10s .mov file I exported from FCP in order to convert it from 50p to 25p slow motion without losing frames) and a bit of text which dissolves in and out, there are a few single black frames and the text disappears momentarily several times.
Everything else is fine (apart from the awful edits!).
Having now left FCP to render the whole sequence, I managed to inspect it frame by fram much quicker and on the timeline it looks exactly as it should - the edit itself couldn't be much simpler; two layers - one text, one .mov file. dissolve the text in for one second, two seconds later dissolve in the .mov then a virtual reverse process. What could possibly go wrong?
Anyway, I have deleted all the render files and I am currently waiting for the sequence to re-render - estimated time: two hours.
All I want to do is wrap this junk up so that I can start a proper project.

I'll have to respond in an unordered fashion, just to try to make sense in my reply.
I was using ProRes 422 HQ because I found three options in ClipWrap and had to make a quick decision based on two minutes research and having found by trying it that 422 HQ files were only about 25% bigger than 422 files, I figured I had nothing to lose - especially as the workflow I WILL BE employing does not require permanent storage of the files and I now have 1TB external space for media archive storage and over 600GB internal space for ongoing projects. I might as well use the highest quality.
The reason I suspected the rendering files is that they were being used by FCP in the export of the project - evident in the fact that it takes almost three hours to save an unrendered sequence vs about six minutes to export a rendered sequence. Therefore, being unaware of the inherant problem you mention, I think it was reasonable to guess that a forced re-rendering might have sorted it out.
Yes, with 20/20 hindsight, it might have been quicker but, again being unaware of the issue you mention - which I shall have to look into - it seemed like a small problem which ought to have a had a simple answer. But now I know better.
I have, incidentally, discovered that all the dissolves I inserted have very similar problems.
And, to answer your first point last, I have already gone down that path - I'm just waiting for the results.
Could you perhaps point me at some article where I can read about the inherant problems of H.264, please?

Problem setting azerty and different languages

Hi I just received my iPod touch in Belgium and Apple seems to think Belgian people use QWERTY but we use AZERTY. In settings i can't seem to change the keyboard without changing the language setting. As we are a tri-lingual country with three languages and one keyboard lay-out I guess the french speaking part will have the correct version.
Anyone else having this isue?

Okay, not sure if this is entirely right but I think this worked on mine when I set it up for Japanese and Spanish. Choose whatever languages you want available for your keyboard, and next time you popup the keyboard hit the icon that looks like a wire-frame globe. If I'm correct this should change the keyboard layout.

Slider with Synth - Problems setting tick and text color

Similar Messages

Maybe you are looking for