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
-
1
votes1
answer939
viewsAlign Vertically Horizontally Aligned Objects
The idea here is centralizar verticalmente the radio button with his label (horizontally aligned). Where am I going wrong? <ul class="formasPgto"> <li> <input type="radio"…
-
1
votes2
answers5091
viewsHow to make a simple and responsive horizontal menu?
Hello. I started studying Development front-end recently (almost yesterday) and am having some problems with CSS. I’m terrible at positioning things, and what makes me angry is that I can do a few…
-
1
votes2
answers550
viewsDo I calculate font size using css?
Could someone please explain to me how the calculation capabilities work for font sizes using CSS? Example: font-size:calc(1.73vw + 48.74px); Thank you
-
1
votes1
answer126
viewsCustomize password characters in the password field
I have a simple form of user and password, and I would like to configure so that instead of appearing the asterisk in the password field, I wanted an image to appear instead. The language of backend…
-
1
votes1
answer59
viewsMenu Jquery does not open!
This is the page: http://www.magicforbaby.com.br/sobre.php Problem: When I’m at a resolution less than 800px (yes, I’m making use of media queries), i make the menu retracts in a default figure,…
-
1
votes2
answers185
viewsProblems with positioning with columns in Bootstrap 3
I’m having a positioning problem with the bootstrap grids I’m making a virtual store where the layout has to look like this: But with my coding he got like this: Notice that in this image the wines…
-
1
votes2
answers163
viewsShow the after after after the Hover
I’m having a doubt, I’m developing a site based on a layout in PSD and the main menu, it has a Hover that makes an underscore kind of customized: I thought of putting as after and when I did the…
-
1
votes1
answer1139
viewsUse <map> tag in a responsive image
Good night, I need to link a piece of an image, but this link has to work responsibly. When I view the page on a mobile phone, I miss the mapping. What’s the best way to do that? What did I do? In…
-
1
votes1
answer87
viewscreating a website to measure knowledge
Hello, I’m starting my studies on the web and for now only know HTML 5 and CSS3, and to measure knowledge I wanted to know about some framework that can help me make a responsive site with…
-
1
votes0
answers67
viewsLists in HTML5
I’m making a video site and wanted to put a page with several videos next to each other, I tried to do creating div by div was right in my resolution but for other resolutions the content passes the…
-
1
votes1
answer5832
viewsNav bar overlaying page content!
Hello I have a page with a menu (Nav bar) and when I click on a link from the menu the page should direct to Session corresponding, for example, when I click on I have a Session about which should…
-
1
votes0
answers183
viewsCSS Element "passing" over each other in a li
I have a custom select (Dropbox), in which there is a search field in the list, this select with jquery was downloaded (I didn’t do it), well, I had to position one over the other for my purpose,…
-
1
votes0
answers136
viewsHow to resolve stylization error in Select Option options that appears error in Firefox
In Firefox version 48.0, this giving error in styling the options of Select Option. Follows the code: <div class="buscaCodigo"> <div class="form"> <br /> <br />…
-
1
votes1
answer3452
viewsAlign text at the bottom within a div
I’m creating a layout and distributing several <div> with the flexbox feature, someone would tell me how to do for the contents of this <div> that it will be a word, to be aligned to the…
-
1
votes1
answer1033
views -
1
votes1
answer306
views -
1
votes1
answer950
viewsRemove date and print link
I’m making a screen with various information and images, so far so good. My problem is that when trying to print this screen, date appears in the header and the link in the footer. Is there any way…
-
1
votes1
answer152
viewsProblem with zIndex Javascript
The script will be a banner rotating two buttons: forward and back. I’m getting to know Javascript better and I have a question. Why doesn’t it recognize Anteslide and Proxslide? Follows the code:…
-
1
votes0
answers37
viewsBlock iframe in mobile
I wonder if it is possible to block the scroll of a <iframe> preferably in mobile because when I roll the page with the touch of the screen the map disturbs follows a part of the code…
-
1
votes0
answers932
viewsPHP - Generating dynamic Qrcode customized with PHP
I am trying to generate Qrcode with dynamic information with the library Phpqrcode, Qrcode I’ve been able to generate in SVG, but I’m not being able to style it to have rounded edges and the company…
-
1
votes0
answers90
viewsHow to create a file store?
How do I create a file store? Example: The person wants to save a PDF file on my website, then it goes there, click the send file button and gets saved on my system. And when she accesses, she can…
-
1
votes1
answer645
viewsCustomizing Bootstrap menu
I want to make a menu in a HEAD with a dropdown, I’m trying to customize a bootstrap code but without success follows the code: * { padding: 0; border: 0; box-shadow: 0; list-style: none; margin: 0;…
-
1
votes1
answer2950
viewsHow to put image in the Wordpress background
I’m creating a wordpress template, only now I’m not able to put a background image in the bottom of the site : I managed to insert the color giving an id="bg" pro body, because when I tried to just…
-
1
votes3
answers1462
viewsHow to create an input search html that is represented by just an icon
I’m doing a project to apply some concepts of html/CSS I started studying 1 month ago, I have a problem, in the version of the site to mobile, can’t put a box of input very large in header, then.…
-
1
votes1
answer2175
viewsAligning buttons on the NAVBAR
I have the following buttons on my navbar: <div class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <a…
-
1
votes3
answers6155
viewsCode to send email message by Send button
I already have the form with the message box and etc, I also have the send button, but I need the code to when click send, the message be sent to certain e-mail. My code: <form action="#"…
-
1
votes1
answer394
viewsEffects on links through the Hover
Guys, can anyone tell me how I do this effect with hover? When passing the mouse over the menu link it appears that vertical line on the name, I could only with the horizontal line below the name.…
-
1
votes1
answer57
viewsMaking None float is not working
I have the following form: <form id="formFrete" action="?" method="post"> <input type="hidden" name="acao" value="calculaFrete" /> <div style="float:left;"> <label…
-
1
votes1
answer54
viewsbreak automatic line with database data
Hi, I have a ul with li's who are named after products. It turns out that when I change the resolution to mobile, for example 320px, so if the name of the product is big, then it won’t fit inside…
-
1
votes3
answers2367
viewsTransparent menu with color change when moving the mouse
How do I make the menu effect at the top appear transparent showing an image and when moving the mouse appears a bar with color like this template. Could someone give me a hint? Example:…
-
1
votes0
answers41
viewsDo Anchor tags not work within figcaption:target?
I did an animated menu on CSS3 using the tag figure, where I inserted an image with the link I used as id in the tag figcaption. Within figcaption is my list of links listing to access other pages.…
-
1
votes1
answer35
viewsHow to modify, only via CSS, a color already defined in HTML?
I am trying to modify a color in a text, marked by the tag "U" with the color already defined in html. is like this in html: <u> <font color="#0000c0">somente no seu…
-
1
votes1
answer55
viewsApply size to a textarea, unless it has the attribute "Rows"
I have a textarea which is formatted with the following rule: .wm-form textarea{ min-height:100px; resize: vertical; width:100%; border-radius:4px; border:1px solid #ccc; } <form…
-
1
votes2
answers4924
viewsHow do I use HTML or CSS in Android Studio?
I would like to know how to structure my app with HTML, and style it with CSS as well. I want to put a fieldset to form a table. I looked for tutorials on the Internet but did not understand well…
-
1
votes1
answer172
viewsProblem loading font-awesome with SASS
Icons when loaded are quite different. <i class="fa fa-camera-retro fa-lg"></i> CAMERA <i class="fa fa-facebook"></i> FACEBOOK <i class="fa fa-github"></i> GITHUB…
-
1
votes1
answer152
views -
1
votes1
answer346
viewsLayout break with top menu in different browsers
Guys, I’m having problems in my top menu, as for the size of the black bar that is marking the menu area and the size of each area <li> from my menu. In Google Chrome is all good, then when I…
-
1
votes1
answer27
viewsSome hr’s don’t show up
I got the style for a hr down below: hr { width : 100%; height: 1px; size:1px; background-color: rgb(0,0,0); } and I have 4 hr's on the page. The problem is that when I do height: 1px; size:1px; or…
-
1
votes1
answer57
viewstoogle menu not returning to desktop media query
I am developing a responsive menu and it works normally, when enters the media query for tablet it hides the menu and it is only possible to view it by clicking the button, but when the menu is…
-
1
votes3
answers2423
viewsHow to break line between CSS tags
I would like to know how to break the line between tags of the same type Ex: I have several Abels and I want to break the line between them, but in a way that I do once for all
-
1
votes1
answer398
viewsStylized Div with CSS
I need to make a div that has the appearance of the image below: I tried to do with background image, but it is more difficult to position, as in the image below: The problem is to make this area…
-
1
votes1
answer406
viewsAccess website on SMARTTV
Hello, I developed a web system in php/html/css(Bootstrap) and open normal on various devices pc, notebooks, tablets, cell phones but on TV’s Smart, which is the focus of the system, it did not look…
-
1
votes1
answer1135
viewsChange the position of the button next to Carousel Bootstrap
When decreasing the size of the slide appeared the following problem: The positioning of the "next" button is away from the slide, as in the image below. I want it to be on the far side of the…
-
1
votes0
answers38
viewsevent for display:block in picture
I have 3 imagens in a ul. One imagem for li. Therefore, 3 li's. They’re all with display:none. Except the first. With jQuery, I click on a botão with numeração and the imagens appear (display:…
-
1
votes1
answer624
viewsDiv in body size
I have a div that is in my page footer, similar to a footer, the problem is that this div is inside other Ivs, I wanted it to be the exact size of my body, without touching the html only in css.…
-
1
votes1
answer3267
viewsStylized Bootstrap checkbox does not work
Good afternoon, I have styled a checkbox group. Only it is not checked. I followed all the steps to make the change and still can’t leave it selected. Could someone see my code in codePen and tell…
-
1
votes1
answer145
viewsHow to remove dark part on the sides of the bootstrap Carousel
I’m making a scrolling system for shows some tables using a Carousel, but the same by default gets a darker shade on the sides and even on the table itself, as it is possible to remove this color…
-
1
votes1
answer203
viewsHow do I make the button overlap the background image?
I’m trying to put a button (button) on top of an image and I’m not getting it. I’ve tried to mess with the property position (relative and absolute) on the image and button, and I still couldn’t. I…
-
1
votes0
answers17
viewsIndex with timely home page targeting
I searched a lot on the web and I can’t find this doubt I have. I need an index.php that is input for my web site Responsive. That when the customer comes to visit the site I have an image and after…
-
1
votes0
answers109
viewsPhp page counter or javascript
Well, I’m not being able to use CSS @page to count the pages when printing, someone knows a method? <style> @page{ counter-increment: page; } .totalpag{ content: counter(page); }…