The other day I was looking at the source of a greasemonkey userscript and noticed the following in their css: .even { background: #fff url(data:image/gif;base64,R0lGODlhBgASALMAAOfn5+rq6uvr6+zs7O7u7vHx8fPz8/b29vj4+P39/f///wAAAAAAAAAAAAAAAAAAACwAAAAABgASAAAIMAAVCBxIsKDBgwgTDkzAsKGAhxARSJx4oKJFAxgzFtjIkYDHjwNCigxAsiSAkygDAgA7) repeat-x b...
<style> body { background: #9cdcf9 url(/images/left_cloud.png) bottom left no-repeat; font-family:\"Trebuchet MS\"; padding:0; margin:0; border:0; } #cloud-container { width: 100%; background: url(/images/right_cloud.png) bottom right no-repeat; height: 100%; } #plane-container { width: 100%; backg...
I am currently coding a HTML website into wordpress. The problem that i'm having at the moment is that I can't seem to include a drop-down in the navigation list, via the wp_list_pages tag. So that means at the moment, the "products" list-item, on hover, does not drop down to reveal pages (or sub-pages in this case). This is due to the...
how can i style html Checkboxes, Radio buttons & dropdowns? or can i? eg. can i use an image for checkbox/radio button? same for lists - the arrow down button thingy is not nice most of the time? ...
Hi! Is it possible to highlight the modifications in one text paragraph from the other? For example, there are 3 text fields in a database. Non-admin users can edit the text and submit for approval. When the admin logs in, (s)he can open the approvals page and it shows the original text and user submitted text with modifications. Usual...
As a professional web designer, what are the essential techniques? In my opinion, these are the must-learns. XHTML CSS JavaScript Script language like PHP, Perl, and Python But however, learning these and skills using these languages may only produce well-written codes, as a skilled C/C++ programmer does. The layout of a page, colou...
Im using the css friendly adapters from codeplex with sharepoint. It appears to be working although when i go to "manage content and structure" page the page returns an error: The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>). at System.Web.UI.ControlCollection.Add(Control child) ...
I've been looking into IntelliJ's advanced features, specifically its on-the-fly CSS validation (their site says that it can find "Unused CSS class definitions") to help us clean up our massive CSS files in our hundreds of JSP pages. IntelliJ has so many features and seems to be pushing the envelope in many ways but how much can IntelliJ...
What is the difference between: .classA.classB { border: 1px solid; } .classA .classB { border: 1px solid; } ? ...
I'd like to create a that extends from wherever it starts to the bottom of the page, but does not extend beyond the bottom of the page. It has overflow-y: auto, so that if the div content is too long, a scroll-bar will appear (for that only, not for the whole page). I tried height:100%, but that makes the height equal the page height...
I have the following HTML snippet: Block 1: <div style="position: absolute; top: 105px; left: 15px;"> <div style="float: left; width: 50px; height: 40px;"></div> <div style="float: left; width: 100px; height: 20px;"></div> </div> Block 2: <div style="position: relative; width: 60px; height: 20px;"> <div style="position: absolute; to...
I have some css like so #menu li { color:#336633; } .hover { color:#ffffff; background-color:#336633; } I am using jQuery's hover like so on hover: addClass('hover'); on out: removeClass('hover'); This changes the background color but not the font color. I suspect this is because the class is being applied first and then the...
<div style="overflow:hidden; height:100px; width:100px;"> <image src="etc.jpg" width:"100px" /></div> I've got an img into a div. The height of the IMG is undefined but it is bigger than the 100px of the DIV. I want to vertical centering the IMG and hide the top and bottom hoverflow. Still I can't understand how to do this... Daniel...
I've seen a lot of codes for this but it appears non of them work very well or at all. I've used pictures for rounded corners but I need the code so that it will round the border of a <table>. The only solutions I've found for this problem are to have images In the cells around the border. Anything else I can try? ...
Hi all I have 2 buttons , one being a image submit button and the other just a standard link button. The layout issue is that the image submit button pushes the other button beneath it. If i take out the form tags the 2 buttons remain side by side which is the way i wish for it to be. any suggestion on how to make my buttons side by s...
As someone who is beginning to make a transition from table based design to full CSS I'm wondering if using the style attribute to make adjustments to elements is considered "cheating" and if absolutely ALL presentation should be strictly in the style sheet? See also: A question of style - approaches to styling and stylesheets ...
Hey, I seem to be having a problem with my table when I load in more information with Jquery. When I click the 'more info' link more content slides down but unfortunately seems to expand the table right or something. Here are a picture of the page being expanded to explain better: 'more info' link clicked: Click Here And here is th...
I'm trying to have a sidebar menu overlap a content div, where the active menu item render over the div and the non-active items would render under. The intersection between a ul and div would be small, but the interleaving effect would create an illusion of depth. I understand that z-index only applies to sibling elements. So the follo...
Hi everyone, I have my own simple equal heights code in jQuery to make two columns the same height: var content = $("#content"); var sidebar = $("#sidebar"); var maxHeight = Math.max(content.height(), sidebar.height()); content.height(maxHeight); sidebar.height(maxHeight); This JS file is included in my header file. I have a print st...
I feel very noobish asking this, but I can't seem to figure it out... I have a standard <ol> that lists List item List item List item etc. In my CSS I would like to include the entire <li> in the background color, for instance (in my very best ASCII representation): ---------------- | 1. List item | <----- box = solid background c...