I have a question with turning this html into erb. <button name="support" type="button" value="Get Support" class="brightOrange"> <span>Get Support</span> </button> I've been trying to do something like this in rails. <% form_tag get_support_path do %> <%= text_field_tag :email, "Email:" %> <% submit_tag "Join", :class=>"bri...
The css part is totally not reflected in the output (for webkit only, others ok), it is as if no css was defined, javascript works tho... Ajax call $("#output_area").load("abc.html"); abc.html sourcecode: (Angle brackets are omitted) !DOCTYPE HTML html head style type="text/css" css.. css.. ...
Why does the inner DIV also become transparent when I use this code? My plan was to have the text visible and transparent background. Do I have to float the inner div over the transparent div? You can see live demo here: http://jsfiddle.net/pBAf5/ HTML <div class="openinghours floatRight"> <div class="content">My test goes here</div...
I have cells that have borders of width 1px and width 2px, and the rest have no borders. The bordered cells subtly adjust the spacing of surrounding cells. I don't want this. How do I prevent it, while still enabling different sizes of borders for different cells? ...
I cant figure it out. How do i align the textbox? I thought using float: left on the labels on the left (then doing it on the input when i notice the input was now on the left without that) but that was completely wrong. How do i get the textbox align along with the labels on the left of them next to the textbox instead of the far left?...
I have standard page layout: header + 2 blocks (left and right). Code are below <h:panelGroup rendered="#{false}"> <div id="center_header"> <h:outputText value="#{ScholarActiveHub.selectedGroup.groupName}"/> </div> <div id="center_left"> </div> <div id="center_right"> <h:dataTable value="#{Schol...
Inspecting the Typekit 'badge' (a fixed-position 'bug' used to promote that service on their free plan) I came across the following: z-index: 2e+09 I'm puzzled by that value - can anyone help me decipher it? Thanks edit: link to example ...
I saw a related post about scaling divs percentage wise a couple of weeks earlier, can someone help with something similar? What I have a is centered #container element which contains three other elements. A #leftContent (100% column running down left side), #header, and a #mainContent. Appears okay half the time (roughly) when resizin...
I am using google-tables with a dataview, and I cannot figure out how to get any kind of formatting on one of my columns. var datatable = createGoogleData(...); datatable.setColumnProperty(2, 'className', 'hest1'); // <--- doesnt work var view = new google.visualization.DataView(datatable); ... view.setColumns([0, 1, { calc: b...
I am making some changes on an already established website and need to make the following change. Currently, there are three images and when one of the image is clicked/chosen, a text message displays and after that a next button can be clicked which takes them to the next page. Currently, the next button (an image) shows right when th...
Is there a list describing which CSS properties apply to print and which don't? ...
Should we make Print css for mobile specific websites? Sites which are specifically built for mobile users and we have different site for desktop/laptop user. ...
how to get double border in using CSS with cross browser compatibility and border should come in print on page? ...
I added to every textarea, every textfield and every button a special class. I have many buttons and many textfields on my page so i decide to clean my code. I delete all the special classes like (.textarea), (.textfield) and (.button) in the html code. Over 180 hits ... so my code is shorter now. I add the three new rules into the CS...
Which is better to define color? color:#fff; or color:#FFF; ? I like #FFF because it catch your eyes' focus faster than #fff. But PS returns lowercase, so I was wondering if lowercase hexadecimal is better than uppercase. Why this thread closed? o.Oa ...
.thumbnail:hover { background-color: transparent; z-index: 1; } I have specified this style to make an image overlap another image on mouse hover. It works perfectly in all other browsers except in IE8. I tried specifying higher value for z-index but it did not work out! This is the complete styles associated with the thumbn...
In css, i set the overlow property of the div to scroll and it works well. But the scrolls are visible but not active with a greyed color even they are not needed. So how can i make the scrolls invisible when they are not needed ? ...
This code has different result in Firefox and Chrome <div style="border:1px solid red; width:50%; height:50px; position:relative;"> <input type="text" style="position:absolute; left:0; right:20px;" /> </div> How to make the text box anchored 0px to the left and 20px to the right side of the div? NOTE: div's width must fluid 50%...
Which DTD would you prefer for mobile sites, "XHTML Mobile" or "HTML 5"? Is there any Mobile Html 5 Validator like W3C mobile OK validator for mobiles? Should we not use Html 5 for mobile phone now because W3C not recommending it.? ...
I am writing a CSS stylesheet to add a background image to a div identified by its class name as follows: .scrollingResultsContainer { background-image: url(https://mdl0133/widget/Images/gradient.gif); background-repeat: repeat-x; background-attachment: fixed; color:#FFFFFF; } This work fine except I have one particul...