When naming classes and ids for CSS what is the best method to use. In this case I need there to be some kind of naming convention so that other people can pick up rules and understand how to name their own ids and classes using the same pattern. Any suggestions? Some of the sites we create can get pretty complex but use an overall struc...
Hi! I'm sure this a common problem, but couldn't find the excact answer :) I have two divs, inside another div. I want the two divs to be on the same level, one floating to the left and the other to the right. But they won't get inside the parent div, only if I use position: absolute on the parent. But now the child-divs won't stay on t...
I'm currently in a horrible situation that requires me to style an input of type "button" over two lines. Having a fixed width on the button causes the text within the button to wrap onto two lines in all other browsers except IE. My question is therefore, how do I specify that an input with value="Button to Wrap" wraps onto two lines i...
I have a doosie of a layout problem that looks like a browser bug. It manifests only in FF3 (haven't tested ff2). It only shows up on the first load of the page. If I resize the window it behaves properly. It goes away when I put a border on the problem element, and comes back when I take the border off. No other properties change. ...
I have 3 divs and all of them are floated to the left. My container can accommodate only 2(intentional) so the 3rd div is pushed below. My problem is the height of 2nd div is more than the other two, and the third div is showing up where 2nd div ends, leaving an empty space between 1st and the 3rd div. I want the 3rd div to wrap around t...
How do I do a css selector that selects a div that has the class of "someButton" AND "current"? .someButton .current { /* select current with the parent div of .someButton, correct? */ Please help me figure this out! ...
jQuery has the handy :even and :odd selectors for selecting the even- or odd-indexed items in a set, which I'm using to clear every other item in a series of floated boxes, as follows: <div class='2up'> <div> ... </div> <div> ... </div> ... <div> ... </div> </div> and // Clear every 2nd block for 2-up blocks $('.2up>div:e...
I have a text input field that has some sample text in a light gray font that I'm clearing when the user clicks to type in the field. When that happens I'd like to also change the font color to black so it's easier for the user to read what they are typing. Here is what I'm using so far: <input type="text" name="q" value="Enter keywords...
I'm looking for an easy to use wireframing tool. I've heard of gliffy, are there any others? Specifically, I'd like something that is Easy to use Supports collaboration export to html and css lets me show the wireframes to the client. Allowing annotations would be a nice feature. low cost, or free ...
I have a few users who complain that the font size on my web application is too small to read. They aren't happy with trying to resize the font setting on the browser because when they make the font larger the dimensions and layout of the application change. Are there any existing tools that give me a good way to let the end user pick ...
Last night, I experienced a strange behavior in IE8 as I saw two noticeably different layouts of a page that's being hosted on separate servers. On my local web server, the header markup looked as expected with its left aligned logo and right aligned and stacked utility links, all of which displayed on a centered page. On a staging web...
I have a challenge with CSS and Jquery Sortables. I am extremely new to Jquery so I have no idea how to achieve this. Here is the goal: To have a horizontal plane of Parent Menus. Parent menus can be sorted by dragging them from right to left. Each Parent Menu Has its own unique ID. Each parent menu can have 0 - unlimited sub menus. ...
in IE6 background image only shows if we mouse over on the link otherwise not #tbaContentContainer P A:link { font-size:1em; background: url(~/media/images/e/experian/images/content/arrow.ashx) no-repeat -2px 5px ; color: red; text-indent: 15px;position:relative} Attached here is a screenshot for more information. Can someone pleas...
For this HTML: <div id="idName" class="className"> ... </div> I know this is correct selector syntax: div.className {...} div#idName {...} By mistake I did: #idName.className {...} It seams to work but I don't think it's valid. Can anyone confirm if this is valid? Edit: To clarify, this id will be on many pages and, depending ...
I have a page generated by a database. It creates a DIV for each entry (extremely simplified for sake a question). Each of these DIVs have a set width, and float left. However, these DIVs don't have a set height, so occasionally the following as depicted in the image happens. Is there a good way to prevent this from happening, and the ...
<input type="radio" value="1" id="baby"> I'd like to keep this code like that. However, can I apply a CSS to it so that the "1" is not displayed to the user? Edit: For some reason, it is being displayed, I don't know why. I do have a CSS attached to it though. ...
When I put this code outside of the <table>...it will work. <script type="text/javascript"> $(function(){ $("#stars-wrapper1").stars({ oneVoteOnly: true }); }); </script> <form> <div id="stars-wrapper1"> <input type="radio" name="newrate" value="1" title="Very poor" /> <input type="radio" name="newrat...
I have a .aspx page which I want the browser to treat like a regular .css file. The code in the .aspx looks like this: <%@ Page Language="C#" AutoEventWireup="true" %> <script runat="server" type="text/C#"> protected void Page_Init(object sender, EventArgs e) { Response.ContentType = "text/css"; } </script> @import url(<%= "myCs...
I am using HTML and CSS to create a webpage. I want to create buttons that are of a .gif file that I already have. I am using div to place items in the page itself. How do I use the image, and also use the rollover features so that the image changes to a different image I have that is a different color. Thanks. ...
in my style.css i have for example this, and it work fine in iexplorer but when i move to firefox the style is lost and i got the error shown below. #header { width: 900px; position: relative; height: 170px; padding: 0; font-size: 14px; color: #000; } ERROR: from error console in firefox (sorry my local conf is in spanish i dont...