Decorative Additions
hello :)
I'm using Adobe Photoshop Elements 5.0 with Windows XP... and need help with something!! http://photos-114.ll.facebook.com/photos-ll-sctm/v119/213/113/1430790114/n1430790114_3003 3990_5649.jpg
The white swirly thing in the top righthand corner?? How do I get that on a picture?? I just got Photoshop for my birthday, so I'm still kinda new.
thaanks!
-bbrit.
you dont need the clipping group...just paint on the photo with your brush tool .....the size you want....you can change the size with these keys on your keyboard...{ }next to p on your keyboard and then lower the opacity you will see opacity at top of layers pallet. click on it and adjust slider.
Similar Messages
-
How do I get rid of the underline in text - tried style decoration:none
I am trying to get rid of the underline on some text which is not a link. I have tried putting style decoration: none in various places and I still can't get rid of it.
Any ideas?
Here's my HTML
<!doctype html>
<div id="businesscircleportfolio">
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css">
<style type="text/css">
<script src="respond.min.js"></script>
<script type="text/javascript">
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];}}
/* I have no idea what this code below does but Dreamweaver randomly put it in*/
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_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_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>
/* This is code I put in that I found on the web that said it would work but doesn't*/
<STYLE>
<!--
A{text-decoration:none}
-->
</STYLE>
/* end of that code*/
</style>
</head>
<body>
<div class="portfoliolinkbackground"><font face= "arial" color= "white" font size="4" > Home </font><a id="portfoliolinkclear" href="index.html"></a>
</div>
<div id="adtitletest"><img src="images/adtitlewithwdandgraphics.png" width="700" height="220" alt=""/></div>
<div id="businesslinkport"><font face= "arial" color= "white" font size="3" >Portfolio</font></div>
<a id="businesslinkclear" href="portfolio.html" style="text-decoration:none"></div>
<div id="classicallinkport"><font face= "arial" color= "white" font size="3" >Client</font></div>
<a id="classicallinkclear" href="client.html" style="text-decoration:none"> </div>
<div id="hiphoplinkport"><font face= "arial" color= "white" font size="3" >Contact</font></div>
<a id="hiphoplinkclear" href="contactform.html" style="text-decoration:none"> </div>
<div id="rocklinkport"><font face= "arial" color= "white" font size="3" >Pricing</font></div>
<a id="rocklinkclear" href="price.html" style="text-decoration:none"> </div>
<div id="facebook"><a href="https://www.facebook.com/paul.kirsch.399/about" title="facebook" target="new">
<p><img src="images/facebookdkblue.png" width= "95" height="60" alt=""></p></div>
<div id="linkedin"><a href="https://www.linkedin.com/profile/view?id=30306216&trk=nav_responsive_tab_profile" title="linkedin" target="new"><img src="images/linkedin.jpg" width="55" height="52" alt""></div>
<div id="twitter">
<img src="images/twitter.png" width="58" height="58" alt ""></div>
</div>
<div class="prices"> <font size="3" color=#b3f5f1 font face="helvetica" style= "text-decoration:none">
Graphics and Web Service Prices<br>
<ul>
<li>Custom Web Site Graphics $350</li><p></p>
<li>Custom Logo $125</li><p></p>
<li>Custom website ($40/hr - price dependent on complexity and deadline)</li><p></p>
<li>Five-Page Wordpress Brochure Web Site you can update yourself $350</li><p></p>
<li>Each additional page from the same template $40/page</li><p></p>
<li>interactive forms - (surveys etc.) $250+ </li><p></p>
<li>Site maintenance (we update your site) $360/yr </li><p></p>
<li>Rebuild of existing site $40/hour </li>
</ul></div> </font></div>
</div>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
</div>
/* I have 60 tons of CSS much of it junk. It is below*/
charset "UTF-8";
/* CSS Document */
body {
background-color: rgba(30,30,30,1);
margin-left: 0px;
left: -130px;
margin-top: 50px;
line-height: 5px;
position: static;
padding-top: 5px;
height: auto;
#div1 {
margin-top: -40px;
margin-left: 275px;
margin-right: auto;
position: relative;
#div9 {
margin-top: -15px;
margin-left: 220px;
margin-right: auto;
position: relative;
float: left;
#adtitle:
margin-left: 500px;
#div2 {
display: block;
margin-top: 100px;
margin-left: 450px;
margin-right: auto;
position: relative;
border-radius: 100% / 50%;
.meatsunsetshadow {
margin-top: -120px;
margin-left: 390px;
width: 500px;
height: 700px;
display: block;
background-image: url("images/me_atsunsetbackground4.JPG");
background-size: 500px 700px;
-webkit-box-shadow: inset 1px 2px 23px #FFF;
box-shadow: inset -5px 30px 25px #000000;
-webkit-border-radius: 75%;
border-radius: 75%;
margin-bottom: -750px;
top: -60px;
#clear-oval {
img src: url(clear-oval.png);
margin-top: -100px;
margin-left: 100px;
-webkit-border-radius: 75%;
border-radius: 75%;
#abouttext {
margin-top:-165px;
margin-left: 40px;
#shadow a {
display:block;
width:900px;
height:700px;
.box-shad {
margin-top: 100px;
margin-left: -188px;
width: 800px;
height: 600px;
display: block;
background-image: url("big-tree-final1.jpg");
background-size: 800px 600px;
-webkit-box-shadow: 15px 15px 15px #000000 inset;
box-shadow: 15px 15px 15px #000000 inset;
-webkit-border-radius: 50%;
border-radius: 50%;
position: static;
.box-shad a {
display:block;
width:900px;
height:700px;
#portfolio {
width: 100px;
height: 100px;
margin-top: 610px;
margin-right: 200px;
margin-left: -75px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(92,87,58);
position: relative;
top: -900px;
justify-content: center;
align-content: center;
text-align: 80px;
text-indent: 77px;
text-align-vertical: -5px;
#portfolioprice {
width: 100px;
height: 100px;
margin-top: 256px;
margin-right: 200px;
margin-left: -74px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(119,87,35);
position: relative;
top: -800px;
justify-content: center;
align-content: center;
text-align: center;
#portfolioclassical {
width: 100px;
height: 100px;
margin-top: -185px;
margin-right: 200px;
margin-left: -30px;
margin-bottom: 250px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(119,87,35);
position: relative;
top: -800px;
justify-content: center;
align-content: center;
text-align: center;
text-indent: 60px;
#portfolio2 {
width: 100px;
height: 100px;
margin-top: -200px;
margin-right: 200px;
margin-left: -50px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(119,87,35);
position: relative;
top: -800px;
justify-content: center;
align-content: center;
text-align: center;
#businesspageportfolio {
/*this covers the circular portfolio link for hiphop and business*/
width: 100px;
height: 100px;
margin-top: 700px;
margin-right: 200px;
margin-left: 225px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(92,87,58);
position: relative;
top: -800px;
display: flex;
justify-content: center;
align-content: center;
text-align: center;
align-items: center;
text-indent: 77px;
#textforbusiness{
position top: -300px;
margin-top: -840px;
margin-left: 230px;
margin-below: -50px;
margin-bottom: -150px;
.wrap {
transition: -webkit-transition 1s ease-in;
transition-delay: 1s, 2s;
transition-duration: 1s .5s;
.wrap:hover {
-webkit-transform: translateZ(-200px);
#portfoliobusiness {
/*This is the circle for business on the portfolio page */
width: 100px;
height: 100px;
margin-top: 262px;
margin-right: 200px;
margin-left: 176px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(202,177,136);
position: relative;
top: -35px;
justify-content: center;
align-content: center;
text-align: center;
text-indent: 77px;
#spacertwo {
#portfoliohome {
/*this is the circle on the portfolio page for home */
width: 100px;
height: 100px;
margin-top: 76px;
margin-right: 150px;
margin-left: -398px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(204,197,181);
position: relative;
top: -420px;
justify-content: center;
align-content: center;
text-align: center;
text-indent: 77px;
line-height: 20px;
#clearcircleportfolio {
/* this is in the index page for portfolio link*/
img src: url(images/clearcircle.png);
width: 100px;
height: 100px;
margin-top: -102px;
margin-left: -175px;
left: -60px;
z-index: 10;
top: -60px;
#clearcirlehomeportfoliopage {
position: absolute;
top: 8px;
left: 10px;
width: 700px;
height: 900px;
background-color: green;
#clearcirclebusiness {
img src: url(images/findme.png);
width: 100px;
height: 100px;
margin-top: -192px;
margin-left: -80px;
margin-bottom: -90px;
padding-bottom: -90px;
-webkit-border-radius: 100%;
border-radius: 50%;
-webkit-border-radius: 50% 50%;
left: 40px;
#clearcircleclient {
img src: url(images/findme.png);
width: 100px;
height: 100px;
margin-top: -110px;
margin-left: -00px;
margin-bottom: -98px;
padding-bottom: -90px;
-webkit-border-radius: 100%;
border-radius: 50%;
-webkit-border-radius: 50% 50%;
z-index: 9;
top: 80px;
#clientneeds {
width: 100px;
height: 100px;
margin-top: -250px;
margin-right: 200px;
margin-left: 70px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(138,116,79);
position: relative;
top: -800px;
text-align: 200px;
text-indent: 77px;
#contact {
width: 100px;
height: 100px;
margin-top: -100px;
margin-right: 200px;
margin-left: 225px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(96,89,83);
position: relative;
top: -800px;
text-indent: 113px;
text-align: center;
line-height: 55px;
/*cleaercircle contact is the index page clear circle for contact-*/
#clearcirclecontact {
img src: url(images/clearcircle.png);
width: 100px;
height: 100px;
margin-bottom: -90px;
padding-bottom: -90px;
-webkit-border-radius: 100%;
border-radius: 50%;
-webkit-border-radius: 50% 50%;
z-index: 999;
margin-left: -110px;
margin-top: -121px;
/*pricing is the price tan circle on index page*/
#pricing {
width:100px;
height: 100px;
margin-top: -100px;
margin-right: 200px;
margin-left: 380px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(180,168,144);
position: relative;
top: -800px;
text-align: center;
text-indent: 115px;
line-height: 55px;
/*repeating the above on portfolio page*/
#business {
width: 100px;
height: 100px;
margin-top: -128px;
margin-right: 50px;
margin-left: 250px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: white;
position: relative;
top: 200px;
justify-content:center;
align-content:center;
text-align: center;
text-indent: 90px;
#classical {
width: 100px;
height: 100px;
margin-top: -235px;
margin-right: 200px;
margin-left: 345px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(215,170,38);
position: relative;
top: 50px;
text-align: center;
text-indent: 77px;
#hiphop {
width: 100px;
height: 100px;
margin-top: -250px;
margin-right: 200px;
margin-left:500px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(213,164,97);
position: relative;
top: 200px;
display: flex;
text-align: center;
text-indent: 115px;
justify-content: center;
align-items: center;
line-height: 50px;
#clearcirclehiphop {
img src: url(images/clearcircle.png);
width: 50px;
height: 50px;
margin-top: -270px;
margin-left: -150px;
margin-bottom: 90px;
padding-bottom: 90px;
-webkit-border-radius: 100%;
border-radius: 50%;
-webkit-border-radius: 50% 50%;
z-index: 9;
#clearcirclebusiness {
img src: url(images/clearcircle.png);
width: 50px;
height: 50px;
margin-top: -620px;
margin-left: -450px;
margin-bottom: 90px;
-webkit-border-radius: 100%;
border-radius: 50%;
-webkit-border-radius: 50% 50%;
z-index: 9;
#rock {
width: 100px;
height: 100px;
margin-top: -280px;
margin-right: 50px;
margin-left: 155px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(119, 87, 35);
position: relative;
top: 200px;
text-align: center;
.vcenter{
width: 100px;
height: 100px;
vertical-align: middle;
.vcenter:before {
content: " ";
display: inline-block;
height: 100%;
vertical-align: middle;
float: left;
.vcenter :first-child {
display: inline-block;
vertical-align: middle;
left: -40px;
text-align: center;
top: -2px;
#spacerhh {
width: 200px;
height: -80px;
#spacerclassical {
width: 200px;
height: 50px;
#spacerbusiness {
width: 200px;
height: 250px;
#div22 {
margin-top: 80px;
margin-left: 200px;
#div23{
margin-top: -30px;
#bustext {
text-align: left
Ul {
list-style-type: square;
margin-bottom: -29px;
#clearcircleclassical {
img src: url(images/findme.png);
width: 50px;
height: 50px;
margin-top: -95px;
margin-left: 0px;
margin-bottom: -90px;
-webkit-border-radius: 100%;
border-radius: 50%;
-webkit-border-radius: 50% 50%;
#clearcirclebusiness {
img src: url(images/clearcircle.png);
width: 50px;
height: 50px;
margin-top: -120px;
margin-left: 0px;
margin-bottom: -90px;
-webkit-border-radius: 100%;
border-radius: 50%;
-webkit-border-radius: 50% 50%;
#clearcirclepricing {
image src: url(images/findme.png);
width: 600px;
height: 600px;
margin-top: -140px;
margin-left: 50px;
.mytext {
width: 500px;
height: 100px;
.mytext1 {
width: 500px;
height: 50px;
#facebook {
margin-left: 170px;
margin-top: -10px;
#facebookpos {
margin-left: -20px;
margin-top: -670px;
width: 900px;
height: 900px;
#linkedin {
margin-left: 190px;
margin-top: 20px;
left: -150px;
#linkedinposindex {
margin-left: -20px;
margin-top: 0px;
#twitter {
margin-left: 190px;
margin-top: 20px;
#twitterposindex {
margin-left: -345px;
margin-top: 5px;
.prices {
font-color: white;
font-size: 14px;
font-type: helvetica;
margin-top: -180px;
margin-left: 350px;
z-index: 10;
border: none;
text-decoration: none;
#iconsforpricing {
margin-top: 950px;
#businesslist {
width: 600px;
height: 800px;
margin-top: 100px;
#clearovalfortree {
margin-left: -352px
#facebookposprice {
margin-top: -360px;
margin-left: 30px;
#linkedinposprice {
margin-top: 0px;
margin-left: 30px;
#twitterposprice {
margin-top: 0px;
margin-left: -305px;
#pricehome {
width: 100px;
height: 100px;
margin-top: -0px;
margin-right: 150px;
margin-left: -275px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(204,197,181);
position: relative;
top: -420px;
justify-content: center;
align-content: center;
text-align: center;
#priceportfolio {
width: 100px;
height: 100px;
margin-top: 1100px;
margin-right: 200px;
margin-left: 175px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(92,87,58);
position: relative;
top: -900px;
justify-content: center;
align-content: center;
text-align: center;
#priceclient {
width: 100px;
height: 100px;
margin-top: -150px;
margin-right: 200px;
margin-left: 330px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(138,116,79);
position: relative;
top: -900px;
justify-content: center;
align-content: center;
text-align: center;
#pricecontact {
width: 100px;
height: 100px;
margin-top: -150px;
margin-right: 200px;
margin-left: 490px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(96,89,83);
position: relative;
top: -900px;
justify-content: center;
align-content: center;
text-align: center;
#priceprice {
width: 100px;
height: 100px;
margin-top: -150px;
margin-right: 200px;
margin-left: 655px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(180,168,144);
position: relative;
top: -900px;
justify-content: center;
align-content: center;
text-align: center;
#test {
width: 800px;
height: 600px
position: relative;
margin-left: 262px;
margin-top: 10px;
#test img {
width: 800px;
height: 600px;
position: absolute;
left: -487px;
top: 113px;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
margin-left: -80px;
#test img.top:hover {
opacity: 0;
#footercontact {
width 500px;
top: 700px;
margin-top: 1000px;
width: 400px;
#wilsontext {
width: 300px;
height: 100px;
left: -10px;
line-height:.45em;
#clienthome {
width: 100px;
height: 100px;
margin-top: 110px;
margin-right: 150px;
margin-left: -375px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(204,197,181);
position: relative;
top: -420px;
justify-content: center;
align-content: center;
text-align: center;
#clearcircle {
img src: url(images/findme.png);
width: 50px;
height: 50px;
margin-top: -122px;
margin-left: -250px;
margin-bottom: -90px;
padding-bottom: -90px;
-webkit-border-radius: 100%;
border-radius: 50%;
-webkit-border-radius: 50% 50%;
left: -50px;
#angelface {
margin-top: -160px;
margin-left: 0px;
#clientlinkportfolio {
width: 100px;
height: 100px;
margin-top: 860px;
margin-right: 200px;
margin-left: 270px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(92,87,58);
position: relative;
top: -900px;
justify-content: center;
align-content: center;
text-align: center;
text-indent: 77px;
#clientlinkclient{
width:100px;
height: 100px;
margin-top: -250px;
margin-right: 200px;
margin-left: 400px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(138,116,79);
position: relative;
top: -800px;
text-align: center;
text-indent: 77px;
#clientlinkcontact {
width:100px;
height: 100px;
margin-top: -246px;
margin-right: 200px;
margin-left: 520px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(96,89,83);
position: relative;
top: -800px;
text-align: center;
text-indent: 112px;
line-height: 45px;
#clientlinkprice {
width: 100px;
height: 100px;
margin-top: -246px;
margin-right: 200px;
margin-left: 640px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(119,87,35);
position: relative;
top: -800px;
justify-content: center;
align-content: center;
text-align: center;
text-indent: 115px;
line-height: 45px;
#checklist {
margin-left: -120px;
left: -320px;
.portfoliolinkbackground {
background-color: rgba(92,87,58,1);
background-position: 50px 25px;
height: 100px;
width: 100px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
margin-left: 150px;
position: relative;
max-width: 100px;
max-height: 100px;
line-height: 20px;
justify-content: center;
align-content: center;
text-align: center;
text-indent: -1px;
line-height: 99px;
#portfoliolinkclear {
position: absolute;
top: 8px;
left: 10px;
width: 100px;
height: 100px;
background-color: transparent;
#adtitletest {
height: 200px;
width: 800px;
margin-top: -120px;
margin-left: 275px;
position: relative;
#wilsontextgeneric {
margin-top: 40px;
margin-right: 40px;
margin-left: 150px;
margin-bottom: 0px;
height: 80px;
width: 325px;
line-height: 10px;
#cdcovergeneric {
margin-top: 35px;
margin-left: 150px;
height: 500px;
width: 500px;
#facebookicon {
margin-left: 220px;
vertical-align: top;
top: -20px;
#linkedicon {
left: 250px;
margin-left: 236px;
margin-bottom: 22px;
width: 60px;
#twittericon {
margin-top: 5px;
margin-left: 232px;
width: 60px;
height: 0px;
top: -5px;
#businesslinkport {
height: 100px;
width: 100px;
margin-top: 10px;
margin-left: 0px;
position: relative;
left: 350px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(202,177,136);
justify-content: center;
align-content: center;
text-align: center;
text-indent: 5px;
line-height: 100px;
#classicallinkport {
height: 100px;
width: 100px;
margin-top: 150px;
margin-left: 50px;
position: relative;
left: 100px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(215,170,38);
justify-content: center;
align-content: center;
text-align: center;
text-indent: 5px;
line-height: 100px;
top: -150px;
#hiphoplinkport {
height: 100px;
width: 100px;
margin-top: 0px;
margin-left: -300px;
position: relative;
left: 450px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(213,164,97);
justify-content: center;
align-content: center;
text-align: center;
text-indent: 5px;
line-height: 100px;
#rocklinkport {
height: 100px;
width: 100px;
margin-top: 200px;
margin-left: 100px;
position: relative;
left: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(119, 87, 35);
justify-content: center;
align-content: center;
text-align: center;
text-indent: 5px;
line-height: 100px;
top: -200px;
#businesslinkclear {
position: absolute;
top: 245px;
left: 350px;
width: 100px;
height: 100px;
background-color: transparent;
#classicallinkclear {
position: absolute;
top: 245px;
left: 510px;
width: 100px;
height: 100px;
background-color: transparent;
#hiphoplinkclear {
position: absolute;
top: 245px;
left: 660px;
width: 100px;
height: 100px;
background-color: transparent;
#rocklinkclear {
position: absolute;
top: 245px;
left: 810px;
width: 100px;
height: 100px;
background-color: transparent;
#test1 {
width: 800px;
height: 600px;
position: relative;
margin-left: -25px;
margin-top: -550px;
#test1 img {
width: 800px;
height: 600px;
position: absolute;
left: 347px;
top: 390px;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
margin-left: -80px;
.top1 {
width: 800px;
height: 600px
position: relative;
margin-left: 252px;
margin-top: -0px;
.top1: hover {
width: 800px;
height: 600px
position: relative;
margin-left: 252px;
margin-top: -10px;
background-image: treeinovalonlyforpossiblefade4.png;
#clientchecklistnew {
margin-left: 300px;
left: 150px;
margin-right: 60px;
padding-left: 70px;
margin-top: -150px;
text-decoration: none;
#clientchecklistnew a {
text-decoration: none;
#crossfade {
position:relative;
height:800px;
width:600px;
#crossfade img {
position:absolute;
left:230px;
top: -150px;
opacity: 1;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
#crossfade img.top:hover {
opacity:0;Nancy,
You are God!
It worked!
Thanks.
I have a dumb basic question which is sort of related to your shambles comment, which I don't deny is true.
I am confused about whether style.css files get affiliated with each separate HTML page or whether there is just one style.css file that is affiliated with all my HTML pages. If they are separate CSS files, how do I separate each style.css file?
Best, P. -
Help needed with Template Footer displacing with addition of a float..
I have a template for a web page and I am a little stuck now with an issue related to floating an image (left) to get the text to wrap around. As I do so, the footer at the bottom displaces and I cannot work out why?
Any help greatly appeciated. I cannot seem to attach a file so you can see it. the domain is http://www.nataliemariemakeup.co.uk. This will be the 'Bridal' page.
This is how the problem appears when I float the image left...
The Facebook and Twitter images are where they should be, but the footer has shifted right! Any help appreciated.
The code is as follows....
<!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"><!-- InstanceBegin template="/Templates/IndexTemplate.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- InstanceEndEditable -->
<link rel="stylesheet" title="Disabled for Preview-in-Browser: oneColFixCtrHdr.css" type="text/css" />
<style type="text/css">
body {
margin: 0;
padding: 0;
color: #666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 1.4;
background-color: #989898;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 15px;
padding-left: 15px;
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
color: #42413C; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
text-decoration: none;
a:visited {
color: #6E6C64;
text-decoration: none;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
width: 960px;
margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
background-color: #FFF;
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
background-color: #FFF;
/* ~~ This is the layout information. ~~
1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
.content {
background-color: #FFF;
padding-top: 50px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
/* ~~ The footer ~~ */
.footer {
color: #666;
background-color: #666;
padding-top: 0px;
padding-right: 0;
padding-left: 0;
margin: 0px;
padding-bottom: 0px;
height: 110px;
position: relative;
FaceBookTwitter {
background-color: #999;
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
</style>
<style type="text/css">
.container .content table tr th {
background-color: #999;
top: 0px;
padding: 0px;
margin: 0px;
clear: 0;
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link rel="stylesheet" title="Disabled for Preview-in-Browser: SpryAssets/SpryMenuBarHorizontal.css" type="text/css" />
<style type="text/css">
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 7.5em;
float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 6em;
position: absolute;
left: -1000em;
text-align: left;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 10em;
text-align: left;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
text-align: left;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #CCC;
padding: 0.5em 0.75em;
color: #666;
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
font-style: normal;
border-top-style: none;
text-align: center;
border-right-width: thin;
border-left-width: thin;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #CCC;
border-right-color: #666;
border-bottom-color: #999;
border-left-color: #666;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #666;
color: #FFF;
text-align: center;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #666;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(file:///Macintosh HD/Users/edwardclark/Documents/Natalie Marie Makeup Website/SpryAssets/SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(file:///Macintosh HD/Users/edwardclark/Documents/Natalie Marie Makeup Website/SpryAssets/SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
text-align: left;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(file:///Macintosh HD/Users/edwardclark/Documents/Natalie Marie Makeup Website/SpryAssets/SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
text-align: left;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(file:///Macintosh HD/Users/edwardclark/Documents/Natalie Marie Makeup Website/SpryAssets/SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;
a:hover {
text-decoration: none;
a:active {
text-decoration: none;
</style>
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
.container .content p img {
padding-top: 5px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 0px;
float: left;
</style>
<!-- InstanceEndEditable -->
</head>
<body>
<div class="container">
<div class="header"><!-- end .header --><img src="New-Header.jpg" width="960" height="180" alt="Natalie Marie Logo" longdesc="file:///Macintosh HD/Users/edwardclark/Documents/Natalie Marie Makeup Website/New-Header.jpg" />
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.html" class="MenuBarHorizontal">HOME</a> </li>
<li><a href="About Me.html">ABOUT ME</a></li>
<li><a href="Bridal.html">BRIDAL</a></li>
<li><a href="Occasion.html" class="MenuBarItemSubmenu">OCCASION</a>
<ul>
<li><a href="#">NIGHT OUT</a></li>
<li><a href="#">PARTY MAKEUP</a></li>
<li><a href="#">HEN NIGHTS</a></li>
</ul>
</li>
<li><a href="Fashion.html">FASHION</a></li>
<li><a href="Lessons.html">LESSONS</a></li>
<li><a href="Reviews.html">REVIEWS</a></li>
<li><a href="Contact.html">CONTACT</a></li>
</ul>
</div>
<div class="content">
<p>
<Marquee>
Examples of my work: TAKE THAT • ID MAGAZINE • BATMAN LIVE WORLD TOUR • THE BAFTAS • LONDON FASHION WEEK • THE CORRS • THE TELEGRAPH MAGAZINE • HARPERS • MUSIC VIDEOS • VOGUE MAGAZINE • BRITISH FEATURE FILMS • Plus extensive Bridal and Photoshoot work •
</Marquee>
</p>
<!-- InstanceBeginEditable name="Main Body" -->
<p><img src="Bridal-Kit-Pic.jpg" width="283" height="426" alt="Bridal Kit Picture" />On your wedding day it is important that you look and feel your best and having the perfect make-up will give you the confidence for this. Having perfect wedding makeup is also key for perfect photographs, which are so important as those will be your treasured memories of your day. As a recent bride myself I totally understand how you will be feeling at this point and I strongly advise you to make lots of cut outs from all of those expensive bridal magazines to give a visual of your ideas. We will create a look which is long lasting and enhances your natural beauty. During your trial we will work together in depth to create the perfect look for you.<br />
</p>
<p>What expect on the day:<br />
- Skin care analysis and tips on skin care routine.<br />
- Talking through the wedding and theme of the day.<br />
- Discussing ideas for your wedding makeup, your likes and dislikes.<br />
- Spending time creating a look perfect for you.<br />
- Digital photographs of the makeup for referencing.<br />
</p>
<p>After your trial I create a face chart and write detailed notes about the products we have used to in order to recreate the look perfectly on the day. On your wedding day itself I stay until the very end making sure you look perfect for your ceremony. You will also receive your chosen lip brush free, for use throughout the rest of the day.<br />
</p>
<p>Bridal Make Up (On the day including trial) £150.00<br />
Bridal Trial £60.00<br />
Make up on the day for Bridesmaids/Mother of the Bride/Groom £40.00<br />
Additional Trials £35.00<br />
</p>
<p>Package prices can be arranged for large bridal parties.</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<!-- InstanceEndEditable -->
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><img src="facebook_LOGO.jpg" width="50" height="50" alt="Facebook logo" /> <img src="Twitter Logo_GREY.jpg" width="50" height="50" alt="Twitter Logo" /> </p>
</div>
<div class="footer">
<table border="0" align="center" cellpadding="5">
<tr>
<td height="101"><img src="Chanel-Logo-Grey.jpg" width="81" height="62" alt="Chanel Logo" longdesc="Chanel-Logo-Grey.jpg" /></td>
<td><img src="Bobby-Brown-Logo.jpg" width="174" height="37" alt="Bobbi Brown Logo" longdesc="Bobby-Brown-Logo.jpg" /></td>
<td><img src="MAC-Logo.jpg" width="105" height="61" alt="MAC Logo" longdesc="MAC-Logo.jpg" /></td>
<td><img src="Dior-Logo.jpg" width="105" height="82" alt="Dior Logo" longdesc="Dior-Logo.jpg" /></td>
<td><img src="NARS-Logo.jpg" width="118" height="47" alt="NARS Logo" longdesc="NARS-Logo.jpg" /></td>
<td><img src="MakeUpForeverLogo.jpg" width="151" height="49" alt="Makeup Forever Logo" longdesc="MakeUpForeverLogo.jpg" /></td>
</tr>
</table>
<p align="center"><!-- end .footer --></p>
<p align="center">© Copyright Natalie Marie Makeup 2011</p>
<p align="center"> </p>
</div>
<!-- end .container --></div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
<!-- InstanceEnd --></html>Unfortunately it didn't sort out the problem. The footer has been displaced to the right and I don't see why it should, when I added a 'float' property to the picture to enable the text to wrap around.
Can someone please advise?
It seems if I change the padding px numbers it moves the images within the footer around. How do I ensure that these are fixed in place? I have created a template, which may have the problem in.
Am I missing something?
The code from the footer section of the template:
</div>
<div class="footer">
<table border="0" align="center" cellpadding="5">
<tr>
<td height="101"><img src="../Chanel-Logo-Grey.jpg" width="81" height="62" alt="Chanel Logo" longdesc="Chanel-Logo-Grey.jpg" /></td>
<td><img src="../Bobby-Brown-Logo.jpg" width="174" height="37" alt="Bobbi Brown Logo" longdesc="Bobby-Brown-Logo.jpg" /></td>
<td><img src="../MAC-Logo.jpg" width="105" height="61" alt="MAC Logo" longdesc="MAC-Logo.jpg" /></td>
<td><img src="../Dior-Logo.jpg" width="105" height="82" alt="Dior Logo" longdesc="Dior-Logo.jpg" /></td>
<td><img src="../NARS-Logo.jpg" width="118" height="47" alt="NARS Logo" longdesc="NARS-Logo.jpg" /></td>
<td><img src="../MakeUpForeverLogo.jpg" width="151" height="49" alt="Makeup Forever Logo" longdesc="MakeUpForeverLogo.jpg" /></td>
</tr>
</table>
<p align="center"><!-- end .footer --></p>
<p align="center">© Copyright Natalie Marie Makeup 2011</p>
<p align="center"> </p>
</div> -
Why is the decorations so limited?
I have been using labview since 4.0 and have seen huge improvements in most areas of the environment but decorations have not changed all that much, Why? Lately I have seen clients which want to see applications be commercialized but want it to look less like labview from a user point of view. I have to exhaust almost every GUI trick in labview to do this and it is not all that easy. There are so many improvements for labview on this front. There needs to be an extended decoration class which uses a standard vector graphic with additional properties and methods to modify these objects at runtime.
1. Allow for naming of extended decorations to enable referencing these objects (NOT using Decoration[] from pane and keeping track of this unexposed index)
2. Extend the color property from FG, BG to FG, BG, Colors[] where an unlimited number of configurable programatic colors can be changed ate edit or runtime.
3. Allow for blending, texturing and patterning objects.
4. Allow for rotation of vector graphics.
5. Provide methods for accessing and modifying the vector graphics to change the decoration at runtime.
It would be noce to beable to make custom decorations that act much like 3d pipes in DSC.
The ability to have complete control over decorations will allow the GUI of labview to extend much like other languages. I feel that the current decoration object is too limited. Opening up this format could allow the community to make GUIs that rival other languages and environments (think of Apple interfaces). Integrating this control with Xcontrols would allow users to make entire control sets for each industry and toolkits with relative ease.
Just some of my thoughts. I could be alone here.
Paul
Paul Falkenstein
Coleman Technologies Inc.
CLA, CPI, AIA-Vision
Labview 4.0- 2013, RT, Vision, FPGAI dont think performance should take too much of a hit if they use a new data type instead of replacing the original decoration which still has its place. Since the graphic device interface is completly removed from the vi there is no way to implement this without NI adding it. A vector grapohic object native to labview and interchangable with current decoration (possible an extended class) whould be great to have.
Paul
Paul Falkenstein
Coleman Technologies Inc.
CLA, CPI, AIA-Vision
Labview 4.0- 2013, RT, Vision, FPGA -
Image gallery approach for additional details and add to cart option?
With efficiency and minimalist downloads for smartphone users I would appreciate advice on a product image gallery.
Currently I have an intro page and other simple information pages. My gallery pages ( four distinct pages for different leather goods) need either a pop up or a link to a new page for additional details and an option to add to cart.
Within the image gallery, How should I link each photo to the new detail/cart page? Can clicking the image itself be the action or do I need a button?I made a mistake. I think I got it right this time. The pop up of the title box works but the images are all gone.
<!DOCTYPE>
<html>
<head>
<meta charset="UTF-8">
<title>Lapinel Arts Leatherwork</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<link href='http://fonts.googleapis.com/css?family=Overlock:400,700|Simonetta:400,900|Marcellus|Junge' rel='stylesheet' type='text/css'>
<style>
box-sizing: border-box;
body {
margin: 0;
padding: 0;
background: #fff;
font: 14px/20px 'Lucida Sans',sans-serif;
.wrap {
overflow: hidden;
.box {
float: left;
position: relative;
width: 25%;
text-align: center;
margin-bottom: 24px;
.boxInner {
position: relative;
text-align: center;
margin: 0 12px;
overflow: hidden;
img {
max-width: 100%;
.titleBox {
position: absolute;
bottom: 0;
width: 100%;
margin-bottom: -70px;
background: #000;
background: rgba(0, 0, 0, 0.5);
color: #FFF;
padding: 10px;
text-align: center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
.titleBox h2 {
font-size: 16px;
margin: 0;
padding: 0 0 5px 0;
.titleBox a {
text-decoration: none;
color: #fff;
.boxInner:hover .titleBox {
margin-bottom: 0;
@media only screen and (max-width : 768px) {
.box {
width: 50%;
margin-bottom: 24px;
@media only screen and (max-width : 480px) {
.box {
width: 100%;
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
/* Medium desktop: 4 tiles */
.box {
width: 25%;
padding-bottom: 25%;
</style>
<style>
section, header, nav {
display: block;
box-sizing: border-box;
body{
font-family: 'Marcellus', normal;
background-image: url(DRA-042010-LeatheryTexture-MBFT.jpg);
font-size: 90%;
line-height: 140%;
color: #555;
margin: 0;
padding: 0;
background-color: #FFF;
#hover-image {
background-color: #cfc6b0;
text-align: center;
img {
max-width: 100%;
height: auto;
.container {
width: 85%;
max-width: 1000px;
margin: 0 auto;
color: #000;
header h1 {
font-size: 300%;
line-height: 150%;
text-align: center;
letter-spacing: 4px;
padding: 20px 0;
color: #000;
font-weight: bold;
/* top level navigation */
nav {
background-color: #E5E4E2;
nav ul {
display: block;
text-align: center;
margin: 0;
padding: 0;
nav li {
margin: 0;
padding: 0;
display: inline;
position: relative;
nav a {
display: inline-block;
text-decoration: none;
padding: 10px 25px;
color: #000;
nav a:hover {
background-color: #cfc6b0;
color: #000;
nav span {
display: none;
/* droplist navigation */
nav ul ul {
position: absolute;
z-index: 1000;
left: 0;
top: 2em;
background-color: #E5E4E2;
text-align: left!important;
display: none;
nav ul ul li a {
display: block;
width: 12em;
border-top: 1px dotted #ccc;
.about {
padding: 0 8%;
margin: 0 auto;
text-align: center;
background-color: #E5E4E2;
.about h2 {
font-size: 260%;
line-height: 200%;
margin: 0;
padding: 0;
color: #000;
.about p {
font-size: 110%;
line-height: 150%;
margin: 0;
padding: 0 0 20px 0;
.productsWrapper {
background-color: #000;
overflow: hidden;
padding: 30px 25px;
.product {
float: left;
width: 25%;
padding: 12px;
text-align: center;
color: #fff;
.product img {
border: 1px solid #fff;
.view_details {
text-decoration: none;
display: inline-block;
padding: 15px 20px;
border-radius: 6px;
border: 1px dotted #ccc;
color: #555;
background-color: #fff;
.view_details:hover {
background-color: #E5E4E2;
#mobileTrigger {
padding: 10px 25px;
font-size: 120%;
display: none;
color: #000;
footer {
clear: both;
background-color: #cfc6b0;
padding: 30px;
color: #fff;
text-align: center;
overflow: hidden;
footer a {
text-decoration: none;
color: #000;
float: left;
width: 33.33%;
color: #000;
border: #000
.footerBox {
float: left;
width: 33.33%;
color: #000;
@media screen and (max-width: 768px) {
.container {
width: 100%;
.product {
width: 50%;
#mobileTrigger {
display: block;
text-align: right;
nav ul {
display: none;
nav li {
display: block;
text-align: left;
nav a {
display: block;
font-size: 120%;
border-top: 1px dotted #ccc;
nav span {
display: inline-block;
float: right;
font-size: 130%;
/* droplist navigation */
nav ul ul {
position: static;
nav ul ul li a {
width: 100%;
@media screen and (max-width: 480px) {
.product {
float: none;
width: 100%;
body,td,th {
font-family: Marcellus, normal;
#copyright {
color: #000;
font-weight: bold;
</style>
<script type="text/javascript" src="http://lapinelarts.com/JS/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="http://lapinelarts.com/JS/jquery.cycle2.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script>
$(document).ready(function() {
//activate mobile navigation icon when window is 768px
$('#mobileTrigger').css('cursor','pointer').click(function() {
$('#mobileTrigger i').toggleClass('fa-bars fa-times');
$('nav ul').toggle();
// show main desktop navigation onresize/hide sub navigation
$(window).on('resize', function(){
var win = $(this); //this = window
if (win.width() > 768) {
$('nav ul').show();
$('nav ul ul').hide();
//listen for navigation li being clicked
$('nav ul li').click(function() {
$(this).find('ul').slideToggle();
//toggle font awesome icons
$(this).find('i').toggleClass('fa-bars fa-times');
//events if window is less than 768px
if ($(window).width() < 768) {
//stops submenu sliding up when mouse leaves mobile
$('nav ul ul').show();
else {
//activate desktop submenu on hover
$('nav ul li').mouseenter(function() {
$(this).find('ul').slideToggle();
//toggle font awesome icons
$(this).find('i').toggleClass('fa-bars fa-times');
//desktop submenu slides up when mouse leaves ul/li
$('nav ul ul').mouseleave(function() {
$(this).slideUp();
$('nav ul li').mouseleave(function() {
$(this).find('ul').slideUp();
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_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_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>
<style type="text/css">
</style>
</head>
<body onLoad="MM_preloadImages('810_0776_smaller.jpg')">
<header>
<h1>LAPINEL ARTS LEATHERWORKS</h1>
<nav>
<div id="mobileTrigger"><i class="fa fa-bars"></i></div>
<ul>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">PROCESS</a></li>
<li><a href="#">PRODUCTS<span><i class="fa fa-bars"></i></span></a>
<ul>
<li><a href="#">PURSES</a></li>
<li><a href="#">POUCHES</a></li>
<li><a href="#">TOTES</a></li>
<li><a href="#">WALLETS</a></li>
</ul>
</li>
<li><a href="#">CART</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</nav>
</header>
<section class="about">
<h2>PURSES</h2>
<p>There are several styles and sizes of purses available. Custom orders can be arranged but most of these purses are unique and with limited runs of art styles.</p>
<p>Please click on the detail button for larger and additional views and the opportunity to add the item to your cart.<strong></strong></p>
</section>
<div id="hover-image">
<div class="wrap">
<!-- Define all of the tiles: -->
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<h2>Butterfly</h2>
<a href="http://www.bbc.co.uk">View Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<h2>Butterfly</h2>
<a href="http://www.bbc.co.uk">View Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<h2>Butterfly</h2>
<a href="http://www.bbc.co.uk">View Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<h2>Butterfly</h2>
<a href="http://www.bbc.co.uk">View Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
</div>
<!-- end wrap -->
<footer>
<div class="footerBox"><a href="mailto:[email protected]">EMAIL CATHY </a></div>
<div class="footerBox"><a href="https://www.facebook.com/LapinelArtsLeatherwork"> FACEBOOK</a></div>
<div class="footerBox">COPYRIGHT 2015</div>
</footer>
</div>
</body>
</html> -
Gtk-window-decorator doesn't show window decor for background windows
I've gotten Compiz install and working fine except where gtk-window-decorator is concerned. It starts ok, but it only draws window decoration for windows in focus. The area where the decoration should be is clickable and brings the window into focus. Occasionally there is corrupt graphics where the background windows decoration should be.
Here is my xorg.conf
Section "ServerLayout"
# Serial Mouse not detected
# USB Mouse not detected
Identifier "Xorg Configured"
Screen 0 "Screen0" 0 0
InputDevice "Keyboard0" "CoreKeyboard"
InputDevice "PS/2 Mouse" "CorePointer"
EndSection
Section "Files"
# Additional fonts: Locale, Gimp, TTF...
# FontPath "/usr/share/lib/X11/fonts/latin2/75dpi"
# FontPath "/usr/share/lib/X11/fonts/latin2/100dpi"
# True type and type1 fonts are also handled via xftlib, see /etc/X11/XftConfig!
# FontPath "/usr/share/fonts/75dpi:unscaled"
# FontPath "/usr/share/fonts/75dpi"
RgbPath "/usr/share/X11/rgb"
ModulePath "/usr/lib/xorg/modules"
FontPath "/usr/share/fonts/misc:unscaled"
FontPath "/usr/share/fonts/misc"
FontPath "/usr/share/fonts/100dpi:unscaled"
FontPath "/usr/share/fonts/100dpi"
FontPath "/usr/share/fonts/PEX"
FontPath "/usr/share/fonts/cyrillic"
FontPath "/usr/share/fonts/Type1"
FontPath "/usr/share/fonts/ttf/western"
FontPath "/usr/share/fonts/ttf/decoratives"
FontPath "/usr/share/fonts/truetype"
FontPath "/usr/share/fonts/truetype/openoffice"
FontPath "/usr/share/fonts/truetype/ttf-bitstream-vera"
FontPath "/usr/share/fonts/latex-ttf-fonts"
FontPath "/usr/share/fonts/defoma/CID"
FontPath "/usr/share/fonts/defoma/TrueType"
EndSection
Section "Module"
Load "ddc" # ddc probing of monitor
Load "dbe"
Load "extmod"
Load "glx"
Load "bitmap" # bitmap-fonts
Load "freetype"
Load "record"
# Load "synaptics"
EndSection
Section "ServerFlags"
Option "AllowMouseOpenFail" "true"
Option "Xinerama" "0"
EndSection
Section "InputDevice"
Identifier "Keyboard0"
Driver "keyboard"
Option "CoreKeyboard"
Option "XkbRules" "xorg"
Option "XkbModel" "apple"
Option "XkbLayout" "gb"
Option "XkbVariant" ""
EndSection
Section "InputDevice"
Identifier "Serial Mouse"
Driver "mouse"
Option "Protocol" "Microsoft"
Option "Device" "/dev/ttyS0"
Option "Emulate3Buttons" "true"
Option "Emulate3Timeout" "70"
Option "SendCoreEvents" "true"
EndSection
Section "InputDevice"
Identifier "PS/2 Mouse"
Driver "mouse"
Option "Protocol" "auto"
Option "ZAxisMapping" "4 5"
Option "Device" "/dev/psaux"
Option "Emulate3Buttons" "true"
Option "Emulate3Timeout" "70"
Option "SendCoreEvents" "true"
EndSection
Section "InputDevice"
Identifier "USB Mouse"
Driver "mouse"
Option "Device" "/dev/input/mice"
Option "SendCoreEvents" "true"
Option "Protocol" "IMPS/2"
Option "ZAxisMapping" "4 5"
Option "Buttons" "5"
EndSection
Section "Monitor"
Identifier "226BW"
# DisplaySize 474 296
HorizSync 28.0 - 96.0
VertRefresh 50.0 - 62.0
# ModeLine "1680x1050_60.00" 147.1 1680 1784 1968 2256 1050 1051 1054 1087 -hsync +vsync
Option "DPMS" "true"
EndSection
Section "Monitor"
Identifier "Monitor0"
VendorName "Unknown"
ModelName "Samsung SyncMaster"
HorizSync 30.0 - 81.0
VertRefresh 56.0 - 75.0
EndSection
Section "Device"
Identifier "8800GTS320"
Driver "nvidia"
VendorName "BGS"
BoardName "Geforce 8800GTS 320MB"
# Option "UseEdidDpi" "false"
# Option "DPI" "90x90"
Option "RenderAccel" "True"
Option "AddARGBGLXVisuals" "True"
Option "DamageEvents" "True"
Option "TripleBuffer" "True"
EndSection
Section "Device"
Identifier "Videocard0"
Driver "nvidia"
VendorName "NVIDIA Corporation"
BoardName "GeForce 8800 GTS"
EndSection
Section "Screen"
Identifier "Screen0"
Device "Videocard0"
Monitor "Monitor0"
DefaultDepth 24
Option "TwinView" "0"
Option "metamodes" "1680x1050_60 +0+0; nvidia-auto-select +0+0"
SubSection "Display"
Depth 24
EndSubSection
EndSection
Section "Extensions"
Option "Composite" "enable"
EndSection
and the output of glxinfo:
name of display: :0.0
display: :0 screen: 0
direct rendering: Yes
server glx vendor string: NVIDIA Corporation
server glx version string: 1.4
server glx extensions:
GLX_EXT_visual_info, GLX_EXT_visual_rating, GLX_SGIX_fbconfig,
GLX_SGIX_pbuffer, GLX_SGI_video_sync, GLX_SGI_swap_control,
GLX_EXT_texture_from_pixmap, GLX_ARB_multisample, GLX_NV_float_buffer,
GLX_ARB_fbconfig_float, GLX_EXT_framebuffer_sRGB
client glx vendor string: NVIDIA Corporation
client glx version string: 1.4
client glx extensions:
GLX_ARB_get_proc_address, GLX_ARB_multisample, GLX_EXT_visual_info,
GLX_EXT_visual_rating, GLX_EXT_import_context, GLX_SGI_video_sync,
GLX_NV_swap_group, GLX_NV_video_out, GLX_SGIX_fbconfig, GLX_SGIX_pbuffer,
GLX_SGI_swap_control, GLX_NV_float_buffer, GLX_ARB_fbconfig_float,
GLX_EXT_fbconfig_packed_float, GLX_EXT_texture_from_pixmap,
GLX_EXT_framebuffer_sRGB
GLX version: 1.3
GLX extensions:
GLX_EXT_visual_info, GLX_EXT_visual_rating, GLX_SGIX_fbconfig,
GLX_SGIX_pbuffer, GLX_SGI_video_sync, GLX_SGI_swap_control,
GLX_EXT_texture_from_pixmap, GLX_ARB_multisample, GLX_NV_float_buffer,
GLX_ARB_fbconfig_float, GLX_EXT_framebuffer_sRGB,
GLX_ARB_get_proc_address
OpenGL vendor string: NVIDIA Corporation
OpenGL renderer string: GeForce 8800 GTS/PCI/SSE2
OpenGL version string: 2.1.2 NVIDIA 169.09
OpenGL extensions:
GL_ARB_color_buffer_float, GL_ARB_depth_texture, GL_ARB_draw_buffers,
GL_ARB_fragment_program, GL_ARB_fragment_program_shadow,
GL_ARB_fragment_shader, GL_ARB_half_float_pixel, GL_ARB_imaging,
GL_ARB_multisample, GL_ARB_multitexture, GL_ARB_occlusion_query,
GL_ARB_pixel_buffer_object, GL_ARB_point_parameters, GL_ARB_point_sprite,
GL_ARB_shadow, GL_ARB_shader_objects, GL_ARB_shading_language_100,
GL_ARB_texture_border_clamp, GL_ARB_texture_compression,
GL_ARB_texture_cube_map, GL_ARB_texture_env_add,
GL_ARB_texture_env_combine, GL_ARB_texture_env_dot3, GL_ARB_texture_float,
GL_ARB_texture_mirrored_repeat, GL_ARB_texture_non_power_of_two,
GL_ARB_texture_rectangle, GL_ARB_transpose_matrix,
GL_ARB_vertex_buffer_object, GL_ARB_vertex_program, GL_ARB_vertex_shader,
GL_ARB_window_pos, GL_ATI_draw_buffers, GL_ATI_texture_float,
GL_ATI_texture_mirror_once, GL_S3_s3tc, GL_EXT_texture_env_add,
GL_EXT_abgr, GL_EXT_bgra, GL_EXT_blend_color,
GL_EXT_blend_equation_separate, GL_EXT_blend_func_separate,
GL_EXT_blend_minmax, GL_EXT_blend_subtract, GL_EXT_compiled_vertex_array,
GL_EXT_Cg_shader, GL_EXT_bindable_uniform, GL_EXT_depth_bounds_test,
GL_EXT_draw_buffers2, GL_EXT_draw_instanced, GL_EXT_draw_range_elements,
GL_EXT_fog_coord, GL_EXT_framebuffer_blit, GL_EXT_framebuffer_multisample,
GL_EXT_framebuffer_object, GL_EXTX_framebuffer_mixed_formats,
GL_EXT_framebuffer_sRGB, GL_EXT_geometry_shader4,
GL_EXT_gpu_program_parameters, GL_EXT_gpu_shader4,
GL_EXT_multi_draw_arrays, GL_EXT_packed_depth_stencil,
GL_EXT_packed_float, GL_EXT_packed_pixels, GL_EXT_pixel_buffer_object,
GL_EXT_point_parameters, GL_EXT_rescale_normal, GL_EXT_secondary_color,
GL_EXT_separate_specular_color, GL_EXT_shadow_funcs,
GL_EXT_stencil_two_side, GL_EXT_stencil_wrap, GL_EXT_texture3D,
GL_EXT_texture_array, GL_EXT_texture_buffer_object,
GL_EXT_texture_compression_latc, GL_EXT_texture_compression_rgtc,
GL_EXT_texture_compression_s3tc, GL_EXT_texture_cube_map,
GL_EXT_texture_edge_clamp, GL_EXT_texture_env_combine,
GL_EXT_texture_env_dot3, GL_EXT_texture_filter_anisotropic,
GL_EXT_texture_integer, GL_EXT_texture_lod, GL_EXT_texture_lod_bias,
GL_EXT_texture_mirror_clamp, GL_EXT_texture_object, GL_EXT_texture_sRGB,
GL_EXT_texture_shared_exponent, GL_EXT_timer_query, GL_EXT_vertex_array,
GL_IBM_rasterpos_clip, GL_IBM_texture_mirrored_repeat,
GL_KTX_buffer_region, GL_NV_blend_square, GL_NV_copy_depth_to_color,
GL_NV_depth_buffer_float, GL_NV_conditional_render, GL_NV_depth_clamp,
GL_NV_fence, GL_NV_float_buffer, GL_NV_fog_distance,
GL_NV_fragment_program, GL_NV_fragment_program_option,
GL_NV_fragment_program2, GL_NV_framebuffer_multisample_coverage,
GL_NV_geometry_shader4, GL_NV_gpu_program4, GL_NV_half_float,
GL_NV_light_max_exponent, GL_NV_multisample_coverage,
GL_NV_multisample_filter_hint, GL_NV_occlusion_query,
GL_NV_packed_depth_stencil, GL_NV_parameter_buffer_object,
GL_NV_pixel_data_range, GL_NV_point_sprite, GL_NV_primitive_restart,
GL_NV_register_combiners, GL_NV_register_combiners2,
GL_NV_texgen_reflection, GL_NV_texture_compression_vtc,
GL_NV_texture_env_combine4, GL_NV_texture_expand_normal,
GL_NV_texture_rectangle, GL_NV_texture_shader, GL_NV_texture_shader2,
GL_NV_texture_shader3, GL_NV_transform_feedback, GL_NV_vertex_array_range,
GL_NV_vertex_array_range2, GL_NV_vertex_program, GL_NV_vertex_program1_1,
GL_NV_vertex_program2, GL_NV_vertex_program2_option,
GL_NV_vertex_program3, GL_NVX_conditional_render, GL_SGIS_generate_mipmap,
GL_SGIS_texture_lod, GL_SGIX_depth_texture, GL_SGIX_shadow,
GL_SUN_slice_accum
visual x bf lv rg d st colorbuffer ax dp st accumbuffer ms cav
id dep cl sp sz l ci b ro r g b a bf th cl r g b a ns b eat
0x21 24 tc 0 32 0 r y . 8 8 8 0 4 24 8 16 16 16 16 0 0 None
0x22 24 dc 0 32 0 r y . 8 8 8 0 4 24 8 16 16 16 16 0 0 None
0x24 24 tc 0 32 0 r y . 8 8 8 8 4 24 8 16 16 16 16 0 0 None
0x25 24 tc 0 32 0 r . . 8 8 8 0 4 24 8 16 16 16 16 0 0 None
0x26 24 tc 0 32 0 r . . 8 8 8 8 4 24 8 16 16 16 16 0 0 None
0x27 24 tc 0 32 0 r y . 8 8 8 0 4 24 0 16 16 16 16 0 0 None
0x28 24 tc 0 32 0 r y . 8 8 8 8 4 24 0 16 16 16 16 0 0 None
0x29 24 tc 0 32 0 r . . 8 8 8 0 4 24 0 16 16 16 16 0 0 None
0x2a 24 tc 0 32 0 r . . 8 8 8 8 4 24 0 16 16 16 16 0 0 None
0x2b 24 tc 0 32 0 r y . 8 8 8 0 4 0 0 16 16 16 16 0 0 None
0x2c 24 tc 0 32 0 r y . 8 8 8 8 4 0 0 16 16 16 16 0 0 None
0x2d 24 tc 0 32 0 r . . 8 8 8 0 4 0 0 16 16 16 16 0 0 None
0x2e 24 tc 0 32 0 r . . 8 8 8 8 4 0 0 16 16 16 16 0 0 None
0x2f 24 tc 0 32 0 r y . 8 8 8 0 4 24 0 16 16 16 16 2 1 Ncon
0x30 24 tc 0 32 0 r y . 8 8 8 8 4 24 0 16 16 16 16 2 1 Ncon
0x31 24 tc 0 32 0 r y . 8 8 8 0 4 24 0 16 16 16 16 4 1 Ncon
0x32 24 tc 0 32 0 r y . 8 8 8 8 4 24 0 16 16 16 16 4 1 Ncon
0x33 24 tc 0 32 0 r . . 8 8 8 0 4 24 0 16 16 16 16 2 1 Ncon
0x34 24 tc 0 32 0 r . . 8 8 8 8 4 24 0 16 16 16 16 2 1 Ncon
0x35 24 tc 0 32 0 r . . 8 8 8 0 4 24 0 16 16 16 16 4 1 Ncon
0x36 24 tc 0 32 0 r . . 8 8 8 8 4 24 0 16 16 16 16 4 1 Ncon
0x37 24 tc 0 32 0 r y . 8 8 8 0 4 24 8 16 16 16 16 2 1 Ncon
0x38 24 tc 0 32 0 r y . 8 8 8 8 4 24 8 16 16 16 16 2 1 Ncon
0x39 24 tc 0 32 0 r y . 8 8 8 0 4 24 8 16 16 16 16 4 1 Ncon
0x3a 24 tc 0 32 0 r y . 8 8 8 8 4 24 8 16 16 16 16 4 1 Ncon
0x3b 24 tc 0 32 0 r . . 8 8 8 0 4 24 8 16 16 16 16 2 1 Ncon
0x3c 24 tc 0 32 0 r . . 8 8 8 8 4 24 8 16 16 16 16 2 1 Ncon
0x3d 24 tc 0 32 0 r . . 8 8 8 0 4 24 8 16 16 16 16 4 1 Ncon
0x3e 24 tc 0 32 0 r . . 8 8 8 8 4 24 8 16 16 16 16 4 1 Ncon
0x3f 24 dc 0 32 0 r y . 8 8 8 8 4 24 8 16 16 16 16 0 0 None
0x40 24 dc 0 32 0 r . . 8 8 8 0 4 24 8 16 16 16 16 0 0 None
0x41 24 dc 0 32 0 r . . 8 8 8 8 4 24 8 16 16 16 16 0 0 None
0x42 24 dc 0 32 0 r y . 8 8 8 0 4 24 0 16 16 16 16 0 0 None
0x43 24 dc 0 32 0 r y . 8 8 8 8 4 24 0 16 16 16 16 0 0 None
0x44 24 dc 0 32 0 r . . 8 8 8 0 4 24 0 16 16 16 16 0 0 None
0x45 24 dc 0 32 0 r . . 8 8 8 8 4 24 0 16 16 16 16 0 0 None
0x46 24 dc 0 32 0 r y . 8 8 8 0 4 0 0 16 16 16 16 0 0 None
0x47 24 dc 0 32 0 r y . 8 8 8 8 4 0 0 16 16 16 16 0 0 None
0x48 24 dc 0 32 0 r . . 8 8 8 0 4 0 0 16 16 16 16 0 0 None
0x49 24 dc 0 32 0 r . . 8 8 8 8 4 0 0 16 16 16 16 0 0 None
0x4a 24 dc 0 32 0 r y . 8 8 8 0 4 24 0 16 16 16 16 2 1 Ncon
0x4b 24 dc 0 32 0 r y . 8 8 8 8 4 24 0 16 16 16 16 2 1 Ncon
0x4c 24 dc 0 32 0 r y . 8 8 8 0 4 24 0 16 16 16 16 4 1 Ncon
0x4d 24 dc 0 32 0 r y . 8 8 8 8 4 24 0 16 16 16 16 4 1 Ncon
0x4e 24 dc 0 32 0 r . . 8 8 8 0 4 24 0 16 16 16 16 2 1 Ncon
0x4f 24 dc 0 32 0 r . . 8 8 8 8 4 24 0 16 16 16 16 2 1 Ncon
0x50 24 dc 0 32 0 r . . 8 8 8 0 4 24 0 16 16 16 16 4 1 Ncon
0x51 24 dc 0 32 0 r . . 8 8 8 8 4 24 0 16 16 16 16 4 1 Ncon
0x52 24 dc 0 32 0 r y . 8 8 8 0 4 24 8 16 16 16 16 2 1 Ncon
0x53 24 dc 0 32 0 r y . 8 8 8 8 4 24 8 16 16 16 16 2 1 Ncon
0x54 24 dc 0 32 0 r y . 8 8 8 0 4 24 8 16 16 16 16 4 1 Ncon
0x55 24 dc 0 32 0 r y . 8 8 8 8 4 24 8 16 16 16 16 4 1 Ncon
0x56 24 dc 0 32 0 r . . 8 8 8 0 4 24 8 16 16 16 16 2 1 Ncon
0x57 24 dc 0 32 0 r . . 8 8 8 8 4 24 8 16 16 16 16 2 1 Ncon
0x58 24 dc 0 32 0 r . . 8 8 8 0 4 24 8 16 16 16 16 4 1 Ncon
0x59 24 dc 0 32 0 r . . 8 8 8 8 4 24 8 16 16 16 16 4 1 Ncon
0x23 32 tc 0 32 0 r y . 8 8 8 0 4 24 8 16 16 16 16 0 0 None
0x5a 32 tc 0 32 0 r y . 8 8 8 8 4 24 8 16 16 16 16 0 0 None
0x5b 32 tc 0 32 0 r . . 8 8 8 0 4 24 8 16 16 16 16 0 0 None
0x5c 32 tc 0 32 0 r . . 8 8 8 8 4 24 8 16 16 16 16 0 0 None
0x5d 32 tc 0 32 0 r y . 8 8 8 0 4 24 0 16 16 16 16 0 0 None
0x5e 32 tc 0 32 0 r y . 8 8 8 8 4 24 0 16 16 16 16 0 0 None
0x5f 32 tc 0 32 0 r . . 8 8 8 0 4 24 0 16 16 16 16 0 0 None
0x60 32 tc 0 32 0 r . . 8 8 8 8 4 24 0 16 16 16 16 0 0 None
0x61 32 tc 0 32 0 r y . 8 8 8 0 4 0 0 16 16 16 16 0 0 None
0x62 32 tc 0 32 0 r y . 8 8 8 8 4 0 0 16 16 16 16 0 0 None
0x63 32 tc 0 32 0 r . . 8 8 8 0 4 0 0 16 16 16 16 0 0 None
0x64 32 tc 0 32 0 r . . 8 8 8 8 4 0 0 16 16 16 16 0 0 None
0x65 32 tc 0 32 0 r y . 8 8 8 0 4 24 0 16 16 16 16 2 1 Ncon
0x66 32 tc 0 32 0 r y . 8 8 8 8 4 24 0 16 16 16 16 2 1 Ncon
0x67 32 tc 0 32 0 r y . 8 8 8 0 4 24 0 16 16 16 16 4 1 Ncon
0x68 32 tc 0 32 0 r y . 8 8 8 8 4 24 0 16 16 16 16 4 1 Ncon
0x69 32 tc 0 32 0 r . . 8 8 8 0 4 24 0 16 16 16 16 2 1 Ncon
0x6a 32 tc 0 32 0 r . . 8 8 8 8 4 24 0 16 16 16 16 2 1 Ncon
0x6b 32 tc 0 32 0 r . . 8 8 8 0 4 24 0 16 16 16 16 4 1 Ncon
0x6c 32 tc 0 32 0 r . . 8 8 8 8 4 24 0 16 16 16 16 4 1 Ncon
0x6d 32 tc 0 32 0 r y . 8 8 8 0 4 24 8 16 16 16 16 2 1 Ncon
0x6e 32 tc 0 32 0 r y . 8 8 8 8 4 24 8 16 16 16 16 2 1 Ncon
0x6f 32 tc 0 32 0 r y . 8 8 8 0 4 24 8 16 16 16 16 4 1 Ncon
Emerald works okay, but I'd rather use the gtk decorator. Any help would be greatly appreciated.I don't want to be a bastard and all, and know that it's only been a few hours since I posted commenting that I have the same issue, but does anyone, absolutely anyone have any clue what is happening?
I have also tried running git compiz fusion and the issue is still there.
Also, when running emerald, the windecorations display fine but there are no shadows - at all.
When using gtk-window-decorator, the shadows exist but are of a similar color to my wallpaper and seem to glow and are definitely not shadowy... The decoration of the inactive window is completely transparent, save for the shadow and occasionally, parts of it render seemingly randomly looking garbled.
The issue is quite annoying since gtk-window-decorator is much faster than emerald and offers better integration with GNOME.
I'm using a GeForce 8600GTS with basically the same config files as the OP. I'm running 32-bit Arch.
I'm using the nvidia driver (as in current - I've installed the system today) and by checking nvidia.com, the version I have, 169.12 is the latest stable one.
So pretty please, with sugar on top, how do I get this working properly. This is the first time I've ever encountered the issue and so, could it be related to Arch configuration or to faulty packages?
Please help, anyone. It's quite frustrating and I really want fully-operational compiz.
Thanks everyone.
Sorry for double posting/shamelessly bumping. -
Additional line spacing added to cells?
I'm building a vertical navigation table in a template. It
looks fine when I view it in design view but when I preview it a
browser (firefox or IE) it seems to add a paragraph return or
something after my last word of text causing an additional line of
spacing within the cells. This results in the lines of text in the
navigation list to look too far apart. There's no parapgraph return
that I can find. I'm using a bulleted list.
Here's some of the code if it helps folowed by the css style
info:
<td width="165" height="1019" valign="top"><table
width="165" border="0" align="center" cellpadding="0"
cellspacing="0" background="/images/vertgldgradient.jpg">
<tr>
<td width="157" class="navheading">welcome</td>
</tr>
<tr>
<td class="navlink"><ul>
<li><a
href="../index.htm">Home</a></li>
</ul></td>
</tr>
<tr>
<td class="navheading">products</td>
</tr>
<tr>
<td class="navlink"><ul>
<li><a href="../Racks.htm">Studio
Guitar<br>
Case Rack </a></li>
</ul></td>
</tr>
<tr>
<td class="navlink"><ul>
<li><a href="../guitarcases.htm">Guitar Cases
</a></li>
</ul></td>
CSS:
.navlink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #003399;
text-decoration: none;
text-align: left;
list-style-position: outside;
list-style-image: url(../images/bluebullet_ar.gif);
vertical-align: middle;
Any help would be appreciated
ThanksLooks awkward to me. Why not have a single cell containing an
unordered
list -
<td>
<ul>
<li><a href="home.html">HOME</li>
<li><a href="../Racks.htm">Studio
Guitar<br>
Case Rack </a></li>
</ul>
</td>
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"blueman2" <[email protected]> wrote in
message
news:[email protected]...
> I'm building a vertical navigation table in a template.
It looks fine when
> I
> view it in design view but when I preview it a browser
(firefox or IE) it
> seems
> to add a paragraph return or something after my last
word of text causing
> an
> additional line of spacing within the cells. This
results in the lines of
> text
> in the navigation list to look too far apart. There's no
parapgraph return
> that
> I can find. I'm using a bulleted list.
>
> Here's some of the code if it helps folowed by the css
style info:
>
> <td width="165" height="1019"
valign="top"><table width="165" border="0"
> align="center" cellpadding="0" cellspacing="0"
> background="/images/vertgldgradient.jpg">
> <tr>
> <td width="157"
class="navheading">welcome</td>
> </tr>
> <tr>
> <td class="navlink">
>
<a href="../index.htm">Home</a></li>
>
</td>
> </tr>
> <tr>
> <td class="navheading">products</td>
> </tr>
> <tr>
> <td class="navlink">
>
<a href="../Racks.htm">Studio Guitar<br>
> Case Rack </a></li>
>
</td>
> </tr>
> <tr>
> <td class="navlink">
>
<a href="../guitarcases.htm">Guitar Cases
</a></li>
>
</td>
>
> CSS:
> .navlink {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 12px;
> font-weight: bold;
> color: #003399;
> text-decoration: none;
> text-align: left;
> list-style-position: outside;
> list-style-image: url(../images/bluebullet_ar.gif);
>
> vertical-align: middle;
>
> Any help would be appreciated
>
> Thanks
> -
Pb enregistrement addition de deux sinusoides
Bonjour, je suis toujours sur le meme probleme qui consiste a vouloir enregistrer un signal issu de l'addition de deux sinusoides mais j'ai un soucis que je n'arrive pas a resoudre. J'ai chercher comment enregistrer un fichier wav avec les vi read file. Mon probleme est que lorsque je lance mon vi, aucune erreur apparente, mais des que je veux lire le fhier enregistre via windows media player, celui ci me dit "impossible de lire le fichier". La taille du vi est toujours de 9.82 K octet en sortie quelque soit la duree de l'enregistrement et en fouillant un peu plus j'ai vu un code erreur -4824 sur le vi read file. Je ne comprend pas pourquoi ca bugge, si qqun peut m'aider, d'avnce merci
Pièces jointes :
son genere.vi 30 KBBonjour Chris,
Je remarque 2 points :
1) Le VI d'écriture dans sa version simple, ouvre/ecrit/ferme le fichier à chaque fois, vos données ne sont donc pas cumulées dans le fichier mais remplacées à chaque itération. Autrement, il est préférable d'utiliser les VIs plus bas niveau de la même palette, tel que mis en oeuvre dans l'exemple "Sound Input to File.vi" (E/S matérielles > Son)
2) Vous avez mis 200000Hz comme fréquence d'echantillonnage. Si je met un standard tel que 44100 Hz, Windows Media parvient à le lire.
J'espère que cela pourra vous aider !
Cordialement,
Rémi M.
National Instruments France
#adMrkt{text-align: center;font-size:11px; font-weight: bold;} #adMrkt a {text-decoration: none;} #adMrkt a:hover{font-size: 9px;} #adMrkt a span{display: none;} #adMrkt a:hover span{display: block;}
>> Les présentations NIDays 2010 déjà disponibles au téléchargement ! -
Compiz window decorator for kde3?
Hi,
I have compiz running and theres compiz gtk for gnome and compiz kde for kde4, but there isnt compiz kde3. in past there was compiz decorator for kde3, but now its gone. Where can i get it? thanks.I modified the PKGBUILD from http://aur.archlinux.org/packages.php?ID=18815 to get it working. The one I ended up using looks like this (I'm using KDEmod, so some additional tweaking may be necessary if you're using KDE 3 from other sources):
# $Id: PKGBUILD,v 1.14 2008/06/08 14:06:02 BaSh Exp $
# Maintainer: JJDaNiMoTh <[email protected]>
pkgname=kdemod3-compiz-decorator-kde
_pkgname=compiz-decorator-kde
pkgver=0.7.8
pkgrel=1
pkgdesc="Decorator of Compiz for KDE"
url="http://www.go-compiz.org/"
license="GPL MIT"
arch=('i686' 'x86_64')
groups=('compiz' 'compiz-kde')
depends=('kdemod3-kdebase' 'compiz-core')
makedepends=('libgl' 'perlxml')
options=(!libtool)
conflicts=('compiz-git' 'compiz-decorator-kde-git')
source=(http://xorg.freedesktop.org/archive/individual/app/compiz-$pkgver.tar.gz)
md5sums=('e99977d9170a7bd5d571004eed038428')
build()
cd $startdir/src/compiz-$pkgver
/usr/bin/perl -e "require XML::Parser"
./configure --prefix=/opt/kde \
--disable-gnome \
--disable-librsvg \
--disable-metacity \
--disable-gtk \
--disable-gconf \
--disable-dbus \
--disable-annotate \
--disable-place \
--disable-glib \
--enable-kde \
--enable-kconfig || return 1
make || return 1
make DESTDIR=$startdir/pkg install
# Let's remove stuff that are in compiz-core package
rm -rf $startdir/pkg/opt/kde/{include,lib}
rm -rf $startdir/pkg/opt/kde/bin/compiz
rm -rf $startdir/pkg/opt/kde/share/{locale,compiz} -
I'd like to create a generic interface for a factory that decorates objects with a given interface.
Basically my decorated objects are of the same type then the non-decorated objects and additionally they implement an interface. The interface in question is "CheckMarkable".
I was thinking about declaring the interface for my factory like this:
public interface CheckMarkableFactory<E, CheckMarkableE extends E & CheckMarkable>
CheckMarkableE decorate(E objToDecorate);
}But I get the following error: "Cannot specify any additional bound CheckMarkable when first bound is a type parameter".
Changing E & CheckMarkable to CheckMarkable & E won't help because I get the following error instead: "The type E is not an interface; it cannot be specified as a bounded parameter".
As a workaround, I can always do this:
public interface CheckMarkableFactory<E>
/** Assumes that the returned value implements CheckMarkable */
E decorate(E objToDecorate);
}or this:
public interface CheckMarkableFactory<E>
/** Assumes that the returned value extends E */
CheckMarkable decorate(E objToDecorate);
}But in both cases I need to cast my objects either to CheckMarkable or to their initial type (E)...
I was wondering if there is a way to prevent these casts by enforcing the factory to create CheckMarkable objects of the same type than the passed objects...I'd like to create a generic interface for a factory that decorates objects with a given interface.
Basically my decorated objects are of the same type then the non-decorated objects and additionally they implement an interface. The interface in question is "CheckMarkable".
I was thinking about declaring the interface for my factory like this:
public interface CheckMarkableFactory<E, CheckMarkableE extends E & CheckMarkable>
CheckMarkableE decorate(E objToDecorate);
}But I get the following error: "Cannot specify any additional bound CheckMarkable when first bound is a type parameter".
Changing E & CheckMarkable to CheckMarkable & E won't help because I get the following error instead: "The type E is not an interface; it cannot be specified as a bounded parameter".
As a workaround, I can always do this:
public interface CheckMarkableFactory<E>
/** Assumes that the returned value implements CheckMarkable */
E decorate(E objToDecorate);
}or this:
public interface CheckMarkableFactory<E>
/** Assumes that the returned value extends E */
CheckMarkable decorate(E objToDecorate);
}But in both cases I need to cast my objects either to CheckMarkable or to their initial type (E)...
I was wondering if there is a way to prevent these casts by enforcing the factory to create CheckMarkable objects of the same type than the passed objects... -
Need to remove additional markup around components in preview/ publish
Hi all,
I have a quick question concerning the cq:noDecoration property on a
component that - if set to "true" - removes the <div> markup from a
component.
I need this behaviour because the markup produces invalid HTML. But
sadly when removing the wrap the component can not be selected any
more?
How can i create a component that has no additional markup wrapped
around it but can still be edited/selected?
It would be ok to have additional markup in edit mode but not in
preview mode.
Regards,
Shellyhow does the markup produce invalid HTML? i am interested to see the validator results for your specific case.
nevertheless, the WCM Editables (hover frames for opening the edit dialog) require a block element to wrap themselves around per paragraph or component, otherwise they don't know where to attach. this is usually done with the auto-generated div. disabling the decoration effectively disables the editables.
would it help if you could set your own HTML decoration? using a component's cq:htmlTag node (with e.g. a property cq:tagName = "myhtmlelement" [e.g. h1] and "id" or "class" to set desired style reference) you can maybe produce HTML that conforms to your needs, while at the same time serving as the required surrounding block level element for the editables.
the ultima ratio is to manually call the CQ.WCM.edit widget function to create an editable within your component's JSP within a block level element:
<div class="blah">
... my magic ....
<script type="text/javascript">
CQ.WCM.edit({"path":"/content/geometrixx/en/jcr:content/par/image","dialog":"/libs/foundat ion/components/image/dialog","type":"foundation/components/image","csp":"homepage|page/par |parsys/image|parbase","editConfig":{"dropTarget":[{"id":"image","name":"./fileReference", "accept":["image/.*"],"groups":["media"],"params":{"./sling:resourceType":"foundation/comp onents/image","./imageMap":"","./imageRotate":"","./imageCrop":""}}]}});
</script>
</div>
replace the configuration properties of the .edit function above as needed for your component. see the widget API documentation at [0] for the .edit function.
you can find various different samples at e.g. (or by looking at the HTML source of an author geometrixx page):
/libs/dam/components/video/profile/profile.jsp
/libs/cq/replication/components/staticagent/staticagent.jsp
[0] http://dev.day.com/docs/en/cq/current/widgets-api/index.html?class=CQ.WCM -
Can't view data in IT302 - Additional Actions
Hi Gurus,
I cannot view any data in IT302 using Ad Hoc Query.
Correct infoset was set up which include Additional actions infotype.
IT302 was also properly set up in t77S0> ADMIN-EVSUP set to 1.
And in T529A all Actions set to be updated in IT302.
There are also Additional Action entries in table PA0302 but when I search it in Ad Hoc Query for a personnel number the fields (Action Type, Reason) turn up blank.
Do I still have to make other configurations?
Any ideas?
Kindly help.
Points will be given out
Thanks,
Olekan BabatondeI was in the need of getting the output based on Additional actions, and was able to figure out the way as how to do it., I am writing this here not that you would still in need but some one in future might come to this thread and get away with the answer.
1. First we need to add Infotype 0302 to our infoset (Going toSQ02, Menu bar, Edit -> Change infotype selection.
2. Once you have the infotype under the Data fields.
3. Try adding each individual field under the field group/data fields by right clicking on the necessary infotype field and selecting Add field to Field group.
4. Once you got all your IT0302 fields under field group/data fields right side of the window, save your infoset and run the infoset query.
5. Now you have the input fields and output fields to be selected from infoset query.
6. Select input fields as Pernr, and action start date and end date from IT0000
7. Select output fields from 0302 infotype fields, you may select all the necessary fields in the output, but the required one is "Counter Field"
8. Once you have your hitlist from the ad hoc query, refresh the list from bottom of the screen and picks up all the ones who have the counter field as 1 - they are the ones, who has additional actions on specific date.
Hope it helps to the viewers.
Warm Regards!
-Kanuku -
Locked out of additional internal drives... Help please
Any help would be more then welcomed as I did something stupid and need a bit of help to fix it please.
Had an issue today on my Mac Pro (2.8, Quad 5.1). All was running fine until I went to update a piece of 3rd party software (Fetch). After the download I went to drag new version into my apps folder and was told I didn't have permission to instal the app.
Now to be clear, I've had a bit of an issue with this before as I'm running 2 mac pros in different locations and drag and copy files and folders from here to there on a regular basis via FTP and external drives. I also have all 4 slots filled on both systems with various drives set up for a particular function along with a number of externals. I've set permissions on both systems and all drives to "read and write" for both my accounts to have full access and each time "apply to enclosed items" was selected.
But for some reason, from time to time, I have to authorise the file transfer. Haven't figured out the reason but it's not a huge deal so have left it.
Today was the first time I have had access denied for my home folder when working from same system. Not thinking and while on the phone to someone (this is where I did the stupid part), I opened the info on my boot (startup) drive and decided to add both of my user accounts and change permissions for each in addition to the system, admin and everyone that was already there. This was done while working from it directly and then set options to "apply to enclosed items". Yea, smart I know.
About 20 minutes passed and then it told me that it didn't like any of my system extensions. I was forced to do a restart and got the spinning wheel for about 30 minutes. Had to do a force quit and open in single user. Applejack wouldn't help at all, nothing. Had to then open cd drive through terminal just to get systems disk inside.
Restarted from systems disk and tried a simple disk utility repair. System restarted fine but I noticed that I was then locked out of all of my additional internal drives, iDisk included (padlock shown on all drive icons excluding my Boot/Startup drive). Tried opening info on the various drives with apple i option and "permissions denied" popped up each time.
I then took the step to restore from time machine. Set my restore selection to about 2 hours before I became an idiot. After it was finished I restarted the system hoping that would clear up my mistake but same thing, still locked out of all of my drives aside from boot/startup drive.
All user accounts that I have added to the boot drive are still showing, I have yet to try and remove them... Figured I would ask for help before I messed it up any further. Spoke to apple care and they have advised me to do what I have done so far.
Aside from an erase and instal, what steps should I take from this point? Will removing the added accounts clear up the issue?
Also, any idea as to why I was refused permissions to begin with...?
Thanks in advance and sorry for the book, just wanted to be as clear as possible.Force iPad into Recovery Mode. Follow step 1 to step 3 very closely.
http://support.apple.com/kb/HT1808 -
Hi Guys,
I am using the full width video widget on a site. The widget was working perfectly however I have just added additional content to the site and re-uploaded and now the video is not working! Please help I have tried everything and am freaking out as this web-site has been payed for by my client.
AlexMany thanks.
With those symptoms, I'd try the following document:
Apple software on Windows: May see performance issues and blank iTunes Store
(If there's a SpeedBit LSP showing up in Autoruns, it's usually best to just uninstall your SpeedBit Video Accelerator.) -
Restriction of addition of Schedule lines to a sales order/scheduling agrmt
Dear Gurus,
I need to restrict addition of new schedule lines to a scheduling agreement till all the goods in the previous schedule line have been delivered.
I tried applying a delivery block at the SL line level ( in the SL category). But to my surprise, the system allows the user to add SL lines to the scheduling agreement. after this the user is free to create deliveries even though the delivery block is still active on the SL line.
I'll try explaining this on numbers:
0n 30.01.2010 i created a SL line for say 100 qtys. The system automatically applies the SL block to this. This Delivery block is removed by the concerned authority.
Now I create a delivery of say 99 QTY for this SL line. The scheduling agreemnt status is as follows:
order qty is 100, *** rel qty is 100, open qty is 1 and confirmed qty is 100.
Now suppose the user enters another Sl line for 100 qty's for which the delivery block is till active and not released.
In this case the user can create delivery for upto 101 qty's. Ideally I want the system should allow the user to create a delivery for only 1 more Qty ( Delievery block for the new SL line is still not removed).
How can we do this? Please help!
Warm Regards
Prashant Joshi.Hi,
If u adding 100 more quantity in same schedule line then system will create delivery for 101 not for the 1
becauze u adding qty in existing SL,
If u want to deliver first 1 qty,then
Add another schedule line of 100 & block it.
Create delivery, now system will create delivery onely for qty 1, Not for 100 becauze it is blocked.
If your Block is not working properly
Then on initial screen of delivery creation put from to item Number as 10 in both and deliver it
Kapil
Edited by: Kapildev Farakte on Feb 3, 2010 5:11 PM
Edited by: Kapildev Farakte on Feb 3, 2010 5:13 PM
Maybe you are looking for
-
As I start Firefox the automatic update tells me that Firefox will open after updete finishes. I then receive an error message that tells me the update failed. It also says to be sure there are no other versions ov Firefox running. There are no other
-
Error when create activity association
The error message please see the attachment. How can I figure out it?
-
I am getting ERROR 3400 Action 1005 in VISIO 2010
I am getting ERROR 3400 Action 1005 in VISIO 2010! Can You help me fix this?
-
How to change/turn off boot up music/noise?
Tired of waking up my wife and everyone in the office knowing when I reboot. Thanks
-
Why does the Apple logo come up during the Visualizer?
You know how trippy the Visualizer can be? Well, it's bloody annoying to have the Apple logo reappear every few minutes. This didn't happen with older versions of iTunes. Can the logo be prevented from appearing? What's the point when I know I'm usin