I already have this layout created using CSS, but its plagued with issues in IE6 and 7. So I'd like help recreating this layout using jQuery (and jQuery Only) for max compatibility. The only difficult part is the vertically and horizontally resizable (on browser resize as well) content area. Edited to add: I need to use jQuery for res...
Hi, I have a div that is contain inside an iframe from a external html <iframe src="test.html"> The html based "context menu" need to be on top of the iframe but the html code of the context menu is in the iframe itself. A pure CSS solution is preferred. ...
My sites run off a subdomain (yyy.xxx.com), but I'm required to include CSS files from the main domain (xxx.com). We run a CMS that doesn't let me do any server-side stuff during the preview stage, so I'm stuck sending a page over https that includes a CSS import to http. All my IE users get a mixed content warning because of this. Is t...
Happy holidays, all. I'll probably feel very silly when I get the answer to this, but I'd like to know how to use the CSS "-webkit-appearance: searchfield-results-decoration" rule to draw a small magnifying glass inside a search box. I'd like to create a search box like the one in the upper right corner of apple.com. It should have roun...
I am a Web developer and in my projects I have noticed that my weakest point is not being good at the front-end design. Relying on other designers can be annoying if they are not able to produce as quickly as I want. My perspective on HTML/CSS is that it is basically a big hack that amazingly works. There are too many CSS and browser ...
The following html document (together with the CSS) fails to render the styles in b.css. <!doctype html> <html> <head> <link rel="stylesheet" media="screen" type="text/css" title="A" href="a.css" /> <link rel="stylesheet" media="screen" type="text/css" title="B" href="b.css" /> </head> <body> <div id="A">A</di...
I'm trying to build a grid the size of the browser window that has 20x20px squares. My first idea was to just construct a table with the following code, but IE8 (in any mode) will not render the cells unless they have non-white space content. According to this, it will if it has a , but from my testing, it only works if the table i...
http://we-live.in/the%5Fsierra - Towards the bottom of the page I have a div which contains an image of grass. How can I get the grass image to be centered horizontally on the page? ok i got it centered now i need to move it lower down on the page thanks ...
I am using this jQuery validation library on my website. It requires me to put the validation rules in the class part of the input tag. ie <input class="validate[required,custom[onlyLetter],length[0,100]]" name="firstname" type="text" /> Now this causes me to end up with code in mine that looks similar such as: <input type="text" ...
What should be the top 10 CSS and HTML questions to ask an interviewee? To test his level of knowledge if interviewee mentioned 2 yrs. experience in XHTML and CSS. Edit: how we can know interviewee's cross browser layout making capability? My question is only related to xhtml css coding not about design ability ...
This is a followup to this question. I am working on a component for the CKEditor, a tweaked version of the font drop-down menus that always display the currently selected font family / size values, no matter where they were defined, using computedStyle and consorts. As you can see in the other question, determining the font size work...
Hello everyone, I am using SharePoint Server 2007 Enterprise with Windows Server 2008 Enterprise, and I am using publishing portal template. I have a root web site and some child sub-web site. I am using Blueband.master and related css files (e.g. Band.css). My question is, for my parent site and child site, are they using the same mas...
I have seen this question asked in a couple of different ways on SO and several other websites, but most of them are either too specific or out-of-date. I'm hoping someone can provide a definitive answer here without pandering to speculation. Is there a way, either with CSS or javascript, to change the default printer settings when some...
Is there a way to set the height/width CSS properties to something like that: 100% - 50px So if the total 100% is 1000px, then the end result would be 950px. And the 100% is set by the browser size. Thank you. UPDATE: What I'm trying to do is: I have two div, the first div's height is 50px, I would like the second div's height to cove...
dear i have define on ul <ul id="album"> <li id="list1"> <a href="#"> <img src="google.jpg" height="50"/> </a> <a href="#" class="user-title">Profile Pictures</a> 1 Picture </li> <li id="list1"> <a href="#"> <img src="yahoo.jpg" height="150"/> </a> <a href="#" class="user-title">Profile Pictures</a> 2 Picture </li> </ul> c...
I need to make an image viewer: on the left there's a resizeable TD with the div and image/video. In the right TD there are comments. Images are resized so that those panoramic, with high aspect ratios, were viewable with a scroll bar (horizontal or vertical), but scroll bars were shown only when necessary. The issue is how to calculate ...
Is there away to connect the sizes of divs as I did with the frames below? I'm talking about the * in rows="*, 16", that takes the remaining space. <frameset frameborder="0" rows="70, *, 30"> <frame name="toolbar" src="toolbar.html" marginwidth="8px" marginheight="8px" /> <frameset id="lineNumFrameset" frameborder="0" cols="50, ...
ok this header image is driving me crazy-- ive cleaned up the divs and edited the css - before i learn positioning etc, id love to see a quick fix that just puts that image down at the bottom of the page sorry, the question was in the title-- im trying to get the footer not to float on top of the page but ive gotten some responses about...
I guess this is going to sound like a pretty basic question to any web developers out there, but HTML and CSS are not really my thing and I'm on a really steep learning curve, so please cut me a little slack. I have a silverlight control the I've developed with some animated graphics that I need to position at the bottom right hand corn...
I have an image selector that allows to choose an image from a gallery, then fills in the URL into a <input type="text"> field. The URLs can be awfully long, and always seeing the first half of the URL in the text field has very little informational value. Does somebody know a way to "scroll" to the very right of the text field so that ...