css

CSS or Table 'Dock Layout' Solution for Non Scrolling Header?

I have a variable height header that doesn't scroll with the content below it. The content will act like a regular web page, with overflow=auto, constrained to the size of the viewport. I have yet to find a table-free CSS solution, and using tables overflow doesn't work correctly - the bottom table row is not constrained to the viewport...

CSS not taking effect

What to look for when I have associated a CSS file with my Default.aspx file but CSS is not putting any effect on it? This is not working: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="ColumnLayout._Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x...

CSS absolutely position element extends background

I have a absolutely position div that is overlapping a containers background due to it having a larger height. This div is sharing the container with a body div that's sitting happily to the left of it. Is there a way to extend the container to be the height of the absolutely positioned div, rather than the body content? Or should I ju...

[HTML/CSS/JavaScript/PHP]: In which order code must be written?

While writing code in a file that would comprise of PHP, HTML, CSS & JavaScript, in what order each must appear? What are the best practices for separating the presentation and the logic? Sometimes external .js and other files are using in the link tag. Where these link tags must appear? ...

color compatability issues in Internet explorer and firefox

Hello, I got stuck among the weared behaviour of browsers. Ihave a div which has a background image which has color code #fbc61e so i set the background color of div to #fbc61e. This works well in Inernet explorer. But when I render same page on firefox an edge appears between image and background where image ends. When I analysed the...

Can't get the table / news articles aligned properly

Hi there, For the life of me I can not figure out why my table will not display properly. 365-hosting.net/hosting2.html ( until source is corrected ) 365-hosting.net/style.css ( CSS file) I am only posting it this way because the automation of this help script feels it is spam. I have never openly asked for help before so this is new t...

how to generate CSS Path with javascript or jquery ?

is there any way to generate css path given an element ? i saw one for javascript. ...

Query strings generating each time when paging links (next, prev) are clicked, Help

I am trying to implement paging and i done that. The problem is when I click the search button the search results are displayed with no problem. 1st Snap http://www.flickr.com/photos/41695354@N08/4057149857/ 2nd snap http://www.flickr.com/photos/41695354@N08/4057149861/ When i click the next button, it once again gets the value from a...

Tables overflowing with CSS in Firefox

I'm having trouble getting my table to behave. The content keeps overflowing and my attempts to restrict it are not producing the desired effect. This is my markup: <div class="repeatingdiv"> <div class="hastitle">Some title</div> <div class="hastable"> <table> <thead><tr><th></th></tr></thead> <tfoot><tr><th></th></tr...

How to style textbox using CSS in asp.net.

I want to add style in asp.net textbox control. I could'nt find textbox element in elements list. I can put style in all input controls using the below code in css. input { backgroud-color:black; } but this changes the background color of all input controls like buttons, radiobox etc. I want to do it exclusively with textbox,I dont wa...

What rounded corner approach should I take?

So there's no shortage of information out there on rounded corners and I've been through much of it and I'm posting to get the opinions of the communities on this point. My scenario is that we're developing a rounded corner dependent design, mainly used for interactions (<button> and <a>). We are going to use border radius for the good ...

How do I line up my textboxes without using a table? html/css

I want to display Name [Textbox] Age: [Textbox] BlahBlahCatfish: [Textbox] but if I simply plonk the code in, it gets lined up exactly as its lined up above. What I want is for it to be lined up like this: Name: [Textbox] Age: [Textbox] BlahBlahCatfish: [Textbox] Ordinarly I would use a Table but I am tryin...

CSS background image being downloaded more than once

I noticed in my current project that Firefox (3.5.4) downloads the background image (set in CSS) for my divs more than once. I've checked with both firebug and wireshark and it really does appear that it does not wait for the first request to finish and then simply use the cached version. Wireshark also confirms that Chrome and IE8 do ...

Jquery script issue IE7 add/remove class

I'm having some IE7 (and presumably IE6) issues with the script. <script type="text/javascript"> $(document).ready(function(){ $(".testimonial:first").show(); $("li.testID:first").addClass("selectedName"); $("li.testID").click(function(){ $("li.testID").removeClass("selectedName"); $(this).addClass("selectedName")...

Input Box Option Drop Down

I'm looking at creating something like this: http://konigi.com/interface/kontain-search I don't suppose anyone has any resources which could guide me? I know I'm not giving much information but I wouldn't know where to start looking. Cheers! EDIT Sorry, I meant just the drop down / input box, nothing else on that site. EDIT AGAIN...

PNG background image in Firefox 3.5.4

Snippet of my CSS: #wrapper div.box { background: url('box-bg.png') left top repeat-y; } #wrapper div.box h2 { background: url('box-top.png') left top no-repeat; } That doesn't work. Instead of a transparent image it displays the image but with white space in place of transparent background. If I do: <img src="box-top.png" a...

Why the height difference between a textbox and a surronding span?

Why is there a reported difference in element heights given the following html? <span id="spanner" style="margin:0;padding:0;border:0;outline:0;"><input type="text" /></span> When you ask for the height of the text box you'll get 16px. The height of the span is reported as 19px (usually, IE says 22px). ...

I expect to toggle an element's visibility: should I start with class="..." or style="..."?

If I have an element on a web page that I expect to be showing and hiding quite a bit using javascript, which would be the most appropriate way to set it as initially invisible? <div class="hidden">...</div> or <div style="display: none;">...</div> Using class="..." is preferable to style="..." in most cases, but I'm not convinced ...

How to "clear" absolutely positioned elements

Okay, I know that 1) this is probably not possible with CSS alone and that 2) it really shouldn't be possible. Unfortunately, I need to find a way to make it possible due to some requirements from the user. Okay, so some greatly simplified markup: <html> <head> </head> <body> <div><!--There's content in here --></div> <div id="wrappe...

How to display CSS backgroundImage when the source redirects?

I'm attempting to dynamically set the backgroundImage for a div where the image source url is not the true/final destination url but instead returns a 301 redirect pointing to the actual image url. Using this redirecting url in a standard < img src=" ... tag works normally as the browser transparently follows the redirect. However, it ap...