Im implementing a site with shopping cart features and want the user to be able to select the color for the product they are purchasing. Let's say I started with something like this: <form action=""> <input type="radio" name="color" value="red" /> <input type="radio" name="color" value="green" /> <input type="radio" name="color" ...
Hey, I have been modifying a website, on which the navigation bar was working fine. Now the same navigation bar refuses to display properly, whatever browser I use: Firfox, Safari, Opera. The background image appears only when the mouse hovers, and the dark line that signals which page is active, appears on top of the page instead of o...
I'm trying to make a loading overlay thing. Currently, I have some javascript adding and removing the class that makes everything 45% opaque, and adds the mac-like spinner for waiting until (sorting for example) complete. Now, the current way, .currently-loading { opacity:0.45; -moz-opacity:0.45; filter:alpha(opacity=45); width: 950px...
I have the following HTML code: <div onclick="window.open('http://example.com')" > <p>1234 Main St, New York, NY</p> <p>Price: $200,000/p> <p>4 Beds / 3 Baths</p> <p>2000 sqft</p> <a href="http://example.com">More Info</a> </div> If the person hovers over the part of the DIV that is not the hyperlink, it only opens one window. If ...
Well I have, I think, kind of unusual question. Well I have a web page with starting div with absolute position. .head_warp { width:100%; display:block; height:238px; margin:0 auto; padding:0; position:absolute; text-align:center; background-image:url(images/demo6_fon.png); background-position:center; background-position:top;...
EDIT: Problem was solved.. I can't believe I didn't think about that to begin with. Solution: #message-box{position:fixed;bottom: 29px;left:0px;width: 400px;} ---- Original message : Hi, Here is the image: http://i242.photobucket.com/albums/ff198/Warz/divchatproblemmodified.png (it says id=footer there but its supposed to say id=f...
Hello all. I have a frame which is 760px wide. I then have a div called main inside that which is 750px wide and has padding of 5px. .main { width:750px; background-color:#FFF; border-style:solid; border-width:thin; padding:5px; margin-bottom:10px; } I then have a div inside that called latest which i want 3 side by side. .latest { ...
Hi I have a content block which is spaced fine when I take out the a link, yet when the a link is in there there is a ton of spacing added (http://dev.liquor.com/wp-content/themes/main/sfgate/sfgate.php) - (http://www.ubuntu-pics.de/bild/98214/desk_1_071_0UK7d3.png). Any help in figuring this out would be greatly appreciated. I am notic...
I am having issues with Firefox rendering text differently to every other browser when negative letter spacing is applied: h2{font-size:1.6em;font-weight:bold;color:#999;letter-spacing:-0.10em;} <h2>Time</h2>(approx) Here is the text rendered in most browsers: http://img707.imageshack.us/i/font2x.png/ Here is the text rendered in Fi...
Hi, I'm new web Designer and making a site, which has list like this See this image ( i can't add image in question, bcoz i need 10 rep) http://shup.com/Shup/379626/11068201228-My-Desktop.png How to make list like this if i want to keep one <ul> Is it possible? ...
Hi, I'm dynamically switching a div's background-image with the jquery bit below. Works just fine in FF, but turns out in IE it does not. Any ideas why? Does IE not reload the image if a css property changed? Any pointers would be appreciated. $(function(){ $('.header').each(function(){ $(this).hover(function(){ $('#he...
I have am using an image button instead of text for a submit button here and I have used text-indent -9999px to "hide" the text value. However, in IE7 that text is still showing over the button. I tried making the text transparent but that didn't help. Is there something I am missing here? HTML: <form action="news.php" method="post">...
What can be happening in this case ? It's a very nice .NET website, but when I check the website in Safari or chrome, sometimes the footer doesnt work well, and I have to scroll the page (move the scroll bar) so it fits in it's rigth place. It's a very weird thing. This is the sticky footer plugin I'm using , the best I've used so far,...
Hi, I have a simple HTML layout like so: <html> <head> <title>HTML Page</title> </head> <body> <table> <tr> <td> <a href="some.html">Text</a> </td> </tr> </table> </body> </html> I am trying to select the first td with a selector like this: html > body > table > tr:nth(0) > t...
How I can get the generated view code below to place the editor-field to the right of the editor-label, on the same row? I don't want to mess with the generated defaults, e.g. remove the divs, as I am still in very early dev and regenerate views quite often. <div class="editor-label"> <%: Html.LabelFor(model => model.Suburb) %> </d...
I have a site which uses largeish (60-100k) background images which vary from page to page. When the user loads the page for the fist time, the page content is loaded first and the background image appears a short time after. This is, I understand, intended behavior in browsers but it makes the page loading look quite "bumpy" on slow...
When working with Visual Studio, I always see that @ character when selecting font family in CSS editor and finally I decided to ask what that is. Sample image right below : Thanks in advance. P.s : It seems like fonts installed only my computer or not general fonts but I am not prerry sure tho. ...
I'm trying to find a way to place divs side by side without using floats or position:absolute. The divs will have a set width, and may have floated elements inside of them. This is for a CMS where the user will be able to drag content elements to organize them. They do not have to be divs, I just don't know of any other type of HTML tag ...
I am trying to develop a registration page which involves three seperate information. First Page will get contact details Second page - working details third page - study details. How to keep the form data of the previous pages before posting the form?. Plz help any help will be appreciated ...
Adding clear: left, clear: right, or clear:both to an element would create an extra carriage return in Firefox, but not in Chrome and Safari, it is very frustrating, anyone know how to fix this? ...