I set up this fiddle to show how all browsers render the red pieces.
Strangely, IE7 renders that fine (on its own).
However, I have a shadow effect on a new site (that works the same as the red strips) that works on Firefox, Safari & IE8.
I swear I have used this same method countless times before and it has worked in IE7.
Here is ho...
I am trying to create an interface using jQuery but having some difficulty making it work on different browsers although, what I am linking now should work on most of the Windows browsers.
See here: http://122.173.254.198/picasa_hover_experiment.htm
(Please note the problem part is programmed minimal and solution expected on same)
The...
I have a PHP script that displays all my topics in nested list and I want to be able to click on a link and when doing so have it be highlighted but i don't know how to go about it with my current code, can someone help me with this?
I'm using PHP, CSS and JQuery
Here is my PHP code to display all my topics in nested lists.
function m...
Hey. I have the following markup:
<!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">
<head>
<title></title>
<style type="text/css">
*
{
padding: 0;
margin: 0;
}
#container
{
padding-left: 200px;
...
Hi,
I am trying to print a webpage . I used print.css separately. but the printed page gets things like date,page number and page being printed...how do remove these things...
...
Let's say the height of the div is 34px and the width is 480px. The div should look like this:
and I don't want it to actually use an image, just CSS. Is it possible?
...
I'm trying to create a theme for a CMS, but it's proving nearly impossible, as I have no understanding of PHP or ASP.NET. I can put a site together via CSS and HTML, but I want clients to be able to add and edit content themselves. I'm about ready to give up on designing one altogether and just use an existing theme.
I've had a go at tr...
Hi all,
I have the following scenario:
<div class="dropMenuWrapper_content">
<img src="images/dropMenu.gif" class="menu_head_content" />
<ul class="menu_body_content scroll-pane" id="SmallDropDown">
<li><a class="modalWindow cboxElement" href="http://mysite.com/service/0.aspx">1</a></li>
<li><a class="modalWindow cbo...
I am unable to remove bullets in nested unordered lists after sIFR has been applied. I experinced this on a website I was creating.
I tried to create a basic HTML skeleton and apply the sIFR to easily figure out how to remove child bullets, but it didn't work here either.
<ul>
<li>Option 1</li>
<li>Option 2
<ul id="menu...
Hi,
I'm trying to force printing long images on several pages. What would be the best way to achieve this using HTML and / or CSS ?
Thanks
...
I want to repeat background image in a div but without specifying height, i want it to be flexible, if any amount of data comes in background should still be there. if i don't specify height it does not shows there but other properties like margin auto is applied.
any suggestions.
...
I have a classic UL multilevel menu that works flawlessly in Firefox.
The LI are float: left, and the A inside is width: 100% and display: block but as you can see from the screenshots below the submenu items (Hello, World and Foobar) display inline.
The weird thing is that this affects the menu even when using canned solutions such as...
BODY
{
SCROLLBAR-FACE-COLOR: #e9e9e9;
SCROLLBAR-HIGHLIGHT-COLOR: #1679aa;
SCROLLBAR-SHADOW-COLOR: #1679aa;
SCROLLBAR-DLIGHT-COLOR: #cccccc;
SCROLLBAR-ARROW-COLOR: #1679aa;
SCROLLBAR-TRACK-COLOR: #dee3e7;
SCROLLBAR-DARKSHADOW-COLOR: #03276e;
}
i tried to run a web application in visual studio 2008...
the abov...
Hi,
I have a div with the following CSS class defined:
<div class="ui-button ui-state-active">bla bla bla</div>
I am trying to define the CSS styling for that class by doing it this way
<style>
.ui-button .ui-state-active {
background-color:#000000;
}
</style>
It's not working, am I referring to the class in the wr...
I am trying to make development easy and have highly optimized output in production.
The goals of what I am trying to do is:
Make production pages fast! I would like that the Google Page Speed and YSlow return the best scores. This means:
Combine and compress JS files and CSS and position the group in the right place (bottom or top o...
Hi Guys
I want apply margin property for my html newsletter
But Gmail ignores this CSS property
Is there any way to add margin to html element ?
Thanks
...
In my site I use a CSS only dynamic menu. This is fine in desktop browsers, but not on iOS (iphone, ipad, etc) because the touch interface does not support the :hover selector.
My question is: what is the best way of supporting this on iOS? (Ideally either by patching with some CSS, or Javascript that will make the existing code work, r...
In Terms of
Development
Maintenance
Accessibility
Usability
Readability
Print-ability
...
I'm trying to design a 2 column layout using divs. My left column size is fixed to 150 px. But right column is not fixed size, so I want it to extend to right boundary of the browser. I used width:auto and width:100% values in right column but they didn't work.
CSS :
html {
height:100%; width:100%
}
body {
color: #000040;
...
Hi,
I have a html table that has 2 cells in a row. How can i make the second cell appear below the first one instead of next to it? I can only do it in css and it's a dirty hack, but ... i still need it.
...