Most voted "css3" questions
The term CSS3 is used to refer to CSS properties and selectors added after level 2.1 of the specification. Use this tag for questions about new CSS modules.
Learn more…1,944 questions
Sort by count of
-
2
votes1
answer257
viewsforeach using css3
So I have a div with 3 imagens <div class="pai"> <img src="1.jpg" /> <img src="2.jpg" /> <img src="3.jpg" /> </div> I would like these three images to run from right to…
-
2
votes1
answer77
viewsProblem with tr of table inserted via javascript
function cadProd(){ var nomeProd = document.getElementById("nomeProd").value; var categoria = document.getElementById("categoria").value; var descricao = document.getElementById("descricao").value;…
-
2
votes1
answer76
viewsHow to center rotated text on a div?
Hello beloved community! I’m rotating a p inside a div, but I can’t center it, I’m having enough difficulty in css, already tried to define a width: and height: for p, I left as auto, but it doesn’t…
-
2
votes2
answers2299
viewsMake all LI to the height of the largest using CSS
I have some elements <li> that I guide to stay inline-block. However, as the content of each <li> it’s different, they end up getting DIFFERENT HEIGHT. Kind of like this: However, the…
-
2
votes1
answer82
viewsHow can I fix this menu at the top,?
I’m with a site with a menu that’s below mine header, 150px below the top of the screen. I would like to make sure that when I scroll the page and the site menu got the position 0 from the top it…
-
2
votes2
answers627
viewsEffect on css image
How do I do this effect like in this css image ?…
-
2
votes2
answers76
viewsButton with different format with CSS
I needed to make a button with css plus it has a different format. It is possible to make a button like this only with css…
-
2
votes1
answer68
viewsPositioning of div over Slideshow
I have the following page: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Slider</title> <meta name="viewport" content="width=device-width">…
-
2
votes1
answer1348
viewsHow to put the scroll of an element to the left
Usually when you use overflow-y: scroll or overflow-y:auto, the scrollbar appears to the right of the element. .scroll-me{ height: 80px; width: 200px; overflow-y: auto; overflow-x: hidden;…
-
2
votes1
answer32
viewsbackground-color hard to find
I have the following website Slide Show In it, there is (only) one slide show. In the navigation part, there is a Nav tag that has a background :rgba (0,0,0,.5) And has two buttons with an image as…
-
2
votes2
answers104
viewsTurn the side bar menu into a fixed menu
I have a little problem that for who knows should be relatively simple, but being a little new in the Front branch I’m having some problems, is the following, I need to make a site with a fixed menu…
-
2
votes3
answers426
viewsHow to Take "resize" from a textarea?
< script src = "//cdn.tinymce.com/4/tinymce.min.js" > < /script> < script > tinymce.init({ selector: 'textarea' }); < /script> <div class="form-group"> <div…
-
2
votes1
answer961
viewsAdjust Div position in CSS and HTML
I have a report that is mounted in html and css on A4 sheet size in landscape format. Everything works perfect. However I can’t align the tables on each other’s side. I want to Align all tables…
-
2
votes2
answers509
viewsCSS3 Adjust table to fill blank space generated on Landscape page
I have a report that is mounting in css and occupies A4 landscape size and I would like the tables to fit to always occupy all the space of the page. Image as ta: Space it should occupy css:…
-
2
votes1
answer687
views -
2
votes1
answer71
viewsSprite in SVG for Internet explorer
I read an article that explained how to put several SVG images in a single file. The final file looked like this: <?xml version="1.0" encoding="UTF-8"?> <svg version="1.1"…
-
2
votes1
answer66
viewsWhat is the difference between Media Rule and Media Query?
Sometimes I see one of these two terms being mentioned when it comes to responsiveness or adjusting content to variations of screen and device types. Gazing this documentation in W3S it is said…
-
2
votes1
answer105
viewswhat does "string" mean in CSS?
Hello I would like to know exactly what the term string in CSS means and how it is used CSS?
-
2
votes1
answer32
viewsHow do I leave the text at the center of the css3 ellipse?
How to leave this text in the middle ? css: <style> .bg-maroon, .bg-aqua, .bg-yellow, .bg-red, .bg-teal, .bg-purple, .bg-orange, .bg-green { text-align: center; height: 70px; border-radius:…
css3asked 6 years, 2 months ago Danielle Arruda torres 1,191 -
2
votes1
answer4115
viewsProblem in HTML checkbox size
I have a problem with the size of my checkboxes. I isolated ul with a class, so that this element did not take any characteristic of the other uls for which I had already defined a style. Would…
-
2
votes2
answers76
viewsI would like a layout like this but my <aside> is not joining with the footer
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Example1</title> <style…
-
2
votes1
answer196
viewsHow to make a Hover box
Good evening, I saw on the following website https://cheftech.com.br/funcionalidades/ an interesting box Hover, it has a card format and turns when the mouse passes over, I researched about the…
-
2
votes2
answers1683
viewsPlace text at the bottom of the css circle
Look at you I need to place the text at the bottom of the circle using css.. I have the code here http://scratchpad.io/unequal-mist-4130 .circle{ height: 37px; line-height: 37px; position: absolute;…
-
2
votes2
answers85
viewsModal box centered on the screen, with dynamic and limited width and height
I’m creating a Modal box which will in the future receive data from a request ajax. To this end, I follow the following premises:: It shall be in the centre of the belt (horizontally and…
-
2
votes2
answers730
viewsScroll bar after using 100vh
I set a height to leave the part of header covering the entire screen. I used 100vh at the time and 100vw width, however when I added content below the header appeared the axle scroll bar x…
-
2
votes3
answers114
viewsheaders Block size
So guys, I’d like help here with css. For example: I have an H3 <h3> Bem Vindo ao Portal do Cliente </h3> When I go to the browser, I have the text and the box of H3. What I wanted was…
-
2
votes1
answer99
viewsHow to increase modal popup width in mobile
Good afternoon, I created a button that opens a modal in bostrap, inside it I inserted some tables. On the desktop works perfectly, but in mobile one of the tables "burst the modal". I wonder how to…
-
2
votes2
answers235
viewsBackground-position is not working
Hey there, guys. I used the image-Replacement technique, tried to leave the image centralized using the background-position: center, but the image position remains unchanged. Would anyone know why…
-
2
votes4
answers380
viewscolumn-Count in css by breaking the line at the beginning of the column
I’m using column-Count in CSS to turn a text into 3 columns, so that’s okay. The problem is that I receive text with this Mysql specification: Lorem ipsum dolor sit amet, consectetur adipiscing…
-
2
votes1
answer106
viewsDo not access image by url
How do I pass an image to the component img without the user being able to copy the url of the image and access the file by browser? <img…
-
2
votes2
answers1235
viewsEdit table elements
Is there any way to edit table elements created with a function JavaScript directly in the table, with a double click? I created a function that uses three inputs to print in the table their…
-
2
votes1
answer647
viewsCenter in element :after
I have the code below: .divCheckList .valorBool, .divCheckList .divCheckBox { height: 34px; display: inline-block; border:#CCC .1px solid; vertical-align:middle; } .divCheckList .valorBool {…
-
2
votes1
answer2485
viewsLabel and input on the same line
Hello, I am using bootstrap to build my html page and am having a problem with form-control. I would like my label and my input to be on the same line, close to each other, but the most I could get…
-
2
votes0
answers114
viewsBootstrap 4 error in IE11
I created this site on Bootstrap 4. And it works on all browsers perfectly. But when I open it in IE 11 it looks like this: The code I’m using is this: .big-table { margin: 10px 0; overflow-x:…
-
2
votes1
answer1845
viewsSVG image does not appear
I’m trying to upload an SVG image as background but it doesn’t appear. When I’m in the live preview of VS Code it works normally, but when I open index.html directly from the browser it just doesn’t…
-
2
votes1
answer93
viewsHow to leave boxes next to each other with CSS without inline-block
I’m in a quandary. I want 8 boxes to be next to each other with CSS without using the display: inline-block because I got it with this property but it is not accepted in the pdf that is used in my…
-
2
votes2
answers75
viewstext superimposing the before
li#tel::before { position: absolute; content: ''; background:…
-
2
votes1
answer3967
views -
2
votes2
answers927
viewsFormat CSS table color
I wish my chart looked like this. but when adding the content to it it gets this look I’m not able to leave it as the top table. function listarProdutos(){ var conteudo="<table border='1'>";…
-
2
votes1
answer288
viewsID with the first character being a number does not work when I put in css #[example number]
When for example I put in HTML:<div id="1">texto de teste</div> and I’ll put it in CSS: #1 {código de teste}, does not recognize the id=1. Even if I put "class" in place of "id", or if I…
-
2
votes1
answer253
views -
2
votes2
answers261
viewsbold the first word of the HTML paragraph
I wanted to know how to put the first word of a paragraph in bold. I am using the file reset.css. I have tried to use <b> </b> and also <Strong> </Strong> but nothing…
-
2
votes1
answer223
viewsHow to style HTML5 calendar icon
I have an HTML5 input with type="date", thus: <input type="date"> Is there any way to change the color of the calendar icon it brings natively? I’ve tried properties like…
-
2
votes2
answers412
viewsHow can I style the <select> arrow in Firefox?
I have this little problem. I have a layout that needs to be exactly as they passed me, within them the definitions of the type text and select. In Google Chrome, everything worked beautifully,…
-
2
votes1
answer71
viewsI can’t get lines from the table
I created a whole styling for the table I did everything in the first row of the table was ok, but when I went to duplicate this line I noticed that only in the first was styling, I’m starting in…
-
2
votes2
answers443
viewsLeaked triangle with css
I’m needing to do this kind of effect with css will have as ? It wouldn’t matter to use css3 or any technology, this kind of css will be used in an application ionic, I don’t know if this would…
-
2
votes2
answers119
viewsIframe does not support the "resize:" property in Mozilla Firefox
I have a function that arrow the WYSIHTML5 plugin in a textarea, this plugin migrates the textarea to an iframe: <iframe class="wysihtml5-sandbox" security="restricted" allowtransparency="true"…
-
2
votes1
answer5096
viewsSpace between Ivs
Good Morning! I have the figure below where between the figure "HOME GAS" and the Div which contains some red buttons, we see a space. The problem is that space does not exist in the code. body {…
-
2
votes1
answer594
viewsHTML and CSS - Center Tabs in the center of the page
It’s a Newbie question, but I’m having a hard time. I have 3 tabs that are like this: But I’d like you to stay in the center like this: Also instead of text, I would like to place images. My CSS for…
-
2
votes1
answer122
viewsHTML5/CSS3 slides - Background does not change
Guys need help with CSS3. I’m using keyframes/Animation to change the image of several article classes, where I’m using CSS to change the background in the following percentages 0, 30, 35, 65, 70,…