I'm curious about the possibility of having a .NET class library that provides a complete abstraction of HTML (and perhaps CSS styles as well). There would be a .NET class for every kind of HTML element, and even abstract classes (e.g. an abstract base class 'List', which 'OrderedList' and 'UnorderedList' extend). The elements could be...
The code below has a repeating background image "thinline.png". On top of that are 4 layered transparent PNGs: cardshadow.png, steel.png, startjobapplicationshadow.png and startapplication.png My goal is to make this code look good in IE6 without messing up other browsers. This feature of IE is widely documented but I have not been able...
Hi. CSS is not my strong suit, and I am not sure what's going on with my list items in IE6. I want them to align vertically, but the first list item is always being pushed a pixel or two two far to the right, so it no longer lines up with the other members in the list. As far as I'm concerned, this list looks fine in IE7/8, FF3, and C...
I've come across an interesting problem in the following line of code: <img style="background-image:url(Resources/bar.png); width: 300px; height: 50px;"/> In Safari (at least), a gray border surrounds the 300x50px area. Adding style="border: none;" doesn't remove it. Any ideas? Thanks. Mike ...
I have been looking at LESS (http://lesscss.org/) which adds variables and macro like features to CSS. This means you can define an RGB colour once somewhere, then use that variable all through your CSS. Basically, it looks like a really cool solution. However, it depends on Ruby, which is not part of my normal dev stack, so I thought I...
Wanting to highlight stuff in web pages as you mouse over, but there seem to be so many ways you can set display properties I'm having trouble finding a good way to change the display so that it can change back and still keep close to what the user was already looking at. The IE 8 developer tools Outline tool does something like what I ...
I am trying to build the html with css styling schematically presented in the picture below: I manage to position the inner div with the following html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <body> <div style="background-color: yellow; width: 100px; he...
Bit of a weird one here - I've created a map with various image overlays floated over the top using CSS for a web app which is built in asp.net; it looks and works fine in the browser, however the page the map appears in is sometimes converted to a Word document for editing, after conversion the map either disappears if using background ...
I'd like to create two column layout for my list using CSS. Let's say I have 5 items, the presentation would be: <item 1> <item 4> <item 2> <item 5> <item 3> How can I do this with HTML and CSS? Keep in mind that the list length is variable. I'll be generating the HTML server side using C#, that will provide more flexibility. ...
I have a div with margin and padding in it. And I want to hide the content inside the div. I am using js to show, hide process. The problem is when I tried to hide the content, it gets hide but the spacing or the gap remains the same. Firefox renders properly, but not in ie. How can I solve this issue in ie using css? ...
Hello. position:fixed that doesn't work for Internet explorer 6. I can't really understand the fixes found on google. I need it to work in IE6, IE7, IE8 & FireFox 3.0. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" l...
I have been trying to get yui-css grid system to make a three column grid, where the first on (left) uses 1/4 of the space, the second (middle) uses 2/4 of the space and the third (right) uses 1/4 of the space. Something like this: | header | -------- ------------------------ | left | middle | right |...
Hello, Can anyone tell me how can I add an image over another image without using Z-index or Z-order? Thanks! Adrian :) ...
I am assisting with the creation of a new website and tend to run into simple errors as I go. The following code is being used to style a link: a.homepage-employment, a:visited.homepage-employment { display:block; padding:5px; background-color:#055830; color:#fff; width:100%; } a:hover.homepage-employment { display:block; padding:5px; ...
I want to have a anchor with a specifc height and width. There is no text on it since it's meant to be put in front of a certain area of the page. Here is the code: <a href="/" style="width:370px;height:80px;display:block;position:absolute;"></a> It's working fine in everything but IE6 and IE7. If I add a border, I can see that the a...
hi i want to make unorder list based menu unable to figure it out i attached the image for better understanding please help below is my css and xhtml #verticalSubmenu ul { margin: 0; padding: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform:uppercase; } #verticalSubmenu li { margin: ...
I'm building a django app and I can't get the templates to see the CSS files... My settings.py file looks like: MEDIA_ROOT = os.path.join(os.path.abspath(os.path.dirname(__file__)), 'media') MEDIA_URL = '/media/' I've got the CSS files in /mysite/media/css/ and the template code contains: <link rel="stylesheet" type="text/css" href=...
We have a client who desires some extremely long pages. Say 4000px plus. They would like to have a back to top element that appears at 1200px from top in the nav column and then continues to reposition as you scroll to say 200 from top. This sounds to me like something CSS cannot, at present, do especially if IE 6 needs to be accommod...
Hi, I asked a friend to help me with web site and I have to finish it by myself. I've got little screenshot boxes and I want to change their size, but I do not succeed. Those boxes are used for choosing a screenshot to show. I've got a Firefox addon that shows me the size of the screenshot box. And it's always constant - 25x25 pixels. I...
Because some email clients don't properly render external stylesheets (or even styles within the <head> of an HTML email message), inlining CSS is a common approach to try to maintain consistent look and feel between a website and emails. But manually inlining styles is painful and error prone. I'm looking for a way to let users create ...