current community

your communities

more stack exchange communities

Stack Exchange
tour help
careers 2.0

Tagged Questions

The third edition of the Cascading Style Sheets styling language (often shortened to CSS3) brings together powerful visual capabilities and versatile design manipulation techniques.

learn more… | top users | synonyms

0
votes
0answers
7 views

CSS3 animation (with rotation and movement and scaling) not working

I have a piece of code where I want to move the image of a Voyager 1 shuttle from left to right, all the while having it spin and become from small to a larger size and then coming to a stop at the ...
0
votes
1answer
22 views

Add Active Class to parent element Based on URL

I Need to assign a class "active" to a menu navigation but the class active should be assigned to the "li" element and not the link "a" element. How can I modify the code below to achieve this ...
0
votes
3answers
47 views

Dropdown menu works with ids but not classes

Recently I decided to add a second drop down menu to my navigation. Originally there was only one drop down so I used an id attribute to mark it. When adding the second one I thought it was going to ...
0
votes
3answers
28 views

Couldn't align footer(bottom), left, and content panel(side by side with fixed height)

I am trying to align two divs (left, content panel) side by side with fixed height and then footer beneath it. It seems my css fixed heigh property 60% seems to be ignored. Here is my code: <div ...
-2
votes
2answers
18 views

Why smartphones have HD screens and 640px max width is applied

I have LG G2 smartphone with resolution 1920x1080. I created max-width conditional css styles and a 640px one is loaded when browsing in horizontal and 320 when vertical. What is going on? Is that ...
0
votes
1answer
14 views

Show specific content based on form field value (email address domain)

I have an ajax signup form that uses jQuery and CSS3. It is multi-step, in step 1 asking for e-mail address and password. I want to take the domain of the e-mail address and tailor the next step of ...
0
votes
1answer
22 views

Bootstrap 3 responsive h1 tag

I am creating a site and want it to be responsive so I am using bootstrap 3. However, the h1 tag on the privacy policy page and about page come out of the container on small mobile devices since the ...
0
votes
5answers
37 views

How to apply padding to an HTML input element?

In the HTML layout shown in the following screenshot, I want the radio buttons exactly under the Yes and No labels, but the CSS padding property does not seem to apply to the HTML input tag. The code ...
-4
votes
1answer
22 views

How can i create message box using bootstrap?

I am using Bootstrap 3. I am just unable to create message box which should have 4 rows inside. can anyone please help me? My code is below: <div class="row"> <div class="col-lg-12"> ...
1
vote
3answers
50 views

Arrow not showing properly in CSS

I am trying to achieve the arrow pointing downwards... right now its showing as trapezium there is some problem in CSS arrow code... providing my code below..... Output ...
1
vote
3answers
35 views

How to keep <li> elements on single line in fixed width?

I am developing a website and I want a menu like above image. This is what I tried: jsFiddle HTML <div class=""> <ul class="header-menu-ul"> <li ...
3
votes
0answers
16 views

How do i keep image map coords on full screen auto scaled image on window resize?

and thanks for reading my post.. I am using some css-magic and a image to auto fullscreen an image in the browser like this : => CSS #bg { position: fixed; top: -50%; left: -50%; width: 200%; ...
0
votes
1answer
33 views

CSS3 image marquee using animation isn't working well with more than one image

I have this HTML: <div id="images_container" style="z-index: 900;"> <div id="images"> <img src="images/cust.png"> <img ...
-5
votes
1answer
26 views

How to make a pen using css3 [on hold]

Can i make a pen blow image using pure css. Its not for my learning i have no need in any website and all. just for my information how can i make it. ...
4
votes
3answers
73 views

How to put a border on a triangle shape using css?

I'm working on a navigation bar with horizontal line with arrow and I want to put a border in the triangle like so: I want it to be like: Here is the list: <ul> <li><a ...
0
votes
0answers
4 views

Is there a fix for font rendering in Chrome for Windows when using CSS3 transform to rotate text?

I'm using CSS3's transform to rotate some text at a -45deg angle: -webkit-transform: rotate( -45deg ); transform: rotate( -45deg ); I've setup a fiddle here. This works fine in all browsers I am ...
1
vote
1answer
21 views

Animating SVG element on viewport

My question is related to my previous question Triggering css animate class on scroll I am trying to figure out how to trigger the viewport Javascript on the inner SVG element class. You can see here ...
0
votes
1answer
27 views

Pixel sizes differ between browsers

If you got to http://www.claymation.azularis.com/work and look at the search bar, there is a text box and a search button. Depending on which browser you look at it, the text box will be either same ...
0
votes
1answer
52 views

How to open a div and close another div when a object is pushed with javascript?

Looking for some more help with some javascript! I have been messing around with what I already have to try and expand it and I can't get anything to work! Anyways let me explain! There will be a demo ...
1
vote
0answers
25 views

How to make a navigation with horizontal line with arrow using CSS [duplicate]

How can I create a horizontal line with arrow(indicator as active link) like so.
0
votes
1answer
61 views

trying to achieve arrow pointing upwards

I am trying to achieve the arrow pointing upwards.. i am trying to achieve it in my css i am not able to reproduce in my fiddle... right now i see as trapezium .. providing my code below.. can you ...
-5
votes
0answers
23 views

Create li with words seperate by a comma [on hold]

Basically, I am looking for something that will separate words I type into a META BOX for Wordpress. It will seperate them before the , (comma) and create a list. For example, if I type in Pen, Blue, ...
1
vote
1answer
16 views

how is the css shader support as of 2014 & updates

I can't find this feature at caniuse.com and from research it seems no progress has been made since 2012. All articles pretty much are from 2012 as well. I think this feature will help bring out the ...
2
votes
2answers
43 views

Annoying Blue Highlighting around div after click

When I click on the tab button im left with this annoying blue highlight around the div... Ive read in other forums that I should add the following to divs with this problem, but it is not working. ...
-3
votes
1answer
38 views

Image is clear in chrome, but seems pixelated in mozilla and IE [on hold]

Here are the images. Chrome Mozilla Internet Explorer I can't seem to find what the problem is here
1
vote
1answer
13 views

Displaying last 3 blog posts on wordpress custom theme

I have a custom theme I am working on in wordpress, and I want to display the last 3 blog posts made onto my home page. I also want to style certain information regarding each post differently, like ...
0
votes
2answers
32 views

CSS Text align: center ignored even with !important specified

I have the following site here that is using CSS for the Nav element. I have defined the class as the following but it is making the menu text flush left even though I specified !important? #nav { ...
1
vote
2answers
65 views

CSS Fill Box with rounded borders

I have an example of an area that fills itself on hover, it is done by widening the :before pseudo-element from width 0 to width 100%. The problem I am getting is when the :before element is too ...
1
vote
1answer
28 views

:first-child not working on label (hidden radio button)

I'm styling radio buttons (hiding them and using the labels as buttons), and trying to put border radius on first-child, but it does not respond as expected, or I'm doing it wrong. How can I achieve ...
0
votes
1answer
31 views

css / jquery solution for a '…' ellipsis button

http://jsfiddle.net/qmtnwhrx/ The fiddle shows a partial script provided by another forum but it is not working. What I want to do is define a summary area and when the text exceeds that area a "read ...
0
votes
2answers
21 views

How to make reverse transition after :hover

From my understanding of CSS3 transitions you have to specify the transition only in the base element and not in the :hover element, e.g. as described in the Mozilla documentation. This should lead to ...
0
votes
1answer
29 views

Better to handle desktop vs phone vs tablet by screen size or detect tablet/phone/desktop?

Most of the questions about responsive design have the answer to use screen size in a media query to display a mobile design vs desktop design instead of either combining this with a test for ...
0
votes
0answers
9 views

hover effect on rotated image and non rotated image

i am uploading images using php css and html.but some of the images get rotated anticlockwise by 90deg.i have found that images with orientation value 6 are creating problem so i rotated them by 90deg ...
0
votes
1answer
20 views

Pseudo-elements not visible on top of colored background div

I want to render a photo stack. I used a div with the before- and after-pseudo-elements. This works fine. Only caveat is: this div should be rendered on top of some unicolor background. So I place ...
0
votes
1answer
38 views

Responsive button on top of banner using CSS

I have a site I'm working on in wordpress/redesigning to be more responsive. And right now I have this button that sits on top of my banner, and it looks really nice, but when I shrink down the window ...
1
vote
2answers
23 views

CSS: Background-Image resize on ctrl + minus

Can you make a background image with this properties: html,body { height: 100%; width: 100%; padding: 0; margin: 0; background-color: #ebebeb; background: url('../images/background.jpg') ...
0
votes
2answers
46 views

How would one bottom-align two divs when floated side-by-side?

I have two boxes visible on a web page, one floating on the left and the other floating on the right. I want these boxes to align along the bottom. The problem is, there is one box whose height will ...
0
votes
1answer
20 views

CSS animation not working in Internet Explorer 10 and 11

The following css animation works perfect in Chrome, Mozilla, Opera browsers but doesn't work in Internet Exporer 10 and 11. What's wrong? Please see http://jsfiddle.net/bm72w3n3/ .changed { ...
0
votes
2answers
49 views

Issue with div padding?

I have created a div. In div tag I have written some text boxes and radio buttons. Now the div contents are very close to div margin But I need some space at left side and right side. I need to start ...
-2
votes
0answers
12 views

bootstrap 3 and oscommerce

i downloaded this from github to try it out,osCommerce-2334-bootstrap-master. i imported my database but the bootstrap is not giving me a float left layout. it is because i have 2 lines of text in ...
0
votes
0answers
15 views

Sly.Js with vertical and Horizontal scrolling

I know Sly says it's one-directional so perhaps you all know of a better what to accomplish this. But in essence, I have a table with 40 or so columns and more columns than a page can handle. I'm ...
0
votes
0answers
33 views

Inner Scrollbar cuts-off the bottom thumb and content

I'm trying to create an inner div that scrolls separately from the outside, and then be able to hide the scrollbar while retaining the scrolling functionality. However, there are 3 problems I'm ...
0
votes
1answer
47 views

Issue with changing radio button style

I am using radio button and check box in application I need to change the default style of radio button which is similar to following image, Gender <input type="radio" name="gender" id="gender_1" ...
0
votes
2answers
58 views

Change image color depending on background

I need for my project to create an image object that changes colors when it is in front of another specific element and still allows me to move it around so my layout remains fluid. It is no problem ...
-1
votes
1answer
19 views

Is there a way to have a specific content based CSS for e.g. numbers

Is there a way to put a check in SASS files or CSS files to check for the content inside a div: For e.g.: If a div has numbers in it I want the content inside it to be aligned to the right and ...
0
votes
2answers
33 views

CSS rule for ::-ms-clear pseudo-element not appearing in IE11 Dev Tools, rule not always working?

I have a peculiar problem relating to a CSS issue against an MS-specific pseudo-element in IE11 on Windows 7. In order to eliminate the "clear/X" button at the right-hand edge of most INPUT elements ...
2
votes
2answers
31 views

How do I loop a css animation with multiple keyframe definitions?

The Issue I have two css keyframe animations which I am running on a single element: .fade-bg { animation-name: fade-bg-1, fade-bg-2; animation-delay: 0, 6s; animation-iteration-count: ...
0
votes
0answers
45 views

How to set a x number of divs to fit parent width

Good Morning. Is it possible to achieve this with CSS and HTML? The number of divs inside the container and their content is undefined <div class="secretarias"> <span ...
-1
votes
2answers
40 views

How to place triangle “^” on the tip of dropdown content box in menu bar with pure css?

I want to place triangle made by css on the tip of the submenu content box as visible in the below image . .menuH { background: -moz-linear-gradient(top, #858585 0%, #808080 24%, #727272 49%, ...
3
votes
2answers
42 views

jquery animation not change to height auto

I have css code like this: .tab_minimized { border-radius:20px; border: #0D68FF 16px solid; width:200px; height:140px; top: 300px; overflow:hidden; } And I changed value of it by ...

1 2 3 4 5 … 639