css

How do I trigger the popup dialog box automatically from iWebkit?

Hi there. I'm creating a little iphone webapp for my school using the iWebkit (fancy css/javascript for making the interface for iphone / ipod touch web sites / webapps. There is a feature called Popup which simulates a popup that you get in settings on your iPhone when you reset all settings (i.e. confirmation popup). How can I make ...

a div above another?

i have some php files with html code in it and from my php file i have: require "popup.html"; require "main.html"; then i use css to hide the div in popup.html. when i click a link coupled to jquery to display the popup it will be above all divs in main.html except the ones that i have rendered in with ajax. how can i make the pop...

using image as reset button

i want to use an image as reset button what code i should use in HTML and CSS ? ...

problem in display:inline and display:inline-block

i have a problem in display:inline and display:inline-block.......how should i define both in css...i.e display:inline for ie and display:inline-block for ff and chrome.... ...

repeat-y layout issue

update: at bottom I am trying to get a layout working where the body background image is also the background for the first 123px of the main content div. I then want to put a background on the main content div (starting at 123px) and then fill down. However repeat-y obviously fills both up and down and therefore repeats over the top of...

How to let the div grows based on Jquery sortable grid's height?

Hi, I am new to Jquery, and trying to follow an example on JqueryUI Display Grid, and putting it on a div. So the code basically looks like this: JS code: $('#demoList').sortable(); $('#demoList').disableSelection(); var contentHeight = $('#demoContent').height() + 200; $('#demoContent').animate({height: contentHeight}); HTML code...

Telerik GridNumericColumn direction problem

I'm using a telerik RadGrid with direction RTL. I have a telerik GridNumericColumn and the problem is that it shows numbers this way: 500- instead of -500 can someone give an advice ? ...

height: auto; doesn't work with firefox

I have Div Container with css class: .content4 { height: 1400px; width: 920px; border: 1px solid #CCCCCC; background-color: #FFFFFF; padding-bottom: 25px; padding-top: 25px; background-image: url(../images2/bg.gif); } and i need to make it auto height for its content its working properly in IE b...

Random border colours

I'm in the middle of theming a tumblr site, and each image posted is contained within a ".photobox" class. Is there a piece of javascript or jQuery i can use to change the "border-color" attribute of ".photobox" in the CSS to a random color - preferably chosen from a list of pre-defined colours? I've found one or two scripts on here but ...

Doesn’t the following design just complicate the logical structure?

Hi I’m reading some Html code for a web page, where author essentially wanted to create a page with header, footer and content area. The content area would be divided into three columns with center column having the right and left margins set to 200px, and these two margins are to be filled by two other DIVs docked on the page border ...

Wordpress Inline Images - Does it ignore the right margin values?

I'm using the WooThemes Original News Theme (It was free!) and I'm doing some edits. I have some images inline in my entries and what happens is that the text and images are pretty much right up against each other. I managed to get it fixed (somewhat) when the images are on the right side of the entry by adding a 5px border around the im...

Content on site stacks when browser is resized.

Does anyone know the best solution for this? When i resize my browser some content gets pushed around and stacked. Here is the site: http://wildfire-restaurant.com/ ...

IE CSS DIsplay Issue

Hi, The products on the below page are getting displayed correctly in FF, Safari and IE8: http://www.toomanydesigns.com/thefix/top10_watches/ However, IE6 is having issues. Does anyone know what I need to do to get it to display correctly in IE6? Thanks ...

Keep aspect ratio with image width in css

Hi All, Is there a way to fix the aspect ratio of images given a smaller width using css? Maybe by using jQuery / javascript? Thanks! ...

Trouble with jquery lavalamp

For some reason my background color shoots back to the leftmost link no matter what link I click on. Anyone know how to get it to stay on the clicked link? css #lamp { float:left; margin:25px 0px 0px 90px; clear: both; } .lavaLamp { position: relative; height: 29px; width: 400px; background: #000000 no-repeat top; background-image:url...

Should we use server-side solution in place of javascript as much as possible if we want to make same site accessible with Computer and mobile phones both?

Will mobile user get better performance and usability without JavaScript.? would it be good if we make site with pure css and server side programming for mobile? Opera MIni, iPhone safari, blackberry browser, Windows mobile browser, whatever? Graceful degradation takes time to implement. so if we go with pure css for fancy things and se...

How to change the Scroll bar color

Using Internet Explorer and FireFox I want to change my scroll bar color Code <div style="overflow: auto; width: 750px; height: 400px"> </div> The Above code is for Scroll bar, But How to change the scroll bar color. Tried code. <STYLE TYPE="text/css"> BODY { scrollbar-base-color: orange; scrollbar-arrow-color: green; scrollb...

Why is my menu DIV overflowing its parent?

The menu div is overflowing the parent. "Science is but a perversion of itself..." <div id="header"> <h1>TITLE</h1> </div> <div id="navwrap"> <ul class="nav"> <li><a id="homenav" href="index.html">Home</a></li> <li><a id="linksnav" href="#">Links</a></li> <li><a id="contactnav" href="#">Contact</a><...

recalculate element height in jQuery after class change

I've got a list of items and according to a criteria it gets a class via jQuery on document.ready that triggers CSS3 columns. If the list is displayed in columns it would have a smaller height. Is there any way to get the new height in jQuery immediately after the class change? $items.each(function(i){ var theItem = this; console.l...

Performance impact of having classes with no styling?

Does it impact performance to have classes that are not used for styling on elements? E.g.: <div class="translatable">...</div> where .translatable is used to find all the elements that are going to have their content dynamically altered in certain situations. ...