OK, so I have these background <div>s which pan left and right using the jQuery plugin, spritely. So, I was wondering what the best way to position them was. I obviously have specified both of the two <div>s which each contains one background image to have a z-index: -1 so they appear behind everything else. But I would like them to b...
Have a look at the menus on this page: http://www.pieterdedecker.be/labs/vspwpg/?page_id=96 They look okay in Chrome 5 (above) and IE8 (below). When I load the page into Firefox 3.5 (above) or IE7 (below) something goes wrong. In the first case, the arrows on the right have moved to the next row. In the second case, the menu fal...
Homepage About page: /about.html CSS: /saucy.css I'm sure I'm overlooking something obvious, but I can't seem to find it. Both of these pages stem from the same HTML skeleton and use the same CSS file for formatting. Why does the About page centre differently to the homepage? Thanks! ...
Hi, I've had quite a few problems with IE6 and our website. http://www.sweetlets.com/w/solutions/click-stream/features/ At the very top the teaser boxes have scrollbars in IE6, but not IE7, IE8, FF or Chrome. Does anyone have an explanation for this? Same effect in the footer with the 3 boxes in one row. Also scrollbars. Mathematica...
I've just installed Visual Studio 2010, but I cant seem to manage to get intellisense working to suggest classes. ...
I'm trying make a <dl> to define the icons I am using on the page. I want it so that every icon is inside a <dt> and it's definition is inside the following <dl>. After every icon definition, I want a line break. Simple, right? Well, IE7 says no! Here is my HTML: <dl style="display: block;" id="surveysIcons" class="icons"> ...
I'm not so good at css, so I would like to if this is possible. Let's say I am not happy with the position of an element, I want to move it from left to right; however I want to use drag and drop so the stylesheet automatically updates. I am using Google Chrome, and would like to know if this is possible via Google Chrome Developer too...
Please can you tell me why the dark blue background (between the main white section and the outer light-blue section) not show in FireFox? It does show in IE. The site URL is http://www.moorespeed.co.uk/ The relevant code is at: http://www.moorespeed.co.uk/Content/site.css #page { background-color:#082d47; margin-left: auto...
I have a default style like this: input[type="text"] { width: 250px; } Now I have a input box that I want to have 450 width, how can I do this? I've tried: #searchbox { width: 450px; } <input type="text" value="" name="asb" id="searchbox"> but that didn't work. ...
I'm trying to create a simple menu pop-up effect using anchors within a div and unordered lists. I want the html to look something like this: <div class="info"> <a href="#">Link</a> | <a onclick="menu('id1');">Another Link</a> <ul id="id1" class="submenu"> <li><a href="dfhdfh">Stuff</a></li> <li><a href="aetjetjsd">Other</a></l...
I used to use the 'font-sizes in ems' approach (mostly for IE users) and some CSS hacks to have the same font size on systems where screen is set to 120dpi. I know that forcing the same font size in 120 dpi is not good in usability terms, but this is the way I should get it done. I'm curious is it good to switch to pixels instead of em...
I've got some problems while trying to lay out my site. I'm using Blueprint Framework and it happens when I apply borders to my div. Since their width are controlled by span-XX (or grid-xx as I noticed in 960gs), the moment I apply borders to any div element I have it goes out of the grid as seen in these images Click to zoom Click to ...
I realize this question has been asked quite a bit on StackOverflow; hoever, after looking through a number of them, I believe my question has one more requirement. I want to transform a regular html table, into a table that can be scrolled both vertically and horizontally, while the the header remains at the top. The width of this tab...
(This is similar to the (also unanswered) question #3430506, but applies to input tags instead of HTML5 elements.) On <input type="submit"> buttons, the iPhone/mobile Safari browser adds padding to the left and right. This doesn't happen on the desktop version, nor any other mobile/desktop Webkit browsers I've tried. It appears to add ...
In the CSS Outline, Visual Studio has a folder titled, "@ Blocks" . What is it talking about? ...
Hi everybody. I have a strange problem with hover in Opera browser. Here's the test case: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>opera hover issues</title> </head> <style> .item { background-color:pink; border:1px solid red; color: maroon; height:100px; width:300px;...
I have this HTML: <div class="info"> Some Text Boom A <a onclick="menu('id1');">Link</a> | More text <a onclick="menu('id2');">Another Link</a> | more text <ul id="id1" class="submenu"> <li><a href="dfhdfh">A1</a></li> <li><a href="aetjetjsd">A2 This is Long</a></li> <li><a href="etetueb">A3</a><...
On the screenshot, you see on the bottom there is a list of prices. I want it hidden by default and when I click on the button 'Prices', I want it to slide down from underneath. Then if I press it again I want the list to slide up again. How can I do this? Sorry if I didn't explain much, any questions please ask. ...
I want to trigger a hover event for an element using jQuery, but I have an semi-transparent png positioned over the element using z-index. Is there any way to tell jQuery to ignore the png and trigger the hover event for the element underneath it? ...
When I put a smilie (image, vertical-align: middle, 15px height) of 15px in a text with a line-height of 17px, everything is okay. But when i make the lines 16px, a smilie can change the line-height. Its for a simple chatbox, and it is really annoying that if you type a smilie it changes the line-height. So how can i put smilies withou...