The text of the Radio Form entry is not stylized

I can't get the form text to be styled. The text is left all the way at the top, while my radio inputs are correctly styled to be 100px from the top. Does it require a special attribute tag? I don't believe the documentation made note of that, if tha

manage the space between div when scrolling

This question already has an answer here: How to remove the space between inline-block elements? 32 answers This may look like a duplicate question, but I could not find any satisfactory answer. I want to create a navigate bar. I just created some in

The animation ends abruptly

if I have the animation applied on hover then if I move the mouse out of the link the animation terminates abruptly. Is there some way to let if finish? a:hover{ display: block; width: 30px; height: 30px; animation: test .5s infinite; } I'm afraid th

Bootstrap autosizing background images

I'm trying to make a background image on the header section autosize but it won't keep to aspect ratios. Here is an example, the image gets the bottom of it cut off: or if I make it this size, space appears between it a

HTML5 in the jQuery placeholder

I want to have a bold tag in my input placeholder like the following: |--------------------| | BOLD normal | |--------------------| I found answers on Google but they're not useful. Like overlaying a div over the input with position:relative. Is ther

why style.height is not added?

I have the below code and it runs without any issues but for some reason the height is never set. function expandTextarea() { var textareas = document.getElementsByTagName('textarea'); for (var i = 0; i < textareas.length; i++) { if (textareas[i].scr

Disabling the rollover effect after closing the navigation bar

I have a bootstrap navbar with drop-down menu buttons that automatically drop down when they are hovered over. However, when the menu is collapsed (upon hitting 768px), I want to disable this hover effect, so that the menu drops down only when the bu

100% height does not work on all the divs

I'm trying to get the 100 % height work but at some point the text flows over the divs. (Site url: Here is the wrapper css: #wrapper { box-shadow: 0px 0px 20px #666; background-color: #ddd; margin:0 auto; width: 1000px; borde

Jquery Tooltip animation

i have to choose style from dropdown menu and tooltip should animate selected way. but my tooltip always acts same. Is there any problem in show: or i cant get right value of style. Should i use change() function ? <sc

Inline-Block does not work as expected

I want to create a page with a load of fixed width/height divs that wrap (left to right) when they get to the edge of the page. Firstly, the smaller div width/height is being ignored and as a result they are overlapping. Secondly, the divs are going

multiple CSS classes in the selector

This question already has an answer here: Why does .class:last-of-type not work? 5 answers I want add a border to the bottom of the last element with the classes onerow and light_grey_bg (div c below). I have the following html and css but it's not w

transition to sepia in css

i have these pieces of separate css code: #social img:hover { opacity:1; filter:alpha(opacity=100); -webkit-filter: grayscale(100%) sepia(100%); -moz-filter: grayscale(100%) sepia(100%); -o-filter: grayscale(100%) sepia(100%); -ms-filter: grayscale(1

Can flexbox divide elements evenly across multiple lines?

I've played around with responsive flexbox grids, with no media queries. (rescale the window to see how it works) It fits as many flex items as it can per row and stretches their width equally to fill the whole line. Howev

select the following CSS item

i have 2 div elements in html : <body> <div id="one"></div> <div></div> </body> I want to hide div elements after div with id="one" from CSS, I tried this : #one:after{display:none} This doesn't work

Floating List Items with Unwanted Vertical Gap

Context: I have a six left floating list items (2 rows x 3 columns). Each list item contains a few divs. Problem: The vertical height of the list items vary. When the vertical height of list items of the same row are not equal, it distorts the floati

Make the background image div sensitive with bootstrap 3

How make div with background image responsive with bootstrap 3 ?? Is it possible with img-responsive class in bootstrap 3 ?? My div is empty like below: <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

js Make a smooth parchment

I seriously have a question about the scroll event. I tried to solve it all night but I couldnt. I am trying stick a navigation on the top. The stick effect will process when $(window).scrollTop() pass the point right before the navigation. The probl

JQuery / CSS Transform content

This question already has an answer here: jQuery animate div size 3 answers Let's say I have two forms. When the user finishes with the first form, they can click continue and move onto the second form. Currently I'm just using fadein and fadeout to

Conditional formatting on a table

I'm trying to add conditional formatting to the following; <tr> <td><h3>Company</h3></td> <td><h3>Price</h3></td> <td><h3>Change</h3></td> </tr> <tr> <td>Examp

Where can I use + and & gt; in CSS?

This may be a basic question but to me it is still confusing where I can use + or > in CSS. I see many selectors like li > a or div + span etc. but I am not sure what the difference is and when to use them?The > sign means select a direct descend

Element inside DIV placed below

I accidentally deleted my question about this. I have the following HTML: <div id="frame"> <img src="sample.png" alt="" /> </div> CSS: #frame { position: relative; z-index: 2; } #frame img { position: relati

Strange disposition behavior

I am a little bit confused. Here is a small web page. There are two main div-s: top and mainBlock. First contains an image. The problem is that firebug shows that div#top's height is equal to 0 and because of that the next div mainBlock moves up. If

Document conversion software: XHTML and CSS in PDF

I have a large database of XHTML that I wish to render as PDFs and/or RTF using CSS. Is there an off-the-shelf/cheap solution that could do this at scale? Large meaning terabytes. Need something that is robust and good at handling large volumes of fi