Hi guys, I'm writing a webapp using Zend framework and a homebrew widget system. Every widget has a controller and can choose to render one of many views if it chooses. This really helps us modularize and reconfigure and reuse the widgets anywhere on the site. The Problem is that the views of each widget contain their own JS and CSS ...
Upon visiting the site that I'm currently working on you would immediately notice the fact that a bar placed at the top of your browser follows you down as you scroll through the blogs posts. I was wondering if there was any method which I could use to both shift the scrollbar below the bar rather than beside it and then style the bar to...
Could anybody tell me with the pseudo class :active from css only works in IE7? You can check my code on the following web page. www.ercesar.com UPDATED What I mean is what it does on IE7, which once you click on the menu item, the image and the background image change even when you go away from the menu item. I hope it helps to under...
I started getting into reading design blogs a little while ago, and it seemed that @font-face got really popular sometime late last year, or something like that, because I was under the impression that it was a new emerging feature of the web. But then I saw that Internet Explorer has had it since IE4 (with some conversion). So is it co...
I have a fairly large CSS file developed by my web designer. There are, of course, plenty of IDs, classes and tag properties assigned therein. Are there any tools to automatically generate HTML based on a CSS source file? For example: #basicInfoHead{ background:url(../images/leftHeaders.jpg) no-repeat; margin-left: 0px; w...
I made a small webpage with a scrollable div. When I load it in a browser, it works fine. But when I load it in a webview inside Android, it doesn't let me scroll the div. Is there a workaround for this or do I have to use a different design? I am talking about websites like this. ...
The subnavigation menus (located just below the blue tabbed navigation) are showing up in a different position in IE7--they display correctly in Firefox and IE8: https://www.diservio.com/newsite/vehicle/auto-insurance.html I created a separate IE7 CSS file and added conditional comments in the HTML. Here are the properties I modified: ...
Is there a way to DRY this CSS up? Only difference is color? div.base-text-gold { position: absolute; bottom: 9px; color: #FED577; font-size: 10px; font-weight: bolder; text-align: center; width: 61px; text-transform: uppercase; } div.base-text-grey { position: absolute; bottom: 9px; color: #D1D2D4; font-size: 10px; fo...
The Preview, What others are saying tabs are stacked and right-aligned (wrong). They should be horizontal and left-aligned. It's displayed correctly in firefox,IE8. What's the reason for this? URL: http://www.learncentral.org/resource/view/59896 UPDATE Related html here: <div class="ed_tabs"> <ul class="ui-tabs-nav"> ...
Why W3C Validator showing parsing error on this. I selected CSS3 profile also from dropdown. a[href $=.xls]{background: transparent url(ms-excel-icon.gif) left top no-repeat; padding-left: 22px;display: block;height: 16px;} ...
Hi there, I'm setting up templates and snippets for my design team, they don't want to fuss with this that and the other. I figure fair enough, and everything's mostly going well, except that I'm experiencing difficulties in displaying floats in Design view. It's important to note that Live Preview displays beautifully, as does my outp...
Wondering--does anyone know of any good articles explaining the CSS technique allowing multiple instances of a class to flow down the page relative to the items above it. Not explaining it that well. Veerle' Pierter's does it on this page: http://veerle.duoh.com/belgiangraphicdesign Although I'm not sure I want to use a technique like h...
May I know why my webpage have a blank like <br /> but after i add a the blank was lost. ...
I want to increase the left size along with the right div. But left div didn't behave as i want to be. What is the solution. I keep the code right here bellow: <div id="bn-container"> <div id="bn-leftside"> <jdoc:include type="modules" name="left" style="xhtml" /> </div> <div id="bn-rightside"> ...
Okay that's probably not the best title, I know why we need browser resets: because browsers have different defaults set. My question that was too long to put into a title is: If everyone needs to use a reset stylesheet 90% of the time, why do browsers need to set default styles? We're just going to remove them anyways, right? ...
Is there any cons of 2nd method? Why http://www.webstandards.org/ decided to use 2nd method Is first method better than first for screen reader users? First <label for="name">Name</label> <input id="name" /> Second <label for="n">Name</label> <input id="n" /> ...
I saw 2 different method on same form example: on http://www.alistapart.com/articles/prettyaccessibleforms/ why they are using 2 method in first fieldset they are keeping input after labeland in 2nd fieldset they are keeping input after label. Why? <fieldset> <legend>Delivery Details</legend> <ol> <li> <label for="name">N...
I'm trying to position my Flex app so that its in the bottom 40% vertically, and the left 70% horizontally. This is how I define the flash section in CSS: #flashContent { display:none;position:absolute; top:60%;width:70%;height:40%;} Here is the HTML: <div id="flashContent"> <p> To view this page ensure th...
Background I'm trying to make a menu, you hover over the button and the background image shifts its Y position to give you the 'over' effect for each button. CSS .menu {float: left;} .menu span {display: none;} .menu a {display: block; margin: 10px; width: 200px; height: 50px;} #itemA {background: url('images/btnA.png') no-repeat 0 0;...
Should we use <label> for every input? , even for submit button and keep hidden thorough css if we don't want to show label. or no need of label for submit button? .hide {display:none} <fieldset> <legend>Search</legend> <label for="Search">Search...</label> <input value="" id="Search" name="Search"> <label for="Submit"...