Most voted "css" questions
Cascading Style Sheets (or simply CSS) is a style language used to define the presentation of documents written in a markup language, such as HTML or XML. Its main benefit is to provide the separation between the format and content of a document.
Learn more…8,314 questions
Sort by count of
-
1
votes1
answer569
viewsWhy is "overflow:Hidden" not working on my slide?
<div class="slideshow"> <div class="slide"> <div class="slide-1"> <a href="#"><img src="img/01.jpg"></a> <div class="info-slide-left"> <a…
cssasked 9 years, 2 months ago Gilmar Santos 1,371 -
1
votes1
answer110
viewsError with CSS application
I’m ultilizing to Adobe Brackets for the first time, and I’m applying a style in CSS in a Small "Project" in Html , but unfortunately this not generating results, related to CSS.…
-
1
votes3
answers115
viewsVertical side menu up to the thin page
I need to leave a side menu from the beginning until the end of the page, no matter how many items the menu has, for example, if I have a menu with 3 items the background color of the side menu ends…
-
1
votes1
answer86
viewsSync CSS Animation - Two Objects in a Row
Look at this image above. I’m trying to get these two objects to start from the right and go to the left until they disappear from the screen. I want one to stay behind the other, without knocking,…
-
1
votes1
answer492
views -
1
votes1
answer95
viewsStrange character at the beginning of the site pages
I am developing a site in PHP and MYSQL and all pages are displaying the following characters at the beginning of the page:  Each page (index, about, contact...) when opened has in the upper left…
-
1
votes1
answer451
viewsAnimation in SVG image - Auto Drawing
I created a vector in Illustrator and saved it in .svg - this is the present and future of images. And I got the code on svg of the picture and put on the website. I want to make an animation with…
-
1
votes1
answer151
viewsRemove shadow-box and adjust container size
I’m having a hard time making some adjustments on a page I’m using Bootstrap3, and I can only make settings on Clientside I’d like to remove the box shadow from a jumotron.btn box-shadow: 0 5px 11px…
-
1
votes1
answer67
viewsWhy are the Ivs doubling?
I have a one-page code that’s happening something I don’t know about: I have two 100% wide containers, and each has other containers inside. However, after adding a new container with 100% width,…
-
1
votes2
answers759
viewsAdd a 'Pointer' arrow in Tooltip effect
I’m building a Tooltip effect that displays the definitions of specific terms, but I’m encountering problems by having to add an arrow above the small box. Check the CSS of the code soon followed by…
-
1
votes0
answers491
viewsCakephp Does Not Load Css, Javascript, and Images
I have Cakephp in version 1.3.15 installed on a Centos server and the same project that works on the Internet, the local server only loads text and nothing else. As I enable developer mode, if there…
-
1
votes3
answers799
viewsHow to center image to text?
I would like to use the image centered on the text, but I could only align it left or right. It has how to center it, making the text involve the whole image? The code I made is below: <style>…
-
1
votes2
answers34
viewsOpacity in Pseudo-Element and Parent
I want to make a div with the left corner tilted, but it’s not working. This is the right way to do it ? In my case it even works because the div father has overflow, then the rest of the :before…
-
1
votes1
answer1255
viewsHow to keep the scroll bar of a div always down?
I have a div that updates every 4 seconds and I use the overflow on it, I need the scrollbar to always be aligned on the last line. any suggestions?
-
1
votes1
answer26349
viewsResponsive image alignment with Bootstrap
I’m having trouble aligning a responsive Bootstrap image to the center. My image is with class (.img-responsive) properly applied and inserted into a row and of div with class .col-md-12. When I…
-
1
votes1
answer672
viewsHow to restrict the width of an absolute div element within another div while maintaining its position?
I’d like to create an element div with dynamic width, and another element div within this with the property position: absolute e width: 100%, but without that div from inside pass "over" the div…
cssasked 9 years, 1 month ago Thiago Hencke 23 -
1
votes1
answer346
viewsIgnore CSS Class on a specific page
I have a system where the front was made with AngularJS. In that system I have the page index.html where I declare all the libraries, on that same page I have o seguinte trecho de código: <div…
-
1
votes1
answer79
viewsIdentify CSS not loaded in with Firebug?
I have a Site hosted at Locaweb, and I own a firewall in the company Pfsense that for some reason is preventing the loading of CSS on the machines of my network. I want to know how to identify what…
-
1
votes1
answer565
viewsHow to disable mouse effects on mobile phones?
I finished my responsive site and now I’m in the testing phase on mobile phones and tablets. But I came across an extremely unpleasant navigation on mobile phones and tablets, because the effects…
-
1
votes2
answers52
viewsProblem with <select> animation
Galera I set up an input system similar to android, the problem and I’m not able to do the same animation in select. Could someone help me? Follows the code: Code working jsfiddle NOTE: I want to…
-
1
votes2
answers133
viewsCSS Animate does not stop at last keyframe
I made a simple animation with keyframe and when running it does not stop at 100% and yes back at the beginning of my CSS animation, see: .mostramenu { animation: desce 2s; -webkit-animation: desce…
cssasked 8 years, 9 months ago Josias Viskoo 39 -
1
votes2
answers1109
viewsHow to change the opacity of a part of the image?
I’m mapping an image so that when I click on a certain area, another page will be referenced in an iframe. However, so that the user can know where he is clicking, I want to increase the opacity of…
-
1
votes2
answers1019
viewsRepeat animation in css
Good afternoon. I have a little problem with css Animation. I am using 3 different keyframes to make an animation, however when I finish these 3 keyframes I would like to repeat them in exactly the…
-
1
votes1
answer383
viewsHow to add x icon at check-box
I need to add a X at the check-box that is not active, I can add when it is active the V. I’m using the íon Framework to assist me in styling. Follow the code of check: <li class="item…
-
1
votes3
answers288
viewsHow to make the content not be below the footer?
I’m having trouble creating a footer that is always at the bottom of the page, because the text of the div content is getting below the footer. I’ve tried several things, the code is like this:…
-
1
votes1
answer1191
viewsOverlapping submenu by other components
I have the following code that displays a menu-submenu. <div class="btn-group btn-group-xs" style="overflow: visible !important; "> <button data-toggle="dropdown" class="btn btn-white…
cssasked 9 years, 1 month ago Eduardo Debom 73 -
1
votes1
answer1491
viewsFloating Button Over Text and Images
Hello, recently I made a floating button of live-support, it works all right, moves along with the page and is fixed, however it, when moving along with the page, goes under texts and images, IE, it…
-
1
votes3
answers618
viewsHow to make certain words within an editable div stay of one color?
I have a DIV which is editable by the user, only that I wanted when ee write Brasil it stays only this word green tabem as EUA turns red, but only certain words. Code of the IVD: <div id="texto"…
-
1
votes1
answer411
viewsStyling a bar menu via CSS
Good morning guys I’ve been thinking about how to style my menu, and I had an idea, I was wondering if it’s possible Is there any way I can use a css effect that makes part of my menu select? For…
-
1
votes2
answers41
viewsSlowly recount the number of records in a table
Hello guys I have a field on my site that displays the number of registered customer records. How to recount this record more slowly for the user to view this recount? Example: Clientes cadastrados:…
-
1
votes1
answer2414
viewsHow to make a search box with Hover effect?
When you click the search icon the search box opens. .busca-organica{ width:120px; height:27px; background-color:#FFF; display:none; } .btn-pesq{ display:block; } <div class="btn-pesq"><img…
-
1
votes1
answer130
viewsThe width of my site is not equal, header is smaller than the rest. How to resolve?
The width of my site is not the same as can be seen below: The header (logo bar, navigation and main image) is smaller than the content of the site, I am using Bootstrap. The CSS with the measures…
-
1
votes2
answers558
viewsKeep only one panel open on the Accordion Bootstrap3
Hello, I would like help to write a code . JS to repair this error on accordion Bootstrap3. Hide the open panel when another is clicked. I am currently getting more than one open panel, when the…
-
1
votes0
answers39
viewsClient-side Browser Cache Problems
There was a problem with my application that I developed here at the stage. I’m making my server machine for a web page that I developed. Only, after a few visits by customers' parties to our site,…
-
1
votes1
answer1826
viewsRectangle/cone with css only
Could it be like a rectangle/cone just using css? As in the image below: I need to use as background of a div or button, but it has to be in this format.…
cssasked 8 years, 8 months ago Raylan Soares 2,315 -
1
votes1
answer239
viewsShow image inside mobile bootstrap menu
I need to make sure that when the user is on a mobile/tablet/ipad inside the menu (those 3 scratches) an image like the Google menu appears. That’s the picture of how I have to leave: Does anyone…
-
1
votes1
answer1058
viewsHow to add color in the select option’s Hover?
I’m trying to modify the color of the effect Hover, but this only works in firefox. Example: option { filter: hue-rotate(50deg); } <select> <option>foo</option>…
cssasked 8 years, 8 months ago Gabriel Rodrigues 15,969 -
1
votes1
answer46
viewsCategory-separated Jquery Slideshow
I need an idea of how to make a separate slideshow by category, I want to show the user a link to a particular category, by clicking on the link to show a slideshow from this category, if you click…
-
1
votes2
answers2263
viewsHow to make CSS reminders when passing mouse cursor?
How do I exquisite one tooltip by hovering the mouse over the question mark ? See the example in the figure below : You can also view the example by clicking here.…
cssasked 8 years, 8 months ago Gladison Neuza Perosini 861 -
1
votes2
answers226
viewsIs there a difference between using inline CSS or Ids for a lot of different elements?
On the page I’m doing I’m using a Spritesheet with more than 50 different images, but all are in the same file . png and need to pass the position from where each element is in that image…
-
1
votes1
answer311
views:before does not work as it should
I bought a CSS and am trying to apply on my site, the Cass I bought has a validation scheme in the form where it circles the form with a red line and puts an X inside the text box. I’ll put an image…
-
1
votes0
answers183
viewsHover in thumbnail change image in div major
I have two div, one div minor thumbnail (small images) and other div major, that after the Hover effect I want to increase the size of the image in this div and overlay the text that is in it,…
-
1
votes1
answer284
viewsFade transition between sessions of a site with different content
Hello, I need to make a transition effect of how this site: http://brewlife.com/ With the scrolling the content of a session fades away and a new content appears, from the next session, overlapping…
-
1
votes2
answers439
viewsHow to checkbox in the corner of an image?
I am doing a work for the school in php, css... And I would like to know if it is possible to put checkboxes in images coming from the database. I’d like to put the checkboxes (in red) as they are…
-
1
votes1
answer548
viewsLimit body size to screen size
Well, what I wanted was to limit the size of the body so that it was the size of the screen without having to scroll. It’s because I’m developing a project where there’s a lot of white space under…
-
1
votes2
answers1221
viewsDisable mouse scroll
My code. Css: td div{ width:100%; height: 40px; overflow: hidden; padding-top: 9px; } td div:hover{ overflow: auto; } Html: <td><div><?php echo $objProg->getagen();…
-
1
votes1
answer593
viewsChanging the css of a div with Jquery mouseover
I need that if the mouse is not on top of a div, after 4 seconds it disappears, changing the css. How to do this with Javascript/Jquery?
-
1
votes1
answer291
viewsResponsive bootstrap
I have a model on the Internet that tested its responsiveness. As I decrease the width, the menu is also decreasing and getting in perfect condition. This "perfection" is up to 760px. When I do this…
-
1
votes1
answer189
viewsEnabled attribute of HTML5 elements belongs to which interface?
I noticed that some elements of HTML accept the enabled attribute, but I could not identify in W3C which interface shows its possibility of its use. Thank you!
-
1
votes1
answer48
viewsGrid 960 smaller than the screen
I’m starting to use the 960.Gs system css however I am having some problems related to screen size, please correct me if I am wrong. includes all css files correctly within the header only when…