css

How to push the right side elements to the top

I have 2 columns, one of them I float to the left and the other I float to the right. The right side has input buttons on them. For some reason the buttons are kind of in the middle of the column, I want them to be vertically aligned all the way to the top and to the right. How can I do this? Is it just playing with padding? <div id=...

em vs px... for mobile browsers...

For desktop browser all modern browser uses Zoom functionality so we can use PX but if same site can be seen on mobile then would px not be good for zooming in mobile browsers. or use of px is also fine for mobile browsers. even if we don't care for IE 6 , should we use em in place of px still if we are not making different site for mob...

Can I scale an element with CSS transforms and still stay within the containing element?

I have an image within a div. I scale the image with CSS transforms to 2.5 times it's original size. That works, but it overlays the containing div. I want it to stay within the containing div, is that possible? <html> <script language="javascript"> function zoom() { var myLayer = document.getElementById('layer'); ...

autocomplete attribute is not passing XHTML 1.0 Transitional validation, why?

I'm trying to cleanup my xhtml validation -- I'm running my pages through the W3C validator. For some puzzling reason it's not passing on input fields with the autocomplete="off" attribute: <input name="kwsearch" id="sli_search_1" type="text" autocomplete="off" onfocus="if(this.defaultValue==this.value) this.value='';" onblu...

How to create a static header that remains even when navigating to other pages (lala.com)

I'm interested in the way lala.com works. They have a header that remains fixed at the top of the browser and they have a flash music player in it. You can click on other links in the site and they are displayed below the header but the header is not disrupted and can continue playing music. If the target is a modern browser say IE8 & ...

How can i change or remove title and page address ?

I use some CSS styling to hide input buttton, images and so on but i wonder how can i remove or better: modify, where / what shows up on printed page in place of title and page address? ...

Why are pieces of my HTML showing up on the page and breaking it? Is it PHP related?

I've been building a site in PHP, HTML, CSS, and using a healthy dose of jQuery javascript. The site looks absolutely fine on my Mac browsers, but for some reason, when my client uses PC Safari, she's seeing strange bits of my HTML show up on the page. Here are some (small) screenshot examples: Figure 1: This one is just a closing <...

Help with css and jquery grid

Im trying to add jquery grid to my site. (codeigniter php) It loads the data just fine but the grid ends up looking awful.. I dont know much about css.... heres an image of what Im getting ...

Problem with CSS on Wordpress

Hi there! I'm trying to code my sidebar.php but it breaks and goes all the way down below the posts PHP: <!-- begin sidebar --> <div id="menu"> <?php /* Widgetized sidebar, if you have the plugin installed. */ if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?> <label for="s">SEARCH</label> <form id="searc...

Using CSS gradient instead of images

Using CSS for creating gradients instead of images, does it have any negativity? For example the following code: #gradient { color: #fff; height: 100px; padding: 10px; /* For WebKit (Safari, Google Chrome etc) */ background: -webkit-gradient(linear, left top, left bottom, from(#00f), to(#fff)); /* For Mozilla/Gecko (Firefo...

Creating a form with floats, what is the general design when you need 2 columns, p and label?

I want to design a form. The form has 3 sections: user info, shipping and billing. Each section will have 2 columns, so form fields and their labels with be on both the left and right side. What technique should I use? How does this look? <div id="forms"> <div id=contact> <div class=left> <p><label>Firstname<la...

Change text color in text field

I have an input text field, which has a value "something" by default, but when I start to type, I want that the default value changes color, and the text i'll type, another one. How can i do that? <input type="text" value="something" onclick="this.value=''" /> ...

DIV overlap on top of submit order INPUT button not working right in IE7

I created a test account at www.avaline.com that you can use to see what's going on with the submit button without going through the registration process (filling in fake address info, etc): username: test2@gmail.com pass:test02 In FF, my #hidSubm DIV covers the "Pay with Paypal" Input button, as it should. Why isn't it working in IE7?...

Create a menu as shown on this site

I've seen this exact menu on two unrelated sites. How would I mimic it? Is it made with some popular framework? Collapsed/normal state: Normal State Image Here's the fly out state: Flyout State Image You can see the menu used on BNET and on TechRepublic ...

possible to auto zoom out if user's resolution < x ?

my site is aimed purely at the laptop market (dont ask why or argue!), all my users (or 95%+) we on a screen width of 1200+, netbooks are now taking off, with a resolution of 1024 wide. my site still looks great on a netbook if you zoom out once (ctrl-minus), but i don't want to rely on users knowing about ctrl-minus. what are my opti...

How to make hyperlink change text in overflow:hidden div without jumping to the div

I have a div element with fixed height and width and overflow:hidden, and I have a menu that causes this div to scroll to anchors in the text within the div. However, when you click on an item on this menu, it doesn't just scroll the div, it also scrolls the page to the div. How do I prevent this second from happening. That is, I just...

Using HTML/CSS for UI in XNA?

Is there any way to use HTML/CSS to do the user interface for a XNA game? I would need to programmatically be able to update the HTML, as well as handle events. Or is there another framework I should be using? This thread looks promising: http://stackoverflow.com/questions/909671/ui-library-for-xna Also, whatever I use has to work on t...

Why does my div not center properly?

I'm using $.blockUI with jQuery to show a modal dialogue. The HTML looks like: <div id="progressDialogue" class="mp_modalpopup"> <div class="mp_container"> <div class="mp_header"> <span id="pd_header_text" class="mp_msg">Please wait..</span> </div> <div class="mp_body"> <img src="ajax-...

Extra space (padding or margin?) at bottom of page

For some reason the site has extra bits of space on the bottom of the page, even there is no padding or margin setup .. The site in question is www.racedayworld.com and seems to happen in (at least) ffox 3+ and IE8 note: we are going through a DNS change so if you can't get to that URL try here: http://racedayworld-com.si-eioswww3.com...

Front End Developer v/s PHP-MySQL Engineer

Hello, I want to decide which of this would be a more viable career option? I am ready to quit my current job and hence I am looking for new opportunity. Current job is maintainence and no more active development. My current role is of a PHP/MySQL Developer. I very well understand web-programming and am comfortable with RoR/Sinatra/Z...