Hi, I'm trying to create a "workflow" bar on a web page. The items in the workflow might be of different lengths. There might be enough items to fill the width of the screen, hence the flow needs to wrap onto the next line. I'm using left floating divs to do this. However, I'd like the divs to take an appropriate amount of screen w...
I'm stuck on what appears to be a CSS/z-index conflict with the YouTube player. In Firefox 3 under Windows XP, Take a look at this page: http://spokenword.org/program/21396 Click on the Collect button and note that the pop-up <div> appears under the YouTube player. On other browsers the <div> appears on top. It has a z-index value of 999...
Hey, I am working with: #top ul li.corner span.right-corner:hover { background-image:url("images/corner-right-over.gif"); width:4px; height:15px; float:left; } #top ul li.corner span.left-corner:hover { background-image:url("images/corner-left-over.gif"); float:left; width:4px; height:15px; } And I ca...
The line-height property usually takes care of vertical alignment, but not with inputs. Is there a way to automatically center text without playing around with padding? ...
We have a large ASP.Net website that has a single css stylesheet which is getting out of control. I am thinking of using the the following strategy (taken from http://articles.techrepublic.com.com/5100-10878_11-5437796.html) which seems logical to me... you might have one CSS file devoted to sitewide styles and separate CSS files for i...
I see the "More Action" drop-down box in gmail inbox page. It has levels and some disabled item in the list. How to do that in HTML+CSS? Thank you ...
Is the anchor tag the only element in HTML to support styles like hover, active, visited? I was thinking of using these styles for easier cell rollover effects in a datagrid. But I can't seem to get these styles working on anything other than the most basic of tag. ...
UPDATE: Thank you all for your input. Some additional information. It's really just a small chunk of markup (20 lines) I'm working with and had aimed to to leverage a regex to do the work. I also do have the ability to hack up the script (an ecommerce one) to insert the classes as the navigation is built. I wanted to limit the number ...
Update: This turned into a blog post, with updated links and code, over at my blog: http://egilhansen.com/2008/11/30/how-to-take-control-of-style-sheets-in-aspnet-themes-with-the-styleplaceholder-and-style-control/ The problem is pretty simple. When using ASP.NET Themes you do not have much say in how your style sheets are rendered to...
First off, I apologize if this doesn't make sense. I'm new to XHTML, CSS and JavaScript. I gather that in XHTML, the correct way to have a nested page is as follows (instead of an iframe): <object name="nestedPage" data="http://abc.com/page.html" type="text/html" width="500" height="400" /> If I have a nested page like that - is it ...
I'm using the following code to have a non-JS navigation: <ol id="navigation"> <li id="home"><a href="#"><img src="./images/nav/home-hover.png" alt="Home" /></li> ... </ol> And the CSS: #navigation a { display: block; height: 25px; } #navigation a img { display: none; } #navigation a:hover img { display: blo...
My question revolves around CSS Fixed Layout vs a Float Layout that extends to fill the width of the browser. Right now the issue I'm running into is to have the masthead resize depending on the width of the page (something that I understand isn't possible given current browser implementation of CSS3's background-image: size;). At this...
I wanna start HTML and CSS. Did you guys have any idea about how and where to start? Thanks ...
As of right now I believe only Firefox support -moz-border-radius property. I am surprised that twitter uses it. Are any other browsers planning on supporting this or does CSS3 have something like this in the works? edit:// also found -webkit-border-top-left-radius and then the CSS3 version So when is CSS3 coming out? ...
When presenting preformatted text on the web (e.g. code samples), line wrapping can be a problem. You want to wrap for readability without scrolling, but also need it to be unambiguous to the user that it is all one line with no line break. For example, you may have a really long command line to display, like this: c:\Program Files\My ...
Is it bad design to use table tags when displaying forms in html? The accepted answer to this question in short: YES... ...but what about something like this: I can't really think of an economic solution with CSS. But I'm not a CSS geek. The example is from LimeSurvey and uses tables. Is it still bad design to use table tags for su...
I have a couple of Divs which I style using a class and an ID, he div's themselves are emtpy since they are only placeholders for their background. Example Div: <div id='ranImg1' class='ranImg'> </div> Then I style them using this css: .ranImg{ position:fixed; z-index:0; width:250px; height:250px; display:block; } #ranImg1{ lef...
Hello, I have a very simple html page here: http://www.nomorepasting.com/getpaste.php?pasteid=22407 And I have 4 layers on the page. The reason for this is it is the framework oif a much more complicated site, I have simplified it to ask my question. Basically, I want to be able to click on different links in layer 2 and have the image...
Suppose you have several applications which share the same code and most of the other resources, but have a somewhat different look and feel, some labels change, etc. (think branding). If each web app is to go in its own WAR file, where do you put the shared resources? I already use the classpath to share classes and property files. Bu...
I'm trying to create a css reset that targets only my control. So the HTML will look something like this: <body> <img class="outterImg" src="sadkitty.gif" /> <div id="container" class="container"> <img class="innerImg" src="sadkitty.gif" /> <div class="subContainer"> <img class="innerImg" src="sadkitty.gif" /> </di...