HTML/CSS Template for Form-Based Apps
I do a lot of web apps that mainly rely on forms and I'm wondering of there is some nice HTML/CSS template I could use, at least for my demos. ...
css
Nav Menu IE7 Z-index issues...
Hi I am going out of my mind trying to work out why the menu is appearing under the slogan wording in IE7 but fine in FF? http://securityfor.voxit.co.uk It struggles specifically over the h1/h2 etc tags? Can anyone help? ...
CSS Hover + Element crashing in webkit (Chrome, Safari)
Hey, Found an annoying bug today which crashed chrome and safari (so all webkit browsers?) with just CSS. It's a hover menu, hovering over an element then displaying the next dropdown level. Works perfectly in all other browsers. See here, top left 'rn': http://test.davebowker.com/rn-hover/ Hope someone has some thoughts, or knows a ...
DIV Vertical Scroll bar on left
Is it possible to put DIV's Vertical Scroll bar on left of the div with css? what about jscript? ...
Starting point of a html document and a viewport ( display area )
hi Absolute positioning is relative to a containing block that provides a positioning context; which by default is the document a) So if absolute positioning is relative to document, then could we imagine the starting point of a document as a two dimensional coordinate system with its origin in the top left corner of a viewport (assu...
Form Field Outlining
I'm trying to remove the blue "halo" outline that form elements have in Firefox on OS X. Using CSS, I can remove the halo in Safari on OS X, via: input { outline: none; } But this seems to have no effect in Firefox, nor does the -moz-outline property. ...
Cross-browser CSS
How do professional web designers create cross-browser CSS? Is it generally done by hand, or are there toolkits that can streamline the process, like YUI does for JavaScript? I'd prefer to stay away from WYSIWYG editors like DreamWeaver. Thanks! ...
Why bullet not shown in IE6
It shows in firefox,but no in IE(in fact mine is IE6) <style type="text/css"> li { list-style-type:disc; } </style> <div style="margin: 2px auto 15px; padding: 5px 0px; width: 480px; text-align: center;"> <ul style="margin: 0; padding: 0; text-align: left; list-style-position: outside; overflow: visible;"> <li ><em>test.</em> 111</li...
html && css - images highlighting
Hi guys, I have images in my gallery. I want to highlight them (for example, white glow), when mouse is over. Could I do it using javascript/css/html for all browsers? ...
div with dynamic elements pushing other div down
So, I have a predicament. My tabs are pushing down the content below it. Here is some of the code: <div id="navigation"> <div id="test" class="blue"> <p><a href="<? echo $web_app_path ?>home.php">Home</a></p> <p class="subtext">View/update contact information</p> </div> <div id="lessons" class="blue"> <p><a href="<? echo $...
Is it possible to emulate Mac Osx Finder search highlight in HTML + CSS?
Mac OSX Finder has a search feature that darkens everything but the part that matches. Is there a way to emulate it via CSS? I was thinking about adding a semi-transparent black div with opacity 50. But how then do I cut a hole in it?? and possibly make the edge fuzzy? Any suggestions? ...
Inline UL element not working in IE7
Below is an entire test page that I'm working on (I realize that it is still ugly and cluttered). My issue is with the ul class="dropdown". I'm intending on it being a replacement for a SELECT so I can style it (again, not done yet). However, I cannot seem to position it where I want it. If you look at this page in FF3.5, that is how...
Remove space after form in IE8
Please view the following URL in IE8 and then in any other browser. http://minorityrecruitonline.com/college/default.aspx It looks fine in every browser except for IE8. The culprit is the extra space being included after the </form> tag. Does anyone know how to remove this space from IE8? I have tried all the usual tricks of adding ma...
content of page pushed WAAYY over in IE, but only when the css position is absolute...
okay, so if you go to the website that I've been working on: http://www.charmscorp.com/inspect/projects.php in firefox, the site looks how it's supposed to (don't mind the slow load up time, it's a server issue). You will have to wait a few seconds for the content to fully load. If you rollover the tabs, it all works fine in IE8, the ...
Equal sized table cells to fill entire width of holding table.
Hey guys, I guess the title sort of explains what I am trying to achieve; Is there a way using html/css (with relative sizing) to make a row of cells stretch the entire width of the table within which it is contained? The cells should be equal widths and the outer table size is also dynamic Currently if I don't specify a fixed size th...
How to modify STYLE attribute of element with known ID using JQuery
Hello I got 3 buttons-links triggering some javascript code, with indication if certain button is selected, selected button got style attribute set to "btn brown selected" while other buttons got this attribute set to "btn brown" only one button can be selected at one time, each of buttons got different unique id, my question is ...
SVG image sprites? Possible or not?
Has anyone ever used SVG for image sprites? I wish to replace a bunch of very similar GIFs and JPGs with some scalable SVG images, but the image gradient and button shape specifications bloat out the SVG. If I could create a composite diagram, then I might be able to reuse the gradients and base button shapes etc. I'm just not sure whe...
Guidelines for designing HTML for easy CSS customization
I am doing a Saas project, and we want each customer to be able to upload a css page for "his" web site. (Although actually, all of the customer's sites are hosted by us using virtual hosting). What are good guidelines when designing the html of a page so that css can be applied a posteriori. ...
Imagebuttons gap
I don't have any CSS on the page. If i place 2 imagebuttons control in 2 lines of code like this: <asp:ImageButton ID="btnVoteUp" Height="16px" Width="16px" runat="server" ImageUrl="images/thumbs_up.gif" CausesValidation="false" CommandArgument='<%#Eval("ID")%>' CommandName="VoteUp" /> <asp:ImageButton ID="btnVoteDown" Height="16px" Wi...
3 digit Hex color code
I've been using 3-digit Hex color values in CSS for a long time: #fff, #999, #069 etc., I can see how the repeating alphabets/numbers are merged to create a 3-digit hex color code, but I don't fully understand the pattern to be able to write a converter in PHP. Is there a documentation for this? Edit: Oh, perhaps my question wasn't clea...