I'm using this snippet to append an overlay to a whole site: $(function() { var docHeight = $(document).height(); $("body").append("<div id='overlay'></div>"); $("#overlay") .height(docHeight) .css({ 'opacity' : 0.4, 'position': 'absolute', 'top': 0, 'left': 0, 'backgr...
Hi All, I have a ton of associated data revolving around a school, students, teachers, classes, locations, etc etc I am faced with a challenge put fourth by my client; they want to have reports on everything. This means they want the ability to cross reference data points every which way and i think i'm just short of writing a pretty...
I'm building a website for a client to produce a comic strip. There are five divs for panels: Right square Left square Right tall (double height) Left tall(double height) Double wide I'm trying to provide a solution to teach them to fish as opposed to giving them fish. Here's my problem: index.html If you go to the bottom of the '...
I am trying to accomplish this with CSS. Here is my markup: <h2> <img src="A.gif" alt="A" width="30" height="30" /> <img src="B.gif" alt="B" width="30" height="30" /> 18 pt; vertically centered; </h2> A and B are 30x30 pixel images. Small red lines are 5 pixels paddings/margins (whichever works) As a result of the images' hei...
How do i TOTALLY prevent scrolling on my website even if there is overflow. I just don't want to hide the scrollbars because you usually can just use the mousewheel or page down anyway. I want them to be both hidden and locked. The problem is that i have this structure(with real css and html of course) <outerdiv height="100%"> <inner...
Same issue as before (see http://stackoverflow.com/questions/3118932/sticky-footer-but-only-sometimes and http://stackoverflow.com/questions/3119399/sticky-footer-but-only-sometimes-continued)... I have a footer that I want to stick to the bottom of the page unless content fills the page, then I want it to get pushed down. I've done th...
I need to extract something out of the "style" attribute: the "top" and "left" attribute <div style="top: 250px; left: 250px;" id="1" class="window ui-draggable"> What's the best way of doing this with jQuery? Is there an easy way, or will I have to resort to string functions? ...
I have a div that contains some text content and I'd like to scroll and possibly highlight this within Javascript. I found this link that describes how to scroll an entire page, but it doesn't seem to work when only using a div. Update I just attempted 2 approaches. Only the uncommented one worked, but it didn't really scroll enough....
I have a few pages which I'd like to have the same background across, so I figured an external style sheet would be the way to go. However, the background changes depending on the time of day, so I had to mix some PHP into the CSS. So now I have a file, background.php: <html> <style type="text/css"> body { background-image: url('<?...
I have a #wrapper, which contains all page content, and I'd like to place another div around it with a shadow border, #shadowwrap. I've been staring at this stuff for way to long today, and my brain's stuck... #shadowwrap { background:url("images/shadowborder.png") repeat-y center; background-color:transparent; max-width:10...
I know this has been asked many times, but I don't understand what is incorrect about my code. I have a series of DIV 'columns' containing some 'object' DIVs. I'm trying to move object DIVs from one column to another using the code below. I don't receive any errors, just nothing on the client and nothing to suggest in debug that anythi...
Greetings, I am changing the width of an element which serves as a bar , and that works. However I can't make it so that it animates it in the opposite direction. I tried putting - in front of bar_width but to no avail. Width will be dynamically calculated it's just that I want the direction to go to the left rather than to the right...
Hi there, I have the two images below. They are the same image, with one having a slight glow effect on the text. They are setup as below: <div id="header"><a></a></div> withe the original image being the background for the div, and the 'glow' image being the background for the anchor tag, with display:block; width: 100%; height: 100...
I got a static map link using this wizard http://gmaps-samples.googlecode.com/svn/trunk/simplewizard/makestaticmap.html and the marker is on the image, but when i put this link into my website, the marker doesn't show up. Here is the website where i'm trying to view the map. I see the map, but no marker. http://church.allthingswebdesig...
Hi IE6,7 are givimg me grieves on browser display. I didnt have prblems with Safari nor FF. I'm not a CSS expert and in need of advice for this column alignment issues on IE. And I don't know where to begin because I've tried messing around with the css files and the css browser selector javascript and still I can't get it to work on IE...
Hello, Within the variable $row["title"] below, I would like the variable $find to have the following CSS: font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 24px; color: #004284; background-color: #FFFF00; How can I do this? Thanks in...
Hi I am working on a site specific to the iphone community. Having read few articles on the net, regarding css for the iphone safari browser I learnt to use the following code: <!--[if !IE]>--> <link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iPhone.css"> <!--<![endif]--> However when I us...
I am using a separate print css on our website. It's been requested that we have our logo at the top of printed pages. This is the code I'm using for print.css: body:before { content: url(../images/logo.gif); } This works on Firefox, Chrome, Safari and Opera ... and of course you know what's coming next. It doesn't work in Internet E...
I am trying to create a button using CSS Gradients plus a icon that goes on top of the gradient. I tried 2 ways and both was a failure. First: .btn { background: -webkit-gradient(linear, 0% 0%, 0% 89%, from(#3171CA), to(#15396F)); background: url(../images/btn.png); } I should of knew that wouldn't of worked! But I also heard...
I'm building a simple image gallery with jquery but running into an annoying problem. Since the images are of various sizes I have centered them all to make it look even. However the built in fadeIn/fadeOut methods throw this centering awry and I'm not completely sure what is going on. I tried manually adding the centering class again th...