current community

your communities

more stack exchange communities

Stack Exchange
tour help
careers 2.0

Tagged Questions

0
votes
1answer
20 views

Shadow on near elements

How can I set the an special css shadow, just on the middle of the element for near elements. Take a look at the example: .primary, .secondary { width: 100%; height: 40px; text-align: ...
2
votes
2answers
43 views

Triangle with CSS with border [duplicate]

Firstly here's the fiddle: http://jsfiddle.net/krish7878/kuG6X/3/ I need a css triangle with just a border for a text bubble, the background should be transparent. Code: HTML:<div ...
0
votes
1answer
13 views

Fixed image and content overlaps fixed sidebar as screen resolution/window size decreases

I have a page with the following structure: <body> <div id="page"> <div id="header-container"> <header> </header> </div> <div ...
0
votes
5answers
50 views

How can I trim an input element's width to the size of the initial text?

Can I set the initial width of an input element to be large enough to just surround the initial text? Example of what I want to achieve: Silverlight app example. I've tried setting the width property ...
1
vote
3answers
32 views

CSS3 gradient background not working properly

I'm using CSS3 gradient, in local system its loading properly. once we uploaded that file its showing like stripe blocks with gradient. Demo CSS: body { zoom: 1; opacity: 1; ...
0
votes
2answers
20 views

Font render after page (contents) renders

My page contents are rendered before the font renders even i have placed fonts on the top Here are my codes... <!doctype html> <html> <head> <title>Computer Stuffs Developer ...
7
votes
2answers
61 views

How does calc() CSS property degrade in older browser

Considering that the calc() CSS property is rather well compatible with most browsers ( cf. http://caniuse.com/calc) I was still wondering how it degrades in older browsers, especially on Android ...
-1
votes
2answers
20 views

CSS consistency crossbrowser on a simple css3 animation

I have a problem on css consistency here: http://www.progettostand.com/ Checking the social icons top-right, the icon positions are correct on IE (miracle!), always 20px off with FF and off on page ...
0
votes
5answers
26 views

Full width divisions using HTML5 and CSS3 (responsive)

I am relatively new to StackOverflow and am experiencing some difficulties while making a webpage So what I require is a one page website divided into different sections, which are full-width divs ...
1
vote
2answers
12 views

Bootstrap 3 daterangepicker not taking 100% width

I'm using custom datepicker (https://github.com/eternicode/bootstrap-datepicker) inside my form (http://jsfiddle.net/Misiu/a3NV4/22/) I would like that daterangepicker to take 100% width like all ...
0
votes
3answers
46 views

HTML - Div to the bottom without absolute positioning

Here's the fiddle. I added some CSS for positioning the tab to the right. I wanted those tabs to be in the bottom right of the container. If I set the position of the div to absolute. That'll void ...
0
votes
3answers
32 views

CSS logo changes its position when text length increases

This is my code which is working fine but when i change my headline2text to "Sale Price $25 . This is a sample text. $244" then auto logo image changes its position. I do not want logo to change its ...
0
votes
1answer
23 views

css3 selector, nth child incrementing by 1

i am using css3 selector to select different childs . is their any alternative instead of hardcoding it .checkout_main .check_tr th:nth-child(1){ width:50px;padding-left:10px; } .check_tr ...
0
votes
1answer
26 views

can someone tell me the meaning of #id:checked~section{} in css3

I am trying to create animated menu from the reference of 'codepen' but i don't understand the code written below can someone help me, its the first time i saw the code like this, its looks like ...
1
vote
2answers
29 views

CSS3 Banner Image Transition that repeats

I am working on a project and I have a banner. I want the banner to transition from one image to another using css, and for it to repeat after 10 seconds. I found a tutorial on how to do it but it's ...
0
votes
2answers
12 views

Bootstrap 3 Table inside a panel overflowing

<div class="col-xs-6 col-sm-4"> <div class="panel panel-primary"> <div class="panel-heading">Recently Filtered</div> <table class="table ...
0
votes
3answers
33 views

Full screen div with content below it in

Using CSS, I would like to create a div with a background image that expands throughout the entire size of the window. There should still be content below this div as the user scrolls. For example, I ...
0
votes
1answer
17 views

Grayscale canvas based on percentage (In FireFox)

I'm having some trouble trying to get Grayscale working with Firefox. I'd love to be able to this: $(element).css('filter', 'grayscale(' + val + '%)'); But I know that's not going to happen Now ...
0
votes
0answers
27 views

CSS3 MultiColumn element with multiple rows

If you have a lot of text and use a css multicolumn element, the columns tend to get longer than the screen which is really annoying to read. In the specification there is some talk of rows but I'm ...
0
votes
2answers
20 views

More than one list item per line (based on resolution)

I'm working on a mobile app where there's a list of elements displayed on the screen. The items are of a certain size. While a smartphone on portrait can only display one item per line, I'd like to ...
0
votes
1answer
25 views

Need to make <td> tags into external links using HTML5 and CSS3

I am trying to allow visitors to click on a link inside a table that uses CSS3 animation classes...I can't seem to get the DIV background image to become a link...see below HTML and CSS3... I would ...
0
votes
1answer
28 views

Can't transition between scale 0 and 1 with css transitions

I want to make an image begin scaled all the way down in x in, and then animate all the way up in x when classes are added (via javascript). The pattern that I am using works well for things like ...
-1
votes
2answers
25 views

CSS pseudo-class selector on box-shadow hover

Is there a CSS pseudo-class selector that selects an element depending on whether the mouse is hovering on its box-shadow (if exist)? Or, how do I make it so that :hover covers the box-shadow as well? ...
0
votes
2answers
44 views

How do I create triangle shaped vertical breadcrumbs

I'm trying to design a vertical breadcrumb. I'm not sure how to do the small triangles on the bottom, I'm hoping that I can do this with css only and not use images. I'm looking at getting the ...
0
votes
2answers
37 views

Scaling images to 16:9 aspect ratio

I have a background image which is getting scaled, but the problem is it is getting stretched and looking uglier when looked at smaller resolutions. .bcg { background-position: center center; ...
0
votes
1answer
56 views

Javascript loop refuses to do a function

My javascript changes the innerHTML, but refuses to add the delay to it. My goal is to make a menu that moves the list items right after each other, but this only works for the first two list items. I ...
0
votes
1answer
17 views

Flexbox not giving equal width to elements

Attempting a flexbox nav that has up to 5 items and as little as 3, but it's not dividing the width equally between all the elements. Fiddle The tutorial I'm modeling this after is ...
0
votes
1answer
28 views

Individually Animate Each Character on a Page

Currently I have a mostly working script I've hobbled together. I'm doing this in multiple phases to make it as modular as possible. //This grabs every element on page. ...
2
votes
1answer
24 views

How to position a CSS triangle using ::after?

I've created a div with a bottom arrow using ::after. Here is the HTML code: <div class="sidebar-resources-categories">Topics</div> <div class="text-content">ok ok</div> And ...
-2
votes
3answers
19 views

Fill up a div with equally spaced horizontal lines

I need to fill a div with overlying horizontal dotted lines. The lines have a spacing of 5px between them. The height of my div is not fixed, it expands as I add content. Is there any way to ...
1
vote
1answer
26 views

How can I prevent animating elements inside an SVG from overflowing?

I have an SVG element that I'm using CSS3 to animate. I'm scaling (transform: scale()) elements inside the SVG but they are being shown outside the bounds of the SVG image as they animate. I need to ...
1
vote
3answers
21 views

How to target div within a modal box with CSS

How can I target just this image to apply css styling to it? <img class="images BadgeImgOutline responsive-image" src="http://kudosoo.com/GBadges/badge8.jpg" style="width: 122px; height: ...
0
votes
1answer
23 views

Tabs content not rendering properly

i am using easytabs jquery plugin(http://os.alfajango.com/easytabs/) .i write a small code <div id="tab-container" class="tab-container"> <ul class='etabs' style=" float:left;white-space: ...
2
votes
2answers
23 views

nth-child calculating incorrectly

I have a set of divs, I want every third one to have no margin on the right hand side. Naturally, I assumed div:nth-child(3n) would work. It does not. I did some research and it seems like it's ...
0
votes
4answers
47 views

Why is it better to have stylesheets external than internal? Apart from reuse

I've been writing some css for a page as an intern, and I put the css in the header of the page. Instead of putting it in the sites main css file. One huge file. The page has a lot of unique styles ...
-5
votes
1answer
22 views

CSS make hexagon clickable <a href=…, +how to specify color of triangles? [on hold]

I have some hexagon at http://www.clinde.de/hexbox.php and i want to make it an anchor. I want to have ONLY hexagon as anchor, no invisible clicking area or workarounds. Also, i need to know how to ...
1
vote
1answer
27 views

Making images responsive for mobile site/browser

I have a image which works perfectly in browser, but when i come to mobile site. It does not fit the width of the browser. .bcg { background-position: center center; background-repeat: ...
0
votes
2answers
20 views

child element border positioned over parent border

I have a simple set of links at the top of a page with a black border underneath. The active link should show a white border underneath. This border should sit directly over the black border. I am ...
0
votes
2answers
15 views

FireFox css transition 'transition-all' creates flicker on hover and other unexpected occasions

I am wondering why I am seeing a flickering effect on an element when using transition: all 0.5s ease-out; in FireFox (latest as of this writing). It's hard to explain, but see live example here: ...
0
votes
2answers
24 views

show pseudo element but not parent element

Hi I have a list item containing text like this: <li>Search</li> and I want to display an icon using font awesome li:before { content: "\f002"; } I don't have the ability to just ...
-2
votes
0answers
40 views

CSS3 Transform Slide Effect

so currently i have some CSS that flips, i want to replicate so can use as another effect but want it to slide but not sure whats needed to be changed on the css: FIDDLE HERE: ...
0
votes
1answer
48 views

how to position a div below an absolute div in css

I have html structure something like this <ul class="rslides transparent-btns transparent-btns1" id="slider1" style="max-width: 540px;"> <li class="fluidratio" id="transparent-btns1_s1" ...
0
votes
1answer
21 views

Alpha Filter and Gradient Filter

I have a issues with css filters for IE8 ... I have one div with gradient background and this div need to have opacity 0 .. when you hover with mouse over div he get opacity 1 ... my code look like ...
1
vote
2answers
43 views

List style image not working

I was working on this site. I have set a sidebar menu widget on the left sidebar. I gave the sidebar CSS as follows #menu-side1 > li { list-style-image:url('./images/aarow.png') !important; } ...
0
votes
3answers
38 views

How to vertically align an element to the bottom of another element without absolute positioning?

I have a vertical navigation menu, with a picture next to it. So now the navigation menu and the pic are vertically aligned to the top. I want it to be bottom, like, the navigation menu to vertically ...
0
votes
1answer
27 views

How to define an elements style using CSS to be on top of an other? Why in my case z-index isn't effective?

I have this style on an <img> tag. position: absolute; margin: -477px 0 0 581px; z-index: 1000; and near this element I have a div with this style: position: relative; margin: 100px 0 0 ...
2
votes
5answers
60 views

Make <div> element fill another <div> element [duplicate]

I'm facing the following problem: I'm trying to make a div-element fit the remaining space in another div-element. I've attached the jsfiddle for your convenience. see: http://jsfiddle.net/P2898/ In ...
0
votes
1answer
11 views

Nested div elements wrapping with float left

I have four nested div elements with float:left and the fourth element is wrapping below the first due to the length of the container. .container { width: 320px; height: 110px; ...
-1
votes
2answers
52 views

100% width in css property in drop down menu

I am not an native English speaker. It could be just a simple mistake. I am a novice in web designing. I want to make a drop down navigation menu which is on a integrated centering position.
0
votes
2answers
47 views

CSS mouse hover button color changes

This is my code. I am trying mouse hover style which is working fine when i am dragging my mouse over button. But i dont want to drag my mouse over the button to change the color of the button text ...

1 2 3 4 5 … 378