HTML - Unique Id
Say I have 3 .htm files that make up a Website, and they all ask for a persons name via text input. Would all 3 input boxes have to have different ids if I want to change their size via CSS?
Say they all had the id="firstName" Could I go to my CSS file and use #firstName {length: 10} or would I have to use a class? The fact that they are in separate files makes me wonder if I have to use a class. Similar TutorialsHi, I have been asked to rename the CSS for our website navigation to a unique name. I am told that we should not use generic names in your CSS. What did this mean? Pl help possibly with an example. Hi! This isn't really a technical issue so much as just a plea for a little advice on how to handle this. There may be some technical solutions to help me out, but I don't know of any. I am currently working on a website for clients who happen to be very very particular about EVERYTHING. I have run into a bit of an issue and am confused as to how to solve this. Maybe you all could help me out? Lend some advice, tell me what you'd do if you were me, etc... I am going to start from the beginning. The people I'm designing for are architects that design 5 million dollar homes. They wanted a clean design with a gradient background and it took us a long time to get to the background we came to. The problem with the background is that although I designed for 1024x768 (it also displays well at resolutions up to 1440x900), my clients are working on computers with large monitors with a much higher resolution. As a result, the browser window gets stretched so far that the gradient background image isn't large enough to cover and begins to tile itself. Here is an example of one of the pages, the photo gallery, on the website. http://aciwebsites.com/dev/vanBrouck/photo.html I am in the process of trying to fix some things so I wouldn't suggest clicking around too much. Now, notice that I use PNG in my design. I had to find a way around that, as my clients wanted an HTML website (not a Flash website) with semi-opaque graphic elements and IE doesn't support PNG files. The code I use works on single images but will not work on tiled background images (I needed to use a tiled semi-opaque PNG on the sub nav and body content section backgrounds so the gradient background could show through slightly)...So I had to find a way around that as well. I ended up slicing up the background gradient image at the appropriate places in photoshop and changing the lightness on it so that when placed as the background image in the div layer, it would appear to be just a semi-opaque box with the gradient showing through. But really, it's just a jpg. (I know this is really confusing. I'm trying my best to just write it all out and explain it the best I can.) So. What my clients are seeing on their high-resolution screens is a lot of empty space filled with this tiled gradient background. This is what I need to do: Remedy the background gradient situation so that the background is no longer tiled. Why I can't decide how to do this: 1 - Stretching the background to fit the screen using a background div layer (code on how to do that he http://www.htmlcodetutorial.com/help/ftopic4503.html) will interfere with the background images in the "subnav" and "body content" boxes which were cut at specific points in Photoshop and placed within the backgrounds of the div layers as a sort of faux-opaque div layer. Basically, it'll just mess everything up and won't look right anymore. 2 - I really can't mess much with this background image. My clients are very happy with it as it is. I considered possibly messing with it a little so that it fades to one solid color at both edges and I think this may be my best bet. However, doing this would take a very very long time, as I'd have to go in and change the backgrounds on all of the pages as well as go into Photoshop and redo all the faux opaque backgrounds. 3 - I could also use javascript to automatically resize the browser window upon page load, but I often find that to be annoying and I can see how it won't go over very well with these people. Another problem is that because they're looking at this website at such a high resolution, the page content is smaller than they'd like it to be. But they don't seem to understand that their resolution is in the minority and I don't quite know how to explain to them that I optimized the website to fit on MOST screens. They just don't seem very confident about this and I feel like I'm misleading them or doing something wrong. What do you all think? I know this was a bit long-winded, but if you're up for a challenge or just feel like throwing some ideas around, feel free to take a look at the website page and go through my code. Thanks for your time. Ok, I've never really heard of this before, but my boss wants me to set it up, against my better judgement. basically, we're building a new site for a client, but he's got two domain names that he wants to use, and each one needs to go to a different home page. Is it possible to set up a redirect for a site that can understand which domain name has been entered and then send the customer to the appropriate page? or better yet, set up a home page like normal, but redirect only if the secondary domain name is entered. And how does this affect SEO? The other way I can think of to do this involves hard coding some links and one person jumping back and forth between domain names durring a single visit. Either that, or duplicate the whole site and drop it in a sub folder. Hello everyone, I am new here, and would like some help from you. I am planning to start a website for my business to sell online. I will be using PayPal's services to accept card payments. However, I am having a bit of difficulty in using their services to meet my specification without integrating some of my own HTML codes. First of all, I sell one of a kind of items like paintings. That means, if a customer buys an item, a second customer cannot buy it. In this case, I would like the buy now/add to cart/view cart buttons of this item to either be disabled or even better be replaced with "Sold Out" button. Do you know how I can do this? Besides, on items like this, can I really use the shopping cart, or do I need to ask customers to pay each item seperately? Any help would be greatly appreciated. Thank You. Below is the HTML code given by PayPal for Add to Cart and View Cart buttons. Add to Cart: <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="image" src="https://www.paypal.com//fr_FR/i/btn/sc-but-03.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!"> <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"> <input type="hidden" name="add" value="1"> <input type="hidden" name="cmd" value="_cart"> <input type="hidden" name="business" value="pradchalise@hotmail.com"> <input type="hidden" name="item_name" value="Test Pendant"> <input type="hidden" name="amount" value="15.00"> <input type="hidden" name="no_shipping" value="2"> <input type="hidden" name="return" value="http://www.pradnie.com"> <input type="hidden" name="cancel_return" value="http://www.pradnie.com"> <input type="hidden" name="currency_code" value="EUR"> <input type="hidden" name="lc" value="FR"> <input type="hidden" name="bn" value="PP-ShopCartBF"> </form> View Cart: <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="hidden" name="cmd" value="_cart"> <input type="hidden" name="business" value="pradchalise@hotmail.com"> <input type="image" src="https://www.paypal.com/fr_FR/i/btn/view_cart.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!"> <input type="hidden" name="display" value="1"> </form> Hi I have a web form that, on submission populates a mySQL database through PHP. Each question on the form can have up to 5 different answers. What I am trying to achieve, either through radio groups or drop-down menus is to have unique values for each number so effectively ranking them. Example: Rank your favourite colours from these: Red [1][2][3][4][5] Blue [1][2][3][4][5] Green [1][2][3][4][5] White [1][2][3][4][5] Orange [1][2][3][4][5] Now for each one, I only want the user to select a UNIQUE value so that the same two numbers cannot be submitted. On submission there must be a 1,2,3,4 & 5 (ie with no two questions having the same number) Scratching my head on this one. Any help would be most welcome. Thanks |