newseed

Firstly, we usually don't critique sites unless the code validates. Nevertheless, right from the start, the first impression does not imply that it's a lizard site other than the name. The color grey just does not do justice for this particular theme. The header title is too big too.

You will need to define the link tag to have a width and height. #header a { width: 804px; height: 150px; display: block; } The css is based on the fact that your header.gif file is the same dimensions as your #header div. Otherwise, you can adjust the link width and height to fit the area you want to be hyperlinked.

The issue is is that the slideshow you have is in a iframe. There is really no reason for it. Just stick the slideshow into the html of that page and then it should display the menu fully. Now you have few other issues that you might want to start looking into because it could cause propblems with other browsers thus the page will not render correctly. 1. You have multiples of head, title and body tags. You only need one set each. 2. You have a doctype but it's not located at the top of the code. It must be the first line of html code before . Note: you have two different doctypes. You only need one. 3. You have other lines of code that are duplicated which are not necessary. Example: You have two testCSS.css stylesheet links. By cleaning up the mess it will allow us to better determine the problem(s) you might be having so that we can easily find a solution.

If the domain is under your name/ownership, then I suggest that you get a consent. In most cases though that if you have an aggreement/contract with the business that the domain is under then it's their resposibility. If you ever were to be confronted about an image in question then you have a contract to state that all rights belong to that business using that domain. Chances are you will be asked remove them. If you are really spooked about this, check with a lawyer and see what your rights are. If you can't afford one then you would be better off by adding a disclaimer to all your contracts that states something to where the client(s) will not hold you liable for any action against the domain and it's contents.

I do not see any spaces between the lines. However, you are using HTML 4.01 Transitional doctype but then you have self-closing tabs like which should be . Self-closing tags are meant for XHTML doctype.

A couple of things. First, the #FFF color code is not in the correct place. It must be before the url of the background image: background: #FFF url(../images/tealwhite.png)repeat-x; Secondly, the reason why the background image does not work in IE is that you need a space between the ) and r background: #FFF url(../images/tealwhite.png)-add a space here-repeat-x; Here's what you css style should look like now: body { font-family: verdana, arial, helvetica, sans-serif; font-size: 1em; background: #FFF url(../images/tealwhite.png) repeat-x; }

Hmm...I don't know if I can do that...I mean...I...I'm...I'm just a bit shy! :/

If the owner provided the photos then you are not liable. However, as a common courtesy, you might inform the owner about obtaining consents from the construction workers (if they are his employees, friends, etc.) to use the photo(s) on the website. Typically, if their faces are not showing or is not identifiable, chances are that nothing needs to be done. Nevertheless, it's important for the owner to understand his rights and the rights of the employees. If these are stock photo purchased from an online stock photo site then he will need to read the copyright details for each of the site he obtains the photos from. In most cases you can use images on a business site for general purposes. Where it draws the line is that if you use the images for profit on materials like t-shirts, coffee mug, etc. The other main copyright issues is that if you use the image for the company logo. This will certainly bring up a problem if the company does not obtain exclusive rights from the owner of the image that is being used. Please note that each circumstance are different and that the information I have provided is my opinion only. It's the duty of the company/owner to check the copyright terms and use.

You can upgrade to MS Expression Web 2 which is a huge improvement over FrontPage but some of the standard layout and features will be similar to what you were using before. Here again, although Expression will produce standard code, it will really help to understand the basic fundementals of HTML and CSS. Creating web site pages using the WYSIWYG pane is not ideal and it does not guarantee the same visual results for all browsers. Check out Killersites tutorials on HTML and CSS. This will help you get a better understanding how some of the basic code works. Note: You can get Expressions Web 2 at the upgrade price regardless how old your FrontPage is.

Oh I see. Well, what can I say, I'm a republican!

If you are not skilled in HTML and CSS then you might want to move away from FrontPage because it's not going to give you the desired results across all browsers. FP is outdated and generally produces many deprecated codes. Also, it will inline CSS styles which you really don't want to happen because it will be difficult to update especially if you have mulitple pages.

IE6 will require you to add your margins/paddings to the overall width of the div you are applying it too. If you have a 700px wide content div and you want to add 20px padding for both left and right of the div, then you will need to reset the width of the content div to 660px. 660px + 20px padding left + 20px padding right = 700px; IE7 and Firefox will understand this and so it shouldn't break. If you have margins/padding outside of that div you will have to do some math to make sure it doesn't break any child divs if the parent div doesn't break.

That site uses frames but that is not ideal because frames only allows one page to be indexed and bookmarked. Even if you submit a sitemap and get all the pages indexed, the other problem is that when visitors click on any of the google indexed url, it will take them directly to the content page thus there are no header/footer which then shows no navigation. The correct ways is to use server side includes (PHP or ASP). If you want the center content to scroll then wrap that content in a div with a fixed width and height and style it using overflow: auto.

You css link should be between the here tags and not above (or before) it.

I think that every "I wanna be a web designer" should follow these steps until they have mastered the skills.

The url didn't work for me.

I resolved the issue last night. It kind of hard to explain but it had something to do with the cart's default page settings which IE seemed to not understand.

The error is typically due to a javascript. Often it's because the javascript is conflicting with another javascript.

I am having issues via IE with the over all width of the product details page expanding out over to the right. col ourmall.com/store/pc/viewprd.asp?idproduct=28&tabformat=1 (remove space) col ourmall.com/store/pc/viewprd.asp?idproduct=28&tabformat=3 (remove space) You can see the product image is pushing out over the fixed layout. This is somehow caused by the tab script down further in the page. This one does work: col ourmall.com/store/pc/viewprd.asp?idproduct=28&tabformat=2 (remove space) Each tab is a little different but I really don't see any code that would cause the first two to display outside of the fixed layout. This is another site is using the very same script: sca nnersolutions.com/store/pc/viewPrd.asp?idproduct=404 (remove space)

You can view the source via your browser. While you are on that page, just click on 'View' and then 'Source' (for IE) or 'Page Source' (for Firefox).

You are probably thinking of a server side include. This is where you create one header or navigation file (include file) which will appear on all the content pages you assign it to. You would then only need to edit the include file to update all the content pages that calls on it. Search for PHP or ASP Server Side Include.

Below is the quick clean up of your code. Just copy and paste into a new page for each HTML and CSS and save it and then test it. HTML: Colorplak FTP Utility <br /> function checkForm(sourceForm) {<br /> if(validator.testRequired('upload') != 1) return false;<br /> var sform = sourceForm;<br /> meterframe.load('mFrame', 'https://' + document.upload.myserver.value + '/meter/layout.jsp?meter='+ document.upload.meterid.value);<br /> return sform.submit();<br /> }<br /> meterframe = new MeterFrame();<br /> validator = new FormValidator();<br /> validator.addRequired('filename1', "File 1 ");<br /> validator.addRequired('from', "From email ");<br /> File Upload Utility Order Number: NULL Your Information Shipping Address Image 1 Style... Lite Float Hi-Lite Classic Canvas Giclee Photo Paper (Print only) Laminate & Mount (1/4" Wood) Image 2 Style... Lite Float Hi-Lite Classic Canvas Giclee Photo Paper (Print only) Laminate & Mount (1/4" Wood) Image 3 Style... Lite Float Hi-Lite Classic Canvas Giclee Photo Paper (Print only) Laminate & Mount (1/4" Wood) Image 4 Style... Lite Float Hi-Lite Classic Canvas Giclee Photo Paper (Print only) Laminate & Mount (1/4" Wood) Image 5 Style... Lite Float Hi-Lite Classic Canvas Giclee Photo Paper (Print only) Laminate & Mount (1/4" Wood) Please note: When you click 'Submit', it may take a long time for your file(s) to upload, anywhere from a few minutes to half an hour, depending on the size of your file(s) and your internet connection speed. If your browser's Loading indicator is spinning and you see "Sending request..." in the lower left of your window, the upload is working. Do not click away from this page until you see a confirmation screen with the name and size of your file(s). You will receive a confirmation email when we have received your order. Thank you for using our upload utility! <br /> function randomString() {<br /> var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";<br /> var string_length = 24;<br /> var randomstring = '';<br /> for (var i=0; i<string_length; i++) {<br /> var rnum = Math.floor(Math.random() * chars.length);<br /> randomstring += chars.substring(rnum,rnum+1);<br /> }<br /> document.ftp.meterid.value = randomstring;<br /> }<br /> var rand = 2 + Math.floor(Math.random() * 14);<br /> randomString();<br /> document.ftp.myserver.value = 'www' + rand +'.sendthisfile.com';<br /> document.ftp.action = 'https://www' + rand + '.sendthisfile.com/api/transfer/branded.html';<br /> //alert(document.upload.meterid.value);<br /> //alert(document.upload.myserver.value);<br /> CSS: a:link { color: #e3b406; text-decoration: underline; } a:active { color: #9c5100; text-decoration: underline; } a:visited { color: #9c5100; text-decoration: underline; } a:hover { color: #9c5100; text-decoration: none; } #pageHolder { width: 600px; /*height: 1750px; REMOVED*/ margin: 0 auto; border-width: 1px; border-color: #000000; border-style: solid; background-color: #ffffff; /*z-index: 0; REMOVED*/ } #header { width: 500px; padding: 10px 0; /*ADDED*/ margin: 0 auto; /*ADDED*/ /*position: absolute; REMOVED*/ /*top: 25px; REMOVED*/ /*left: 50%; REMOVED*/ /*margin-left: -250px; REMOVED*/ /*z-index: 2; REMOVED*/ } #inside-wrap { /*ADDED*/ width: 500px; /*ADDED*/ margin: 0 auto; /*ADDED*/ } #back { /*REMOVED ALL STYLES - you do not need this CSS*/ } #info { /*position: absolute; REMOVED*/ /*top: 185px; REMOVED*/ /*left: 50%; REMOVED*/ /*margin-left: -250px; REMOVED*/ /*z-index: 2; REMOVED*/ border-width: 1px; /*ADDED*/ border-color: #000000; /*ADDED*/ border-style: solid; /*ADDED*/ background-color: #cdcdcd; /*ADDED*/ margin: 10px 0; /*ADDED*/ } #back1 { /*REMOVED ALL STYLES - you do not need this CSS*/ } #order1 { /*width: 500px; REMOVED*/ /*position: absolute; REMOVED*/ /*top: 480px; REMOVED*/ /*left: 50%; REMOVED*/ /*margin-left: -250px; REMOVED*/ /*z-index: 2; REMOVED*/ border-width: 1px; /*ADDED*/ border-color: #000000; /*ADDED*/ border-style: solid; /*ADDED*/ background-color: #e28a8d; /*ADDED*/ margin: 10px 0; /*ADDED*/ } #back2 { /*REMOVED ALL STYLES - you do not need this CSS*/ } #order2 { /*width: 500px; REMOVED*/ /*position: absolute; REMOVED*/ /*top: 695px; REMOVED*/ /*left: 50%; REMOVED*/ /*margin-left: -250px; REMOVED*/ /*z-index: 2; REMOVED*/ border-width: 1px; /*ADDED*/ border-color: #000000; /*ADDED*/ border-style: solid; /*ADDED*/ background-color: #f0d879; /*ADDED*/ margin: 10px 0; /*ADDED*/ } #back3 { /*REMOVED ALL STYLES - you do not need this CSS*/ } #order3 { /*width: 500px; REMOVED*/ /*position: absolute; REMOVED*/ /*top: 910px; REMOVED*/ /*left: 50%; REMOVED*/ /*margin-left: -250px; REMOVED*/ /*z-index: 2; REMOVED*/ border-width: 1px; /*ADDED*/ border-color: #000000; /*ADDED*/ border-style: solid; /*ADDED*/ background-color: #90c0e3; /*ADDED*/ margin: 10px 0; /*ADDED*/ } #back4 { /*REMOVED ALL STYLES - you do not need this CSS*/ } #order4 { /*width: 500px; REMOVED*/ /*position: absolute; REMOVED*/ /*top: 1125px; REMOVED*/ /*left: 50%; REMOVED*/ /*margin-left: -250px; REMOVED*/ /*z-index: 2; REMOVED*/ border-width: 1px; /*ADDED*/ border-color: #000000; /*ADDED*/ border-style: solid; /*ADDED*/ background-color: #7ec196; /*ADDED*/ margin: 10px 0; /*ADDED*/ } #back5 { /*REMOVED ALL STYLES - you do not need this CSS*/ } #order5 { /*width: 500px; REMOVED*/ /*position: absolute; REMOVED*/ /*top: 1340px; REMOVED*/ /*left: 50%; REMOVED*/ /*margin-left: -250px; REMOVED*/ /*z-index: 2; REMOVED*/ border-width: 1px; /*ADDED*/ border-color: #000000; /*ADDED*/ border-style: solid; /*ADDED*/ background-color: #e29bc0; /*ADDED*/ margin: 10px 0; /*ADDED*/ } #file1 { /*width: 500px; REMOVED*/ /*position: absolute; REMOVED*/ /*top: 405px; REMOVED*/ /*left: 50%; REMOVED*/ /*margin-left: -250px; REMOVED*/ /*z-index: 2; REMOVED*/ } #file2 { /*width: 500px; REMOVED*/ /*position: absolute; REMOVED*/ /*top: 620px; REMOVED*/ /*left: 50%; REMOVED*/ /*margin-left: -250px; REMOVED*/ /*z-index: 2; REMOVED*/ } #file3 { /*width: 500px; REMOVED*/ /*position: absolute; REMOVED*/ /*top: 835px; REMOVED*/ /*left: 50%; REMOVED*/ /*margin-left: -250px; REMOVED*/ /*z-index: 2; REMOVED*/ } #file4 { /*width: 500px; REMOVED*/ /*position: absolute; REMOVED*/ /*top: 1050px; REMOVED*/ /*left: 50%; REMOVED*/ /*margin-left: -250px; REMOVED*/ /*z-index: 2; REMOVED*/ } #file5 { /*width: 500px; REMOVED*/ /*position: absolute; REMOVED*/ /*top: 1265px; REMOVED*/ /*left: 50%; REMOVED*/ /*margin-left: -250px; REMOVED*/ /*z-index: 2; REMOVED*/ } #footer { width: 500px; margin: 0 auto;/*ADDED*/ /*position: absolute; REMOVED*/ /*top: 1475px; REMOVED*/ /*left: 50%; REMOVED*/ /*margin-left: -250px; REMOVED*/ /*z-index: 2; REMOVED*/ } input { margin-top: 5px; margin-bottom: 5px; } select { margin-top: 5px; margin-bottom: 5px; } body { background-color: #c4c4c4; text-align: center; margin: 0 auto: /*ADDED*/ } p { font-family: sans-serif; font-weight: normal; font-size: 12px; margin: 10px; text-align: center; } p.title { font-size: 18px; font-weight: bold; } p.order { font-family: serif; margin-top: -7px; } p.subtitle { font-size: 14px; font-weight: bold; } You may need to tweak it but the code is using NO position: absolute. The centering method is done by using margin: auto.

You are not googling very well then. Google 'Photoshop Background Tutorial' Here's one: 40 Cool Abstract and Background Photoshop Tutorials

I am not sure why you want to use all those position: abolute. You can certainly do without them and still have the same indenticaly layout (and centered).