How do I change the backcolor of a textbox when user clicks into it with CSS
Question is in the subject. ...
css
Centring fixed width DIV inside 100% width parent DIV
I have a setup similar to below: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml”> <div id=“a” style=“width: 100%”> <div id=“b” style=“width: 200px; margin: 0 auto”> </div> </div> And this centres fine in everything except IE...
How to disable mouse gestures as a developer?
Hi, I'm developing a web application and I noticed how irritating mouse gestures can be on it, so, is there a way to disable them (Firefox and Opera particularly)? Edit: It seems there is some confusion. I'm developing a web based software that has an interface with such complex actions and tasks such as mouse selections, file drag and...
Jquery trigger problem
I have two DIV elements. HTML looks like this: <div id="first"><div id="second"></div></div> The CSS for this elemets are: #first{ float:left; width:656px; border-bottom:1px solid #CCC; padding-top:5px; display:block; cursor:pointer;} #second{ float: right; margin-right:10px; border:1px solid #9F0; width:230px; height:14px; backgro...
IE compatibility: My Mini-Chat is Overflowing (Validated Markup)
IE cross-compatibility issue. My website, www.zerozaku.com, is compatible with Chrome and Firefox, but IE has an issue with my Mini-Chat overflowing out of the box. Could anyone help? P.S. I've only tested it on IE8, Firefox, Chrome ...
Unwanted space between divs
I am trying to get three images to connect for my content box but for some reason there is some space between the second and the third. Any help would be appreciated. here is the site: http://hyvhuynh.com/hyperbolical-blog <?php get_header(); ?> <div id="content"> <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <div ...
"wordpress theme framework" vs "Blank themes" vs free theme similar to my design?
I got the design (PSD) from client. Which should i choose to make custom Wordpress themes. I should use any Wordpress theme Framework? or Any WordpressBlank theme? or I should find similar free theme to my design then edit to it ...
How do I force the browser to only handle the top link if 2 elements are clickable?
Say I have the following code: <div onclick='location.href="http://www.example.com/"'> <a href='#' onclick='alert("blah")'>click</a> </div> Is there a way to only have the anchor evaluated when I click the 'click' text and not have the div's onclick evaluated? ...
CSS get parent node width....without expressions.
I have a css class where the LEFT needs the be the WIDTH of the parent node. The width of the parent node is unknown. Is there a way to get the width of a parent node in CSS. (expressions are not an option). Thanks. .parent{ display:block; position:relative; } .child{ position:absolute; left:PARENT.WIDTH; } <div class...
Div with overflow:auto disappears
I have a wrapper div with a height of 600px and a width of 900px Inside it there are 2 divs The first is floated left with the below style #left{ height : 100%; width : 600px; overflow:hidden; float : left; } The second one is not floated, so that it can occupy the rest of the space and the style is #right{ height : 100%; overflow ...
Displaying user input on my page
In our application, we allow user's to write their Bio using a WYSIWYG editor, but it often contains bad HTML that breaks our page. Is it a good idea to show the user bio inside an iframe so it doesn't affect the rest of the page? Or any better options? Thanks ...
Should we follow this method in company's Web development Team also , seperation of Content , presentation and behaviour?
as Content = Content Builder ( Who will convert Client's Content (MS Word files) into XHTML Presentation = CSS Experts Behaviour = Javascript , jquery experts. but where is design. Is Presentation = Design or Presentation = CSS only ? Edit: Like Should we hire one person to make Design, XHTML, CSS and Javascript or different perso...
height:100%; float:left, is there a way?
Hi, I'm having a hard time finding the resources to solve my particular dilemma. I'd like to make a simple horizontal type scroll bar site. This site would contain nothing but images stacked up side by side and each image would have a 100% browser screen height. No text, menu buttons, etc. Here is my code: <!DOCTYPE html PUBLIC "-//W3...
CSS: Setting a background gradient to width 100% fine unless page scrolls.
Here's two screen shots, showing the effect with a small viewport that has to be scrolled. HTML looks like this: (ignoring head and html tags) <body> <div id="grad1"></div> <div id="wrapper"> <header> <h1 class="logo"><a href="/">Dartrite</a></h1> </header> <nav> <ul> <li><a class="first" id="index" href="/index.php">Ho...
My background does not appear
Hi, For some reason the background does not appear. This is the CSS div.sidebar_beige { background: no-repeat left top; height: 142px; margin: 35px 0 35px 0; position: relative;} div.sidebar_beige h3 { color: #f57f20; font-family: 'trebuchet ms'; font-size: 17px; left: 15px; margin: 0px; padding: 0px; posi...
How do I convert this HTML-table layout solution to floating-div solution?
I often need to list items with various-sized images on the left and text on the right, like this: For 17 years, I have solved this with HTML tables, like this: <html> <style> * { margin: 0; padding: 0 } body { padding: 20px; } #content { width: 600px; padding: 20px; margin-left: auto; ...
Very odd button behaviour in IE8
In IE8 hit F12, set the browser mode to IE8 and the document mode to IE8 also. Then go to any web page with an button with an image overlaid on it, and notice that when you click down / mouse down on it, the button image will move left -1px and top -1px. This affects everything from the search button on the bing.com homepage (although...
Is everything in Ext js blue?
Sure, the blue is nice and it has a nice office look but you wouldn't want all applications to have the same color. Is it easy customize the look in ext js? ...
CSS/JavaScript: get user-visible text of an element
Suppose I have the following HTML: <div id="test"> <span style="display:inline;">foo</span> <span style="display:none;">bar</span> <span style="display:inline;">baz</span> </div> .. is there some way in JavaScript for me to get the output "foo baz" (not "foo bar baz")? $('test').textContent returns the latter, and innerHTML doe...
Is there a way for CSS to determine and adjust for image widths?
Thanks to Erik's help on my last question, I was able to get my icon-left, text-right floating div example working: http://tanguay.info/web/examples/tablelessItemLayout However, because the images are various width's, I had to cheat a bit by putting in-line styles in some of the tags. How can I change this code so that: there are...