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
-
2
votes1
answer876
viewsWhy use container inside navbar’s in Bootstrap?
I was learning how to use Bootstrap’s Navbar, and I had a question. All the examples I found of using the navbar, have right after the same a container. It is more or less like this: <div…
-
2
votes1
answer466
viewsHow to use the same Bootstrap header for two different menus
I have on my page one header library bootstrap and in it I am using two menus but with the same calls, when resizing the page are displayed two icons but always calls the two menus, I would like to…
cssasked 9 years ago adventistapr 5,498 -
2
votes5
answers1111
viewsHow do I leave the page open marked in the menu?
For example, on this site when you are on any page is marked in the menu with a border-top: http://w5.com.br/index.html I wonder how I do it, I’ve tried visited in css and nothing...…
-
2
votes1
answer290
viewsActive class in the menu using include
On my php pages I use a include to call a file that contains my menu: <?php include('../../sidebar-menu.php'); ?> Menu file: <ul class="sidebar-menu" id="nav-accordion"> <?php foreach…
-
2
votes1
answer6060
viewsDarken background when opening modal window/div
I tried to create something like modal, thus: .try-modal{ position: absolute; top:35%; left:25%; right: 25%; width: 50%; height: 400px; background-color: white; z-index: 2; } I call to <div…
-
2
votes2
answers522
viewsHow to click and scroll a hidden part?
I know the question is confusing, but here’s the thing, I made a jQuery code by codeacademy (jQuery Functions and Selectors 11.Click and Pull), and there it teaches you how to make an algorithm that…
-
2
votes1
answer162
viewsMisaligned
I have these two div <div class="widget nuvem" style="position: static"> <h3>Nuvem de Palavras</h3> <div class="tags"> <? foreach($inicial_nuvem as $valor){ ?> <div…
cssasked 9 years ago Sr. André Baill 6,946 -
2
votes2
answers175
viewsUse links in geometric shapes
I have the following code: .menu .trapezioinvertido{ float:left; border-top: 70px solid #c1c1c1; border-left: 30px solid transparent; border-right: 15px solid transparent; height: 0; width: 120px;…
-
2
votes2
answers5024
viewsDifficulty putting a color in the CSS font
Observe the following code: <div class="faxa_menu"> <div class="row"> <div class="col-md-4">logo tipo</div> <div class="col-md-8"> <div class="navbar"> <ul>…
-
2
votes3
answers472
viewsProblem when installing SASS
I downloaded RUBY and installed myself paying attention to "Add Ruby Executable to your PATH" Then I installed the GEM, after that I try to install the SASS but I get the following error as in the…
-
2
votes2
answers1119
viewsHow to put the background effect fixed and on the whole screen?
I am new as Frond-End programmer and my boss wants me to put a fixed background effect as shown in the model below;…
-
2
votes2
answers6834
viewsBootstrap 3 | Column height on Grid System
good morning! I am new here in the forum and I am developing a page using bootstrap 3 and I have a question about the Grid System. I have a Row with 4 columns (I left the background of the columns…
-
2
votes2
answers916
viewsCSS animation: control which element respects the screen size limits
I made a basic animation of a div that oscillates between the left and right side of the screen indefinitely. It occurs that when reaching the right edge of the screen, the div exceeds the visible…
-
2
votes0
answers30
viewsHow to apply Parallax effect to an image?
I don’t know if I can explain my difficulty, but come on; Watch the image; When I click on the scroll bar what happens? I can see the rest of the page, but the background image is not frozen, it is…
-
2
votes1
answer900
viewsHow to transform (cut) only one side of the element with css?
I need to do a background like that of the image, I was able to do both sides using the transform: skew(), But I need to do it on the right side as in the image! I appreciate the help!! mine is so I…
-
2
votes1
answer624
viewsHow does the "Hover" event behave on "touch" devices?
I’m developing a website to suit devices through Media Queries, however I wonder, how certain events behave on touch devices. For example, how does the "Hover" event behave on touch devices? And how…
-
2
votes2
answers448
viewsHow to resolve loading part of the page in delay
The pages of a project I have are having a strange behavior, when being called an excerpt of the page is being loaded, apparently, late, the code is this: <div class="page-banner no-subtitle">…
-
2
votes4
answers3072
viewsHow to leave a height-height fixed on the page?
What to make the page occupy 100% of the viewport, that it does not have scrollbar. Whether on a small, medium, large phone, tablet and desktop. The height (height) has to be fixed, occupying the…
-
2
votes1
answer550
viewsShow div with enlarged image when mouse in thumbnail
I have a div where the thumbnails ( thumbnails) of the images are shown and another div above with the text, ex: How can I make so that when passing the mouse in the thumbnail (normal Hover effect)…
-
2
votes3
answers61
viewsMultiple entries in class attribute do not work
I want to show a simple Alert in php with bootstrap but I’m not getting the code is this: echo " <div class=alert alert-success role=alert>Logado com sucesso</div> "; But you’re playing…
-
2
votes1
answer408
viewsFloat problem
I’m not being able to align two elements side by side correctly. The container of these two div'It’s like I’m with height: 0; or initial, only recognizing the height of the element without the…
-
2
votes1
answer139
viewsHow to slide text inside an input in Hover?
I have an input with a fixed width, but sometimes the content exceeds the width of that input. Somewhere I saw a solution that by hovering the mouse(Hover) in the input the text inside the input…
-
2
votes2
answers9850
viewsHow to input accepting only letters?
I am making a form and the user has to type only letters in the field of his name, I want to block for him to type some other type of character ah not be the letters, how do I do? I am programming…
-
2
votes2
answers527
viewsTable with width 100% and Scroll
I have a table, where it fits the content you have. That way, I added a width: 100%. She’s the size of a window. I gave an overflow-x: auto, so she should create a scroll, when smaller. But that’s…
-
2
votes1
answer960
viewsHow do I make an image appear on the full screen only in mobile mode?
Are two site templates, the desktop (Which is already ok) and mobile. In mobile, I want it to display a black background with JUST an image occupying the center of the screen. The entire length…
-
2
votes1
answer568
viewsHow to make a Modal Portfolio appear from left to right?
Portfolio Modal, example: http://ironsummitmedia.github.io/startbootstrap-freelancer/ I want to modify the animation of the Modal Portfolio (bootstrap). I want it to appear from left to right…
-
2
votes1
answer400
viewsHow to disable horizontal scrolling on iphone
I did some tests on some devices and realized that the iphone has a horizontal scroll. I’ve already checked the width of the screen, apparently this ok. The same does not happen on Android phones.…
-
2
votes1
answer227
viewsHow to have the same margin for all lines of text:
I want to leave my text with the same margin that is being used in the tag <b> <head> <meta charset="UTF-8"/> <title>Harley Davidson</title> <style> div#interface…
-
2
votes1
answer343
viewsStacking Blocks with Bootstrap
I’m making a layout using bootstrap and came across a problem when stacking blocks to be responsive. I have 5 blocks of different heights, divided into 3 columns: When arriving at a certain precise…
-
2
votes1
answer137
viewsLabel stylization in a file type input
There is a way to style a label in a certain way only when the input of the kind file is with a selected file ?
-
2
votes0
answers187
viewsScrollless Iframe in Safari Mobile
I need this to: http://jsfiddle.net/R3PKB/2/embedded/result/, scroll in the existing body inside iframe, but in Safari Mobile it forces iframe to have the maximum height of my content and with that…
-
2
votes1
answer1566
viewsTransforming grids into Carousel (slider)
I would like to know if it is possible to make a group of cols-* stay as carouel/slider only when less than 750px. First of all, for those who do not understand bootstrap well, both grids and…
-
2
votes2
answers150
viewsLeave effect smoother and random
I have the following effect: .fundo { -webkit-filter: blur(1px); -moz-filter: blur(1px); -ms-filter: blur(1px); -o-filter: blur(1px); filter: blur(1px); width:500px; height: 300px; border: 1px solid…
-
2
votes2
answers971
viewsAdd HTML TAG with CSS content
You can add an HTML TAG via CSS content? #teste{ content: "<p>tag HTML inserida via CSS</p>"; } <div id="teste"></teste>…
-
2
votes1
answer433
viewsChanging formatting of a link
personal. I would like to know how to apply an underscore on a link as soon as a person positions his mouse over a text with a. I removed the underlined link with text-decoration: none and would…
-
2
votes1
answer65
viewsChanging the font of a textarea with onclick in an option
<select> <option>Arial</option> <option>Open Sans</option> <option>Roboto</option> <option>Calibri</option>…
-
2
votes4
answers23354
viewsDisplay text to mouse positioning over word or image
I would like to know how I can show a text when positioning the mouse over a word or image.
-
2
votes1
answer2986
viewsCopy value from one input to another
I need that when I put any value inside input1, this value appears already in input2. Since you’re both on the same page, you can do this?
-
2
votes2
answers1059
viewsPosition of DIV relative to another with dynamic content
I have two divs on my page, a class="rodape" and another class="content". The first is the footer of the page, and adjusts its position relative to the bottom of the fixed contents of the page…
-
2
votes1
answer1020
viewsShow Middle Screen Upload Image
I have a form and when typing the ZIP code I show a gif of loading while I carry the street, the neighborhood and etc. The problem is that as the user descends the form, the gif of the load does not…
-
2
votes1
answer46
viewsBest way to add a lot of HTML to the page via JS?
Guys, I’m creating a small social network (one page) and I wanted to know how to add a lot of html to the page. I’ll explain better: I have a div call Timeline that serves as container and inside it…
-
2
votes3
answers303
viewsBorder Radius does not work within a CSS class
I’m trying to round the edges of a navigation bar through a class and it doesn’t work. https://jsfiddle.net/oqkt1z9f/ I marked an element <ul> with class navbar, I removed the padding, the…
-
2
votes3
answers21511
viewsHow do I insert an image as the background of a div?
I want to add an image as the background of a div, and for this, I am using the following code: <div class="container"> <div class="row"> <div class="col-xs-12"> <div…
-
2
votes2
answers333
viewsEquivalent Hide and CSS show
The code below does not run on all browsers: <button id="btn"> <img class="" src="/img/icone-formation.png" height="100%" width="100%" onclick="document.getElementById('f1').style.display…
-
2
votes1
answer3011
viewshtml/css icon links
I could not express myself very well in the title, however it is the following, checking the source code of some sites I came across codes that do not understand how it works...follows the example…
-
2
votes1
answer3619
viewsEnable and disable a button
personal. I am developing a form with some mandatory inputs/fields, and below the fields, there is a button, whose destination/action given(a) to it is only released if the fields are filled in. I’d…
-
2
votes1
answer283
viewsHow to block CSS from changing beyond Footer and Header
I was wondering if I can lock the CSS for a specific location. Look at the following: I created a system where each user will define their own Header and Footer (consequently your own css). However,…
-
2
votes2
answers6280
viewsHow to leave a div and an image over a Carousel?
I want to run a paddle and over it, a div and the logo, to give that effect of being superimposed. Try to do like this EXAMPLE, but without success. When I add such properties (absolute e relative)…
-
2
votes2
answers6479
viewsHow to insert CSS formatting in Java Script
I have the following Java Script code: status.text('Enviando...'); How do I format this information that will be written on the screen with CSS? Complete code: <script type="text/javascript"…
-
2
votes1
answer226
viewsWhere can I use the -Webkit-Details-Marker?
Wanted to remove the default arrow from the tag details/summary in HTML and found this solution to use the -webkit-details-marker. I wanted to know what she really does, because I didn’t find any…