The title pretty much says it all. There are tons of scripts out there that do so, but most of them are so bloated and end up messing up script, and just use info from alt tags. My script goes as follows: <ul> <li style="display:block"> <img src="images/portfolio/talktostrangers/1.jpg" /> <div class="capt...
I got the script from another post on here, but for some reason it isn't working quite correctly on my implementation of it. Everything works fine except for stripping of the "selected" class, therefore the thumbnails all stay highlighted after being clicked. Easiest way is to show in context: http://www.studioimbrue.com/beta I changed...
I can't for the life of me figure out the correct selector syntax to get this to work. I have a div element. Using $(this), how would I select a <TD> that has a class="stock", but only within $(this) div element? ...
problem can be seen here: http://www.studioimbrue.com/beta The code: $(document).ready(function(){ $('div.caption').hide(); $('.captions ul li img').hover(function(){ $(this).siblings('div.caption').fadeIn('medium'); }, function(){ $(this).siblings('div.caption').fadeOut('medium'); }); }); Not sure wha...
We have a form that is submitted and the results displayed to the user using php. As far as I am aware there is no way of styling a cgi email, nor a php email to look like the html page. I have tried with php (which I am not familiar with) but as far as I can see it will not work because there are other php captions inside what would be ...
So I have a container div, within it, using .load I load some content from db, after the .load the result will be something like <div id="results"> <div id="a1" class="search-result"></div> <div id="a2" class="search-result"></div> </div> As I understand it, I should be able to select the nested div's by using $("#results .search-...
The important thing in my example below is the wideData class selector. I want to use this to cause text surrounded by a wideData div to appear in a scroll box if it cannot otherwise be displayed without causing a horizontal scroll bar to appear on the containing browser window (overflow:auto). This works as I want if the div is not con...
With this css .addProblemClass{ width:300px; height:300px; /*width:25%; height:40%;*/ border:solid 1px #000000; margin: 5px; background-color:#FFFFFF; padding:5px; opacity:0.9;/*For chrome and mozilla*/ filter:alpha(opacity=90);/*For IE*/ } .boxHeader{ border: solid 1px #000000; height: 2...
With this css .addProblemClass{ width:300px; height:300px; border:solid 1px #000000; background-color:#FFFFFF; opacity:0.9;/*For chrome and mozilla*/ filter:alpha(opacity=90);/*For IE*/ } .boxHeader{ border: solid 1px #000000; height: 15%; } .addProblemHeaderTextDiv{ border:solid 1px #FF0000; ma...
My application is a Live chat. I have a Div to wrap the messages, each message is a div, so, after a few messages my DOM looks like this : <div id = "divChatHistory"> <div id = "msg1> Message number one </div> <div id = "msg2> Message number two </div> <div id = "msg3> Message number three </div> // ... </div> Now a need t...
Whats the best way to print the contents of a DIV? ...
I have two div's like this <div id="left"><p>.....</p><br/> <p>.....</p> </div> <div id="right"><img ..../></div> And I have css. #left { position: relative float: left; } #right { position: relative float: right; } right div doesn't float to right, because p elements in left doesn't give space for right div element, but in CSS I...
I'm trying to stop a table that has width explicatly declared not to overflow outside of it's parent div. I presume I can do this in some way using ‘max-width‘, but I can't seem to get this working. The following code (with a very small window) will cause this: <style type="text/css"> #middlecol { width: 45%; border-right:2p...
http://cambridgeuplighting.com/testimonials This code works in Safari, IE7, and IE8, but not in FF 3.5.7. The code changes the background of the little background icon when you hover over a div. jQuery(function( $ ){ $('.oneThird').hover(function(){ $(this).find('span.icon').css( {'background-position-y': '-60px'} ); }, function()...
I have a div as a container for a file view. This div has scrolling in y direction. I want to automatically scroll the content inside this container div to a specific position when loading the page, but without to scroll the whole page. I have tried with <a name="scrollHere"> and location.hash = 'scrollHere'; but this scrolls the whole ...
How do you make DIV's that are floated left next to each other not wrap when the browser is re-sized such that the viewport becomes smaller? div { float: left; } For example when the browser is fully maximized the divs line up like this: |div| |div| |div| |div| |div| |div| |div| |div| But when the browser re-sized smaller this ha...
I have a main div, and inside it..I have 2 divs, both left aligned. For some reason(or property), when I drag the right of my firefox to make the browser smaller, the 2nd div goes on to the second line. I would like this div to stay on the first line, instead of jumping down a line. How can I do that? I am assuming overflow property? ...
HI all, I have allways been wondering how other people get to align to the centre the main div container as the only way I manage so far is adding to the css file the following: *{ padding:auto; margin:auto; text-align:centre; } I have seen other pages using: *{padding:0px;margin:0px} but I cant see where or what do they do, to centra...
Hello. I want to make a div 100% height, so basically the full screen. This, so that the background streches over the whole page. I don't want to add the background to the body, since i want it so that if i comment out the wrapper, the page is full width. (which works by the way) So basically my question is: how can i make the wrapper...
Hi im trying to center the newsslider (in the div bottom-container) in this page: http://www.luukratief-design.nl/dump/parallax/index.html I already have text-align: center; Still it does not work. any suggestions? ...