I am getting a really strange behaviour when viewing a very simple piece of HTML in IE, served up by IIS. I am at a loss to explain this... Take the following html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style> .iWantaBorder { border:red so...
I am looking for something similar to this http://maaki.com/thomas/SmoothDivScroll/clickableLogoParade.htm The current one is left to right. But I need to scroll vertically ie bottom to top. Can any one help me plz ...
Hi there, I ma having an issue with divs and css and especially floats.. I need to convert a page that is heavy using tables and columns and rows, my idea is to create a div for each column but of course i need to float these. What are the rules for floating? I should float left each Div until i come to the end and then i must "clear"...
Hi there, i have tried to create a contact form (a standard form, square in nature but with rounded corners)... I can't use the CSS3 specs so i have an image for each corner.. I have set the images on the background-image and no repeat but it seems if the div is empty then it doesn't display, is there a hack - although prefer an altern...
Hi, hate even asking what will no doubt be a very easy question but I can't see whats wrong. trying to get my sub nav to fly out "upwards" instead of "downwards". downwards works perfect. I tried adding left and bottom values, and in dreamweaver my nav bar looks right, but when I run it, it all goes wrong <!DOCTYPE html PUBLIC "-//W3C...
hi! :) i've the following code: <ul> <li style="border: 300 red dashed">hello</li> </ul> and get something like: hello i want to reduce the gap i.e, i want to collapse the border so that it touches the base of the word "hello".. was i clear? :) any help? ...
I am working on a cross browser web based annotation toolset, which allows the users to select any part of a web page HIGHLIGHT, if you select: john is <li>big</li> <li>dump</li> Result <span style="background-color: rgb(106, 168, 79)">john is</span> <li><span style="background-color: rgb(106, 168, 79)">big</span></li> ...
How to size a div's height to its container height, using CSS ? <div class='container'><br> <div style='display: block; height: 500px'>left</div><br> <div id='to-be-sized' >right</div><br> </div> ...
Hi there, I have created a small form which has four corners (used for rounded corners)... i wanted to be able to set the width to AUTO for Upper-Center so that it would take the maximum hence total width is 500px (see below) "minus" 12px for each corner ... but it just collapses - the auto doesn't seem to work.. anyway around this or ...
Hello, I am trying to vertically center some content via CSS. For the life of me, I cannot figure out the cause. Can someone tell me why the word "test" in the following HTML is always top-aligned no matter what I do? <html> <head> <title>test</title> </head> <body> <table border='0' cellpadding='0' cellspacing='...
Greetings, I love working with the validator plugin, but I am just learning it and still trying to learn how to manipulate parts of it to my needs. Very cool, though. It works great on some forms for which I've used it, but I have a bug on this one form. When I test the form, by not completing a required field, the form input text box...
I am attempting to make two elements on different sides of their container. In my actual code these two elements are to be on opposite sides of a div, but for the sake of example, lets say I want them on opposite sides of the browser window. So I did a simple <html> <head> </head> <body> <table> <tr> <td style="width: 50%;text-align: l...
I would like to add some CSS fixed size blocks inline into a text paragraph and I'm having cross browser issues. I use div and inline-block and it works on Firefox. Under IE it fails (inline-blocks aren't fully supported). Is there a simple cross browser solution available? (The rationale for this is for the fixed size blocks to use ba...
I am trying to swap the selected class from tab to tab to display which one is current Sample Code $("li.selected").idTabs(function(id,list,set){ $("a",set).removeClass("selected") .filter("[@href='"+id+"']",set).addClass("selected"); for(i in list) $(list[i]).hide(); $(id).fadeIn(); return false; }); so on click I am trying...
The question explains it pretty fully, but here's some more detail: I have a div with a fixed height. Content is dynamically loaded via Ajax and appended to the div. Added content is always positioned at the bottom of the div. 2 pieces of content (no scrolling yet) -------------------------div-- | | | ...
I have a page with 2 divs. The first one is floated. The 2nd one has a "clear: both" CSS declaration and a big top margin. However, when I view the page in Firefox or IE8, I don't see the top margin. It looks like the 2nd div is touching the first div, instead of being separated. Is there any way to make the top margin work properly? I ...
I have a css drop down menu, so that when you hover over a menu item a submenu drops down. I am also displaying a .wmv video on the page. However when the sub menu drops down, it displays behind the video. I've read where anything in the object tag automatically gets the maximum z-index, so setting the z-index doesn't fix the issue. ...
I have an HTML page layout - something like this: <div id='header'> Header content </div> <div id='main_content'> some content </div> The content in the #main_content div may be really long, or, next to nothing (i use it as part of a template across an entire site). What I want is for it to minimally be the height of the viewport (m...
Hello all, I have the following CSS: div#topWrap div#advancedSearchWrap { width:738px; border:solid 1px #dadada; background-color:#fffcd9; margin-top:4px; padding:10px; display:none; } div#topWrap div#advancedSearchWrap ul { width:798px; margin:-20px 0 0 -60px; float:left; } div#topWrap div#advance...
To make a table scroll with a static header I added the following: tbody.scrollContent { height: 300px; overflow:auto; } And the html tbody tag has the class: <tbody class="scrollContent"> It works well, but it added a horizontal scroll to compensate for the width of the vertical scroll bar. I would like my regualr tabl...