Search the Community
Showing results for tags 'remove'.
Found 9 results
-
Hello, I've a vertical menu of this kind, styled with a letter-spacing of 5px: <nav> <div class="menu-mobile" id="menu-mobile">menu</div> <ul> <li><a href="#" title="Home">home</a></li> <li><a href="#" title="Galleries">galleries</a></li> <li><a href="#" title="News">news</a></li> <li><a href="#" title="About">about</a></li> <li><a href="#" title="Contact">contact</a></li> </ul> </nav> I was wondering what's the best way to remove letter-spacing from the last letter here in order to have the text well centered in my design. The method I usually use for this is to do a horizontal menu, set the parent element in display: inline-block and then apply a margin-right to -5px to each <a> tags. It works great but it's not what I want here as I would like to have a centered vertical menu that takes a 100% width for mobile devices. The other solutions I know consist in wrapping each text elements in a <span> tag to which I apply a margin-right to -5px, or to play with the padding property to adjust the position of the text, but both these solutions are quit exhaustive and I don't really like them. Isn't it a more simple and "elegant" way to remove that space created by the letter-spacing property from the last letter? Thanks for your help!
-
Okay, so I am driving myself crazy. I have a stick figure character that moves right and left. I also have a play button. When the button is clicked an apple falls from a tree. When it gets to the bottom it is supposed to dissapear. But it does not. Please, help. Are there any openings or mistakes in this code? <!DOCTYPE html><html><head> <title>Document Title</title> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script><style>.character{ height: 150px; width: 70px; margin-top: -151px; margin-left: 300px; position: absolute;}body{ background-image: url("https://lh3.googleusercontent.com/-Q4hNQoLkZEw/VUeBIKRItxI/AAAAAAAAAEc/LIGJGi42At4/w426-h239/tree.png"); background-size: 800px 550px; background-repeat: no-repeat;}.head{ width: 50px; height: 50px; background-color: rgba(); border: 3px solid black; border-radius: 100%; margin-top: -40px; ;}.body{ height: 80px; width: 3px; background-color: black; ;}.leftarm{ height: 50px; width: 3px; background-color: black; transform: rotate(-60deg); margin-top: -100px; ;}.rightarm{ height: 50px; width: 3px; background-color: black; transform: rotate(60deg); margin-top: -50px; ;}.leftleg{ height: 50px; width: 3px; background-color: black; transform: rotate(-140deg); margin-top: 43px; ;}.rightleg{ height: 50px; width: 3px; background-color: black; transform: rotate(140deg); margin-top: -50px; ;}.lefteye{ height: 6px; width: 6px; background-color: black; margin-top: 15px; margin-left: 15px; border-radius: 100%;}.righteye{ height: 6px; width: 6px; background-color: black; margin-top: -6px; margin-left: 28px; border-radius: 100%;}.mouth{ border-radius:0 0 50% 50%; background-color: black; height: 10px; width: 20px; margin-top: 10px; margin-left: 14px;}.begin{ height: 80px; width: 80px; background-color: rgba(); border: 3px solid blue; margin-top: -115px; margin-left: 650px;}.leaves{ width: 100%; height: 100%; background-color: rgba();}.apple{ position: absolute;}.applemain{ height: 30px; width: 30px; background-color: red; border-radius: 100%; margin-top: -5px;}.applestem{ height: 10px; width: 4px; background-color: brown; margin-left: 20px; transform: rotate(10deg); margin-top: -7px;}.appleleaf{ height: 15px; width: 10px; transform: rotate(50deg); background-color: green; margin-left: 20px; border-radius: 70%;}</style><script> $(document).ready(function() { $(document).keydown(function(e) { if (e.keyCode == 37) { $('.character').animate({left: '-=50px'}, 200); } if (e.keyCode == 39) { $('.character').animate({left: '+=50px'}, 200); } }); $(".begin").click(function(){ $(".leaves").append("<div class='apple'><div class='appleleaf'></div><div class='applestem'></div><div class='applemain'></div></div>"); $(".apple").animate({top: "+=400px"}, 1500); $(".leaves").hide("<div class='apple'><div class='appleleaf'></div><div class='applestem'></div><div class='applemain'></div></div>"); }); });</script><body> <div class = "leaves"></div> <div class = "character"> <div class = "head"> <div class = "lefteye"></div> <div class = "righteye"></div> <div class = "mouth"></div> </div> <div class = "body"></div> <div class = "leftarm"></div> <div class = "rightarm"></div> <div class = "leftleg"></div> <div class = "rightleg"></div> </div> <div class = "begin">Play</div></body></html>
-
Hello, I wanted my website's display area to be exactly 768 px centered on the page. So here's the css properties I applied to the "main" div that contains every element I add on my webpage: div#main { margin-left: auto ; margin-right: auto ; width : 768px ;} It works, fine, however when I select several lines of text inside it, the blue selection is bleeding all the way to the left and right of the window (see attached image). How can I prevent this from happening? Thanks for reading! Thomas
-
Well hello there, fellow coders/programmers.I am working on a social website for smokers of denmark to gather and share their pictures of different crops, etc.The problem is, cannabis is not strictly legal in denmark.And since it cant be expected that the average user on our site knows how to deactivate geotagging, i wanna make an option that does it for them, making sure that the popos dont trace their grows through our website.Problem is, this is kind of over my level of expertise.Currently i am just referring people to use this site: http://www.verexif.com/en/ before uploading, but having either this function, or the behind coding doing it automatically, would be completely awesome.i have also found a discussion in the wordpress support forum, but i cant get what theyre writing to work. http://wordpress.org/support/topic/remove-automatic-exif-titles-for-uploadsIf any of you would take the time to give it a go, i would be forever grateful ;)Heck, i might even send you a present
-
media="all".wp-core-ui .button, .wp-core-ui .button-primary, .wp-core-ui .button-secondary { <a href="#" id="insert-media-button" class="button insert-media add_media" data-editor="pv_seller_info" title="Add Media"><span class="wp-media-buttons-icon"></span> Add Media</a> Hello, I need some css help beyond my knowledge. I'm using wordpress, woocommerce and matt's product vendor. I can add custom css however I can't get the correct display none. There is a add media button I want to hide for my vendors without hiding all media buttons. Using chrome inspect element, I can find is the above codes. Any idea what the display none codes would be? Thank you in advanceKimberly
-
Well hello there, fellow coders/programmers.I am working on a social website for smokers of denmark to gather and share their pictures of different crops, etc.The problem is, cannabis is not strictly legal in denmark.And since it cant be expected that the average user on our site knows how to deactivate geotagging, i wanna make an option that does it for them, making sure that the popos dont trace their grows through our website.Problem is, this is kind of over my level of expertise.Currently i am just referring people to use this site: http://www.verexif.com/en/ before uploading, but having either this function, or the behind coding doing it automatically when uploading, directly on our site, would be completely awesome.i have also found a discussion in the wordpress support forum, but i cant get what theyre saying to work. http://wordpress.org/support/topic/remove-automatic-exif-titles-for-uploadsIf any of you would take the time to give it a go, i would be forever grateful ;)Heck, i might even send you a present :PEdit: I fear this might have been misplaced in PHP. Any admin, feel free to move my thread to a more suiting forum
-
Hi Can someone point me in the direction of a tutor so I can learn how to remove or hide things using css. I'm running a wordpress woocommerce store and need to add css in a plug-in box that will remove or hide items. If I have to I can find the css sheet for the plug-in and work from there. I know how to build a basic css sheet to make my own pages but never tried to remove anything using css. Any help of where I can find a good tutor would be much appreciated.Kimberly
-
Hi! I'm new to the whole form-making business and currently beating my way though the basics. Right now i'm clueless about what seems to be a pretty simple and straightforward function. I want my visitor to be able to add values from two different <input-type>-fields into a <textarea>. These two values (being name and e-mail) should become a single row in the <textarea>. The visitor should also be able to remove desired generated rows with a simple click on the "remove selected"-button. The result should look like this: This part of my form looks like this thus far: <div class="deltagare-rubrik">Namn:</div> <input type="text" size="45" name="deltagare-namn" value""> <div class="deltagare-rubrik">E-post:</div> <input type="text" size="45" name="deltagare-epost" value""> <br /> <input type="button" name="deltagare-add" value="Add" class="button"> <br /> <textarea name="deltagare-list" class="deltagare-list" readonly="true"></textarea> <input type="button" name="deltagare-remove" value="Remove selected" class="button"> Very grateful for help, thanks!
-
Hi, i have a button1 that when pressed changes to button2. When button2 is pressed it should change back to button1. You could say that one should be able to "toogle" between the buttons when clicking.The problem is: When button2 is pressed nothing happens, until you hover in and out of the td.It works aswell if i put an echo above remove line... so wierd...Any ideas?jfiddle link test2.html
