css

CSS- target text links with bottom border on hover, but image links with no border

Greetings all, I'd like to be able to target text links in CSS with border-bottom on hover, but have all links that are images not have a border on hover. So: <a href="#"><img src="image.png" /></a> ==> this should not have a bottom-border on hover <a href="#">regular text link</a> ==> this should have a bottom-border on hover I t...

CSS 100% height + header with static height;

I am building a layout which includes a header, which is 40 px in height. Underneath this header a SWF resides that should take up the rest of the available space. The best solution untill now has been working with a table, giving the first row 40px height and the second row a 100% height - but these rows still add up in Internet Explor...

IE not clearing subsequent floats

I'm trying to get two divs to float to opposite sides of the page, with text flowing between them. The top of the second (left-aligned) div should be even with the bottom of the first (right-aligned) div. The code below works fine in FF, Chrome, Opera, etc. fine, but they do not clear properly in IE. Both divs appear at the top of the...

Why is Stylesheet loaded when Contional Comment states it should be ignored?

I thought conditional comments would instruct the browser to ignore the content if the condition is not met?! For example I want to only include a stylesheet if IE6 is the browser. The following in located in the <HEAD> element of the page. <!--[if IE 6]> <link id="IE6StyleSheet" rel="Stylesheet" type="text/css" href="~/css/IE6.css"...

Internet Explorer and the case of the Very Strange iFrame behaviour

I'm having a truly... bizzare error in none other than Internet Explorer with a windowing system I'm developing. Basically, the windows are absolutely positioned divs containing ah iFrame that shows their page and resizes along with them. In all other browsers this works fine as intended, but in IE the iFrame doesn't show up... properly....

What is the simplest way to wrap a div with siblings in jQuery?

I want to use jQuery to dynamically expand my markup so that my divs show up as nice rounded boxes. For example if my DOM has a series of div objects with unique ids like: <div id="queuediv0" class="isequeue" > </div> Which can be selected using: $(“.isequeue”) I want to replace/wrap those divs so that the end result looks like: ...

How to position an element at the bottom of a div which has height and over-flow:auto

Here is my situation, I have a div which has height:400px and overflow:auto to get scrolled when the content is longer than 400px. inside this div I have 2 divs. A normal one with unkown height and another with absolute positioning which in anchored to bottom:0px; As long as there is no scrollbar and the height is below 400px everything...

using javascript to mark a link as visited

FF2 (at least) doesn't mark as link as :visited if it triggers the onclick handler without following the href. I'm using onclick to fetch data from a server and modify the page and the link styling seems appropriate here. But the link is not marked as visited. Is there a cross-browser way to mark the link as visited? Failing that, is...

how to use javascript to get visited link css styles

I would like to use javascript to style an element to look like a :visited link, without defining my own styles for visited links. How can I access the browser's default style for visited links, so that I can define a matching style that I can apply to an element (e.g. by applying a class name)? ...

Detecting load of <link> resources?

Browsers provide load events for <script> and <img> tags. Is there a way to detect whether a request to a element has completed? Specifically, I'm wishing to detect when a <link>'d stylesheet has been loaded. Unfortunately, I think using a sentinel style and detecting load from a computedStyle isn't workable in my situation. ...

Make a DIV Into a Link

I am looking for an XHTML 1.1 valid way to make a DIV into a clickable link. ...

Can this be done without tables or JavaScript: 100% height wills remaining height of container

Is it possible to make a none table based layout that allows #bottom element to fill 100% of the remaining space left in the parent element without the use of JavaScript? Here is what works when using tables: <html> <head> <style> table{ height: 100%; width: 100%; } ...

Does it make sense to use the <table> tag on a "modern" website?

I am developing a "modern" website, and I'm having a lot of trouble getting the CSS to make everything line up properly. I feel like they layout would be a lot easier if I just used a table, but I've been avoiding <table> tags, because I've been told that they are "old-fashioned" and not the right way to do things. Is it okay to use ta...

Can we use CSS 2.1 selectors in practice?

The main culprit behind this question is of course IE6, (almost) everybody agrees that a website should support IE6 since it is used by more than 15% of the visitors (for Yahoo it is still an A-Graded browser). IE6 doesn't support CSS 2.1, so can we use CSS 2.1 selectors in our stylesheets? Let me give an example: <body> <div class...

Can't get css property of 'content' in Safari 4

I'm having the hardest time figuring out why Firefox3.1 returns the value of 'content' on a test element, while Safari 4 won't. My sample page is setup like: <style> #asd{ content: 'test'; } </style> <div id="asd"> Bleh </div> And my JS is using getComputedStyle. This works for other properties like "background-color" but not for "c...

Using SASS with ASP.NET

I'm looking into ways to use SASS (Syntactically Awesome StyleSheets) from the Ruby HAML package in an ASP.NET environment. Ideally, I would like compilation of SASS files into CSS to be a seamless part of the build process. What are the best ways to this integration? Alternatively, are there other CSS-generation tools that are better s...

Custom dropdown box using javascript ?

Can we write custom dropdown box using javascript,html,css. and also placing backgroung-image for that. any sample example ...

css ":focus" pseudo-class and selectors

Hi there, I've been battling to get this right...basically I have the following HTML setup: <div class="box10"> <span class="label01">Name:</span> <input class="tboxes" type="textbox" /> </div> "span.label01" is an inline element, and appears to the left of the textbox "input.tboxes". What I am trying to do attach some style t...

CSS formatting A4 print

Hello; How can I code a CSS style to force specific page margins for a web page when printing, and be valid for IE and Firefox ? ...

How to set div to fill in remaining place taken by the dynamically sized element

Hello. I have this code: <div id="body" style="height: 295px; width: 427px; position: absolute; top: 261px; left: 284px;"> <div id="header"> Some dynamic text<br/> Some dynamic text<br/> </div> <div id="Content"> <textarea id="text" style="width: 100%"> </textarea> <input type="file" style=...