css

CSS: Making two transparent images overlapping

Hi all, I'm trying to make two transparent images (having the same size/dimension ) overlapping into a div at their top left corner. I tried: <html xmlns="http://www.w3.org/1999/xhtml"&gt; <body> <div style="margin:20px;"> <div id="main" style="overflow:hidden;background-color:red;width:400px;height:400px;border:3px solid blue;"> <img s...

jQuery UI Accordion 1.6

I'm using the jQuery UI Accordion 1.6 (http://docs.jquery.com/UI/Accordion), I've changed it a bit and made it work as I need and want it to work. There is just a few things off about it, but one of the major ones is something I just simply can't figure out how to make it work. The plugin is working as intended, it actually closes, ope...

what basic tips should we observe in design web pages(html/css/javascript) for having highest compatibility with all browsers?

hi all what basic tips should we observe in design web pages(html/css/javascript) for having highest compatibility with most browsers(IE-firefox-opera-chrome-safari)? thanks ...

css website looks good in Ie8 and FF, but not in Google Chrome

Hi there, The title says it all, my website looks good in Iexplorer 8 and Firefox but the part of the picure and top navigation is laso noty in place, can anyone figur out why? For me it's a mysterie http://www.friesecomputerservice.nl/ ...

Is it possible to detect a scroll on the parent from within an iframe?

We just need to know that a scroll has taken place in our iframe. ...

Printing HTML blocks

I have a page with a few tables that I want to be printable. I want the following behaviour: 1) Add a page break if the next table fits in a single page, but won't fit in the current page (because of other stuff already printed on this page) 2) Print the "table header" again in case it's needed to break a table (I guess it's the defau...

css pagination for GridView

my css : /* for greed view */ .pagination { font-size: 80%; } .pagination a { text-decoration: none; color: #15B; } .pagination a, .pagination span { display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px; } .pagination .current { background: #26B; ...

Contact form contents spilling out of container div on window resize.

I'm trying to get my contact form to not spill its contents out of the parent div when I resize the viewport. How can I go about doing this? I have used float clearing to prevent this as I understood it was supposed to be used, but it isn't working. What should I do to fix this? here is the page in question. also I have a similar ...

Confusion with list-style<li>

I have a problem with li, when I take li in inline display with list-style (bullet-point ), then bullet-points don't show. ...

Problem with floating divs in IE8

I want to make two block stand side by side. In Opera, Chrome and Firefox I get the expected result with the code I use. But IE8 refuses to display it correctly. Here's IE8 screenshot: http://ipicture.ru/upload/100405/RCFnQI7yZo.png And Chrome screenshot (how it should look like): http://ipicture.ru/upload/100405/4x95HC33zK.png Here's m...

CSS challenge: Two background images, centered column with fixed with, min-height 100%

In a nutshell I need a CSS solution for the following requirements: Two vertically repeated background images, one aligned to the left, one aligned to the right One centered column on top with fixed width and a minimum height of 100% Cross browser compatibility A little more details Today a new requirement for my current web site p...

Text editor with spell checker that ignores (X)HTML/CSS/javascript tags?

Do you know of any text editor that can be used with a spell checker which is smart enough to ignore XHML/CSS and javascript tags? The requirements would be: It must run in Linux; It must be free and open source; It doesn't need to have WYSIWYG capabilities, but they would be welcome. It must have built in "tag skipping" capabilities ...

main content wrapper div get's pushed down the page in IE

I have a 2 column layout, with the left side for navigation and the right side for the main content. The right side content has a wrapper div that looks like: <div id="content"> Now this looks fine in FF and GC, and it IE but if I change the padding to anything over 4px that section gets pushed down below the left navigation. #conte...

How can I stop the flickering in Scriptaculous?

I'm running this script on a page which shows a box with more information when you roll over it. site for review The script works fine, except theres a flicker of the box before it actually scales. What is causing this? I use the same thing in the main navigation with the same flicking. Any ideas whats causing this? //work page sprin...

Overlapping elements stop overlapping in IE7 on class change

On this page http://zenchan.com/program/ When I rollover the right box 2nd from the top, suddenly the overlapping (negative margin disappears). What's happening is that a 'hover' class is being added to shift the background sprite. The two yellow boxes are debugging: if the hover class is put their in advance there is no problem. So f...

How to use Vendor Properties in Multiple Backgrounds?

I want to use multiple backgrounds in css, which are currently supported by Firefox 3.61, Chrome/Safari, supposedly Opera10.5 (doesn't run on gnu/linux). It is working fine, however i would like to use linear-gradients as a background. it works ok for Firefox, doesn't work at all with Chrome, yet i can't figure out how to make it work fo...

css sprite button is jumping around

Hello everyone, Does anyone know what is causing the sprite rollover to jump around It is I think more likely a photoshop question, but I am not completely sure. I hope to get an answer here anyway, since I think most webdesigners/programmers problably worked with photoshop also. This is what I want the rollover to do example 1 and ...

Preview an html page without opening it

On click a image how can another page be previewed in the same page without opening the actual page.And lets say the url /home/home.php?id=3 The preview should be in the preview div <img src="/home/app/img/toggle.gif" onlclick="show();" /> <div id="preview"></div> Thanks.. ...

Html generate data and print from another page

In the below code, in a.html there is this code as, <div id="tableview"></div>//Data loaded dynamically <input type="button" id="printbtn" onclick="print()"/> <script> function print() { var data=$('#tableview').html(); dataobj.print(); } In ...

What is the difference between Semantic-markup and Semantic Web?

What is the difference between Semantic-markup and Semantic Web? Are both same concepts? or different? Is semantic markup is first step of semantic web? What is thee importance of Semantic web in XHTML CSS development? ...