Wickham

For drop down menus I suggest cssplay http://www.cssplay.co.uk/menus/ Choose one, open View / Source and look for the code for the example and copy the head section style tag styles (probably beginning #menu) and the relevant html markup probably inside . I have no idea why your images don't show. We might be able to cure it if we coud see your page online.

The code is which must be put just after the tag, lower down the head section may not work. However, I understand that this may be just a temporary code for IE8 beta 2 and RC1 and may be withdrawn in the final IE8 version, so it's best to try to get IE8 RC1 to work properly without it.

You need a unit, either % or px after 80

Edit the filename to scrub_pics/printjacket.jpg and edit the code to Print Jacket $20.00 .jpg is the same as .jpeg but some servers don't recognise .jpeg. Keep a copy of the original .jpeg file just in case you corrupt it editing the extension to .jpg, but that's unlikely. Also check the path to the folder images, the images folder should be inside the folder where your html file is.

Edit to (not related to the problem) and edit .rightContentHeader{ text-align: center; margin: 0 auto; /*auto;*/....................... IE 7 was adding a margin to the bottom, 0 auto means that top and bottom wil be 0 and sides auto. You are using IE8 which has not been released for general public use yet, so not many users will be using it, but it is more similar to Firefox than IE7 although there are still plenty of bugs. HR is surprisingly difficult to get right when only a few px high as browsers display it differently, some give it a border, some don't, some use background-color, others use color. Experts recommend not using hr but to use a div with a class instead with a background-color: #xxxxxx; height: ?px; line-height: ?px; font-size: ?px; border: 0; or a background-image instead of the color which will be displayed the same way in different browsers. See http://w ww.wickham43.net/generaladvice.php#horizontalrule for some comments and a div alternative.

Well, for simplicity put all your files including image and css files in onlinepersonalwebsite (which will be the equivalent of the root directory of your hosting service server) and don't have any links with ../ and no sub-folder/directories, so all links will be like CSS and all images will be You will need to learn to use sub-folders/directories when your site gets more files.

Using Desktop as a folder won't help as it will be wrong when you upload to a server. You need a master folder/directory, say MyWebpages which will be equivalent to the root directory of your hosting service and put index.html in there and make sub-folder/directories inside that:- MyWebpages > index.html MyWebpages > root.css MyWebpages > cssTutorials > tables_tutorial.html MyWebpages > cssTutorials > css.html MyWebpages > products > productList.html MyWebpages > images > image.jpg The links in index.html will be like this:- Tables Tutorial CSS Products links to images in index.html would be images/image.jpg link to stylesheet in the head section The links in tables_tutorial.html and css.html will be:- Index Tables Tutorial CSS Products links to images in tables_tutorial.html and css.html would be ../images/image.jpg link to stylesheet in the head section The links in productList.html will be:- Index Tables Tutorial CSS Products links to images in productList.html would be ../images/image.jpg link to stylesheet in the head section It's a good idea not to have too many files in the root directory, usually just an index file, a root.css file and a favicon.ico file. Some links above link to the same page, so you can omit the link, but if you have a common menu they would stay there.

Where hav eyou put the favicon.ico file? There must be one in the root directory for some browsers to pick up, and it doesn't need linking in the head section if in the root directory. The link code you have given is put in the head section of each page. The favicon.ico image should be uploaded to your root directory (the main first directory at your host where you should also have an index.html file). This is the directory that is searched if viewers just use a url like www.mydomain.com without specifying a particular folder or filename. Some browsers only need the favicon.ico in the root directory and then apply it to every file. Others seem to need it repeated in the head of an html file with this code:- or just where your html page is also in the root directory or where ../ indicates that the link is to the same image in the root directory but your page is in a sub-directory. It is probably best to put the favicon.ico in the root directory and also use the code in the head.

I haven't spent a lot of time, but trial and error has sorted it out in IE7. Your #classes has margin-left: 40px and the table is width="100%" and IE7 objects and considers that exceeds 100%, so:- edit the style to:- #classes_chart { /*margin-left:40px;*/ } and the html markup: align="center" cellpadding="5" cellspacing="0"> and edit the other tables below to 95%.

Text-shadow; see the note top right here:- http://www.quirksmode.org/css/textshadow.html Works in Safari, Opera, and Konqueror

You don't need to use separate classes in span tags unless you want the two words to have different styles. The reason the words are below the box is because of the default top margins which browsers use, they are different in each browser and because your font size is large, the margin is also larger than normal, so add margin-top: 5px; to the class:- .branding{ margin-top: 5px; font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; font-style: italic; font-size: 30pt; color: red; font-weight: bold; text-decoration: none; text-align: left; } If you want the words to center, change text-align: left; to text-align: center; using your original markup: William Bradley Rouse For flush left bottom of the box, leave text-align: left; and adjust the top margin (margin-bottom is unreliable, using a bottom fix often doesn't work). IE7, IE8 and Firefox and other browsers should be the same if you state the margin-top.

I think I would probably put it right at the bottom just before the

It works for me in Google Chrome, IE7 and Firefox so clear your cache in Chrome and try again.

This is basic code for an image file:-

This is common code for an audio file:- You should be able to see a sound controller now, but if you see this, you're browser doesn't support the appropriate element or ActiveX is disabled. Edit autostart="false" to autostart="true" to start on page load, but what happens if a viewer is already listening to his favorit tune? There will be a conflict. Most people on this board will suggest that you add a controller and have the sound off so that a viewer can start it if he wants. You may have to add controller="true" with autostart="false" to give a viewer the choice but in my test the above code shows a default controller.

We need your css files and preferably the images as well; all I get is plain text without them, no red anywhere. Is there an online link?

What do you tell your husband?

Frames are not recommended for several reasons, one being that search engines can't read the file in the frame because it's a separate html page, but you can solve your music problem with one or two frames. If you put the music file in the frameset file and have just one frame with links targetted to that frame, music will play but because you cannot have anything display from a frameset file, you won't be able to have a controller. You can put the music file with a controller in a small top frame and have content in a lower frame with all links targetted to that frame, so that the controller and music don't change. PHP can probably do the same thing and might be a better solution.

I made these edits:- to the stylesheet base_20081104.css:- .product-actions{position:relative;/*absolute;*/top:-45px;/*-10px;*/left:10px;float: left; margin-left: -240px; } which makes it position: relative as you wanted but I had to edit the top size as well. I don't know why I had to add the margin-left: -240px; perhaps you can sort that out, all I know is that it works. I moved the div class="tabset" position in the html file so that it includes the div class="product-actions" instead of them being separate:- ............. Bella Swan Character Figureclass="subtitle"> ............... and deleted it lower down:- ............. Overview............... It works in IE7 and Firefox to keep the left side in position up at the top with the buttons and text below inside the blue frame. I haven't tested other browsers.

Ask Arthur Dent or Zaphod Beeblebrox Yes, the answer to Life, the Universe and Everything is 42. I remember listening to the first few radio episodes and was fascinated. I must buy the cd of them. That and the Red Dwarf series about a mining ship that gets radioactive and is continually saved by a robot called Kryten.

I was horrified by the performance of IE8 beta 2 and thought it would take years to sort out, but IE8 RC1 does the basics well but there are still thousands of problems which seem to be for coding that most people won't ever use for normal websites. However, people complain that major websites break when using RC1. Only yesterday I tried Dell's customise option to buy a new computer and RC1 on Vista failed to Add to Basket. I tried five times and then saw another small link at the top right corner of the screen which said View Cart [5] and I could click on that and saw that I had ordered five computers! I deleted four but IE8 RC1 failed later during the credit card process, so I used Firefox and had no problem. I had various combinations for Dell in Trusted Sites and Active Scripting for the Internet setting was enabled and cookies too, but it still failed. Computers are relatively cheap now and I think it's easier to use separate computers with two monitors side by side, You don't have to keep changing from one version to another and can see both at the same time so that chasing a few px is easier to see the difference. You also don't have any complicated programs or virtual OS to cause a problem. Keep an old PC for IE7 and buy a new one for IE8.

I've had that problem too. It's caused by a small gap between the drop down boxes, usually between the top level and the first of the drop down boxes, but in your case you can reach the first one, but not lower ones, which is slightly different. You need to adjust the top and bottom borders, padding and margins to the drop down level and possibly to the top level too, I suggest you make them 0 at first and see whether the connection is OK, then adjust them as you want until it breaks again. Look for style codes which have one ul and or li for the top level like #menu ul li { } or #menu li { } and two for the drop down level like #menu ul ul { } or #menu ul ul li { } or #menu li li { } or #menu ul li ul li { } Edit: line-height can also be a cause, so endless fiddling with padding, margins and line-height may be necessary.

I downloaded this page http://sfdav.com.au/folkart-styles-html-pages/art-deco.html and only this stylesheet http://sfdav.com.au/templates/definitions.css and I found that IE7 and Firefox both had the correct links colors, so IE7 must be taking the red link hover color from the stylesheet I said could not be accessed or from the template file /Templates/definitions.dwt which I didn't download.

You have three stylesheet links:- (which isn't a .css file) then a head section style for a black body color body { background-color: #000000; } and then There's probably an overlap somewhere and IE is using one stylesheet while FX is using another. Is there a white body color in the last stylesheet which is being processed last by IE? Item 3: your link above doesn't work but I managed to get to it from your menu:- http://sfdav.com.au/folkart-styles-html-pages/art-deco.html You have this stylesheet link twice but it doesn't work:- http://sfdav.com.au/folkart-styles-html-pages/definitions.css Sort out your stylesheets.

If you want to start a message board like this, you don't really need much coding experience. You download and install the complete package with hundreds of php and database files which insatll themselves automatically. You then use the admin menus to set up the forums and permissions, etc. When I set up a forum I only needed to edit the image in a file so that I had my own header image, the rest was via the admin menus. The forum has its own pages, you need coding experience for separate website pages which link to it if you want, but a forum on its own doesn't need a separate website.