How do you use the CSS content property to add html entities? I have a number of links which I make into a breadcrumb style list by adding an arrow before each. <div class="breadcrumbs"> <a>One</a> <a>Two</a> <a>Three</a> </div> Which has the following style applied to it: .breadcrumbs a:before { content: '> '; } T...
I just started experimenting with SVG in web pages, and I discovered that it is only possible to add SVG images into HTML using <object /> tags, not <img /> like I would have expected. Most of the time, I add graphics to web pages through CSS because they are part of the presentation of the site, not the content. I know it is possible t...
I'm trying to dynamically hide certain DIV's when a print (or print preview) occurs from the browser. I can easily differentiate statically by having two style sheets, one for normal and one for print media: But I need to go one step further and hide some elements dynamically when the print style sheet becomes active during a print b...
The Separat*ion* of Layout and Content is the domain of CSS and HTML - so far well understood. Now about separat*ing*... I'm looking for hints and Best Practices to get started with the task of providing a "skin" or "theme" for a content management system. Background: We are starting to embrace a Portal Server/Content Management Syst...
UPDATE Here is my final working version: <% Dim theUrl As String = Request.Url.Segments(Request.Url.Segments.Count - 1).ToLower Dim oList As New List(Of String()), openTag As String = "" oList.AddRange(sqlStuff.getNavPages()) For Each oItem As String() In oList If oItem(1) = theUrl Then openTag = String.Format...
So, this is my first PM experience and shame on me if I'm not learning something new every day. The guy I hired to do my XHTML/CSS accepted a full time position somewhere else. Which SUCKS. I can either stay with him (he said he could get a friend to help during this transition) but he HASN'T been dependable. However, if I switch horses...
I'm trying to use this layout with two 50% column width instead. But it seems that when the right columns reaches its 'min-width', it goes under the left column. Is there any way to use the 'shim' technique to set a min-width to the wrapper so both columns stop resizing. Thus, eliminating the problem of the right column finding itself un...
I am curious if anyone has done a comparison between the different options out there. So far I am leaning towards using Moo.fx because loading prototype.js just to use scriptaculous seems a bit much. Does that make sense? Are there any other effects libraries worth trying? Thanks. ...
I'm roughing a layout together and doing some browser testing. Never came across this issue before, check out the contact form in the footer of this page http://staging.terrilynn.com/fundraising/ There is a div with a width of 298px floated to the right that comes first in the source order. It is followed by several other divs, each wi...
I understand that an id must be unique within an HTML/XHTML page. My question is, for a given element, can I assign multiple ids to it? <div id="nested_element_123 task_123"></div> I realize I have an easy solution with simply using a class. I'm just curious about using ids in this manner. ...
I am working on a webpage in ASP.Net/C# that uses absolute positioning for a textbox, for several in fact. It was working just fine, until I added some more text boxes. That is, the existing text boxes still positioned correctly, but the new ones did not, despite the fact that I created new styles in the CSS for them just like the others...
Is it possible to set the cursor to 'wait' on the entire html page in a simple way? The idea is to show the user that something is going on while an ajax call is being completed. The code below shows a simplified version of what I tried and also demonstrate the problems I run into: if an element (#id1) has a cursor style set it will ig...
I am creating a tool that will check dynamically generated XHTML and validate it against expected contents. I need to confirm the structure is correct and that specific attributes exist/match. There may be other attributes which I'm not interested in, so a direct string comparison is not suitable. One way of validating this is with XPa...
As part of learning jQuery, I decided to do a simple tic-tac-toe game in JavaScript and, at the moment, I'm using a HTML table for spacing and using graphic images within the table. The images are either a small circle or a big X or O. When the user clicks on a circle, it changes to an X or O then checks whether the game has been won. ...
I want to define a CSS class that will provide the same style as HTML's <pre> element. I tried this: .mystyle { display: block; font-family: monospace; white-space: pre; } which works fine on FF but not on IE (white-spaces are not kept). Does anyone have a clue? ...
I'm currently developing a website and my client wants the text of various articles to overflow into two columns. Kind of like in a newspaper? So it would look like: Today in Wales, someone actually Nobody was harmed in did something interesting. the incident, although one Authorities are baffled by this elderly v...
Hey, Is it possible to make such buttons (http://img225.imageshack.us/img225/6452/buttonslw9.jpg) using CSS? It should be Menu, and PHP would just feed the text to html/css and css should take care of the design. Maybe I want too much out of CSS - especially with that red outline of the text.. ? Any ideas how i can achieve such result...
I'm looking for a technique (javascript, CSS, whatever ???) that will let me control the amount of a string that is displayed. The string is the result of a search (and therefore not initially known). A simple Character count approach is trivial, but not acceptable, as it needs to handle proportional fonts. In otherwords if I want to lim...
Hi, I got a problem like this (this is html/css menu): Eshop | Another eshop | Another eshop Client wants it work like this: User comes to website, clicks on Eshop. Eshop changes to red color with red box outline. User decides to visit Another eshop, so Eshop will go back to normaln color without red box outline, and another eshop wi...
So, I can create an input button with an image using <INPUT type="image" src="/images/Btn.PNG" value=""> But, I can't get the same behavior using CSS. for instance, i've tried <INPUT type="image" class="myButton" value=""> where "myButton" is defined in the css file as .myButton{ background:url(/images/Btn.PNG) no-repeat; cursor:p...