The below two divs appear one next to other, the content of which are populated dynamically and the data is very long in both the divs. My question is that how to add some space between the two divs? <div name="qt" id="qt" style='width:50%;float:left;display:inline;overflow:auto;height:500px;border:1px solid #ccc;'> </div> <div ...
I have a list of retailers and their logos and what I wanted to do was display them on a google map. I suppose the purpose of it is to demonstrate the extend of our market reach. What I want to do is be able to add the markers, however when I click on them, I would want to replace the text in the speech bubble to my own text, and also i...
My custom drop down menu has a really large change in top and bottom padding. UPDATE Javascript, CSS & HTML included in fiddle [PHP removed] First off, I didn't realise I could share a fiddle ^^ Pretty epic site. I'ma keep debugging, but thought I'd post it here to see if anyone can spot where the problem is :) ...
Hi there, So, i have a div which i want to take up the entire width of the browser, -40px on each side, my idea was to have width: 100%; and margin: 0 -40px; however this does not work. I dont want to use width: xx% as i have no control over this. Update Ok got it going at http://jsfiddle.net/ApcLv/ but now my question is: How d...
In firefox\opera\chrome it's ok, however IE6 render is abominably How I can make this block normal? ...
I have a photographer's gallery here. In my friends, Firefox and Safari, everything is smooth. However, IE8 seems to not call the callback after the XHR has loaded (if it has, I tried checking with Fiddle, but couldn't get my head around whether it has actually loaded or not). It just seems to sit there loading forever. I'm not sure wh...
Hello . I have a code of color. For example #202010 . How to generate a new color code which is either lighter or darker by 20% (or given x%) in php.? Please help me . I see a sample in javascript but i don't understand it. PLEASE HELP ME ...
I have an ASP.NET page that contains two div's. Both have search fields and a search button contained within each of them. When I first come to this page, Div A has the class 'SearchDiv' while Div B has 'SearchDivDisabled'. These classes change the appearance so the user knows which search type they currently have enabled. When Div B i...
How to set the colum width for a rich:column inside a rich:datatable ? The width attribute is being ignored. See the following code: <rich:column label="#{msg[result]}" width="150px"> <f:facet name="header"> <h:outputText value="#{veryLongText}"/> </f:facet> <h:outputText value="#{someValue}" /> <f:facet name="footer"> <h:outpu...
Dear experts, I have been working on a web page and would like to load multiple stylesheets in an external library. Unfortunately, this library has many CSS files spread under the same folder. The names are complicated and its such a pain to manually link it one by one. As it <link type="text/css" href="site/libraries/folder/highli...
The fancybox autoscale option doesn't seem to take into account the size of my captions. I need something that will put, not just the image, but the image and the caption in the viewport. You can see what I mean here: http://getahobbydesign.com/projects.html ...
I have a fairly large page, which contains lots of css and html. The page is divided in regions. Somewhere the basics for each region are set (for instance text colour, link colour, etc). This is done at the beginning of the CSS file. You have, however, the option to customize the look of modules inside a region. So consider the fact th...
I'm having problems with the menus of a site I'm developing. Here's what the menus look like in different browsers. Chrome 5 Opera 10 Firefox 4 Beta 2 Internet Explorer 8 The menu looks okay in Chrome, but in some browsers the little arrow is wrapped onto the next line. Additionally, in Firefox and IE the menu item overlaps ...
I have a scrolling pane div with overflow:hidden. Please check it here. There are products as images with captions shown in the scrolling pane. When I move mouse cursor over a product div, it gets light-yellow background and changes its height - I just add a class to the div using jQuery and it works fine. The problem I need to solve som...
I'm building a navigation menu for a website and the menu has submenus. When the submenu slides down, it needs to lie behind the main navigation. I've tried using z-index but it won't work. Since the submenu is a child of the LI, is it not able to lie behind? The code is a bit verbose due to the image sprite, so I'll link to a pastie...
This is a screenshot of a table in Chrome 5. The same table rendered in IE8: You can view the page here: http://labs.pieterdedecker.be/vspwpg/?page_id=96 This CSS rule adds the padding that IE8 won't respect: td#content table.subitems { padding: 5px; } ...
We are creating a site that uses both Japanese and English. We want to get away from the default Japanese fonts which can't use ClearType. Is there a way to tell the browser to use a different Japanese font JUST for Japanese characters (Like Meiryo) and another font just for latin characters (Like Helvetica) on the same page? We don't wa...
Hi, following up to the thread below, I managed to create the drop down menu like blip.tv's, http://stackoverflow.com/questions/3508484/drop-down-menu-dotted-border-and-solid-border-in-one-line here is the outcome, http://quack-project.net/tmp/3/index.php I use css and jquery to achieve that. It works fine on all browers (Firefox, ...
on my wordpress site http://www.101river.com the edges of elements are rounded but only in firefox, safari and Chrome because Ie does not support css3 the elements are not rounded in IE. I know there are many tricks to make this make corners rounded in IE just don't know the easiest. Can some one please give some example code to make thi...
Help! This is my menu. I want it to stay at the same place, so if you resize it or drag the browser it shouldnt follow the browser and move the menu to the side <div id="mainmenu" style="position: relative;"> <div id="menuLinks" style="position: absolute; right: 70px; top: 10px; "> <a href="home.php">HEM</a> <a href="#">PROFILER</a> <a ...