Peep

OK thanks, do we have a tutorial anywhere on here on working with images in CSS in regards to doing the "repeat" thing, as I did want to learn this anyway (so that I can add shadow effects to certain elements).

Lets say I have a wrapper with a background colour of black; #wrapper { text-align: left; width: 981px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; position: relative; background-color: #000; } And lets say within that wrapper I have the following elements which make up a two column layout; #main { background-color: #FFF; float: left; width: 640px; margin-top: 10px; margin-bottom: 15px; margin-left: 10px; border: 1px solid #000; } #rcol { background-color: #FFF; float: right; width: 307px; margin-top: 10px; margin-right: 10px; margin-bottom: 15px; margin-left: 10px; padding-top: 10px; border: 1px solid #000; Both elements will expand in height depending on how much content is contained inside. However if I have more content in one or the other, there will be a height difference between the two elements and the colour of the wrapper will show through at the bottom of one of them. What are the ways to get around this design problem?

So for instance, you could use the auto install option and then DOWNLOAD the wordpress fles to a directory on your computer so that you can edit them from within dreamweaver - is that correct? And uploading the edited files to the hosting servers will not affect the content of your wordpress site?

I am a relative beginner to web design. whilst experimenting I noticed that CPanel (from within my hosting company account) has an application uploads Wordpress in just one or two clisks of the mouse in whatever directory you want. Is it better to do it this way, or is it better to manually upload wordpress files? Lets say for instance, if you wanted to use a theme which you intended to edit in Dreamweaver, I suppose in this example you would not be able to use the CPanel easy upload application? Not sure if all that makes sense - let me know if you need further clarification.

Having worked through Killersites "The Complete Web Designer" (Disc 1 & 2) I am quite satisfied with the basic web design skills I learned and built a website from being a complete beginner - the look of which I am quite happy with. I then decided I wanted to add a blog to the site, and that the blog would look the same as the main website. Therefore I would like to gain the skill of being able to design Wordpress themes. I have the course "Complete Wordpress Training". The instructor makes reference to "MAMP" for MAC, I would need "WAMP" as I operate in the Microsoft Windows Environment. Can I first ask; what is the correct place to download "WAMP" from? Is this; http://www.wampserver.com/en/download.php the correct application? Secondly, do you actually need MAMP/WAMP? can you not just style your wordpress files using CSS/Dreamweaver etc? Apologies if these questions are confusing - but I don't have a web design background and I don't really know what mySQL is or anything like that.... *EDIT I just wanted to add a bit of information about my goals so that people might find it easier to advise me. At the moment, I am not looking to become a professional web designer, I just want to be able to build my own sites and be able to attach a blog to them, which will be in the same design as the main site. Perhaps I am trying to run before I can walk? For instance here; http://www.killersites.com/blog/2011/web-designers-roadmap-for-2011/ it suggests that once you have some HTML and CSS skills (which are covered in the "Complete Web Designer" course), the next step is to learn some PHP basics. Maybe that is what I should do?

Completely agree. Just as important I think is the ability to communicate with the customer and establish their needs. This is not easy, since they are unlikely to be knowledgable about web design or programming - and consequently will not know what is and what is not possible, and therefore will struggle to give you an exact specification. The ability to assess what features may be of benefit to a client would give you the opportunity to sell.

I've actually recently ordered this and waiting for the discs to come through the mail. I notice of course that wordpress files are .php files. I don't have any prior experience with php - will I struggle with the wordpress tutorial videos? I was wondering if I should have ordered the beginners php course first. Thanks

Ben - thanks for the help - I have found them. Cheers

I have this course as part of the complete web designer course, but I can't seem to find the source files. Are these available for download anywhere? I am itching to get cracking on the photoshop tutorials!

Thanks I will check those tutorials out. Lol - you have sharp eyes.

Ive been experimenting again; and am starting to become quite happy with what I can do so far :-)). I find experimenting is a good way to learn. As you can see I have two text areas, #main and #rcol. In the dreamweaver tutorial videos the instructor mentioned that where possible we should avoid putting margin on the left and right hand side of elements as this can "throw things out". I think I understand what he means by this as if you had margin on the left and right side of too many elements you could soon forget what your total "pixels" are which you need to fit into your wrapper - is this what he means by this? As you can see I have added margin (10px) the the left of #main and also (10px) to the left and right of #rcol. In doing so I have exposed the light grey background of the #wrapper to end up with the design that I have so far.# Is this an acceptable method of acheiving this result?

Thanks Andrea. So am I correct in saying that the browser reads the code from top to bottom? I thought my css was only applying to a:links for example in the #nav? Or am I misunderstanding what you are saying perhaps?

Please critique my code. I'm currently working through the killersites course and I guess this is specifically referring to the Dreamweaver course disc 1, chapter 4 video 10 "styling vertical links". As you can see here; I thought I would experiment and make the nav div horizontal since I am starting to get the hang of divs. This is instead of having the links down the left hand side as in the course video I referred to. The navigation links are supposed to change colour when you over the mouse over them. The text is supposed to turn to the colour of the nav background whilst the background to the link should turn white. It's not workng however. What am I doing wrong?

Thank you, I did not see that input tag in the CSS. Could you expand on why the input tag should not be contained in the label tag? That's the way dreamweaver seems to write the code...

Hi guys I have just completed the video; DW Disc 2 Chapter 5 03 from the Complete Web Designer course. Please have a look at the contact page here; Notice that the labels for the checkboxes and also the radio buttons actually appear underneath them, rather than to the left where they should be. I looked at the code and it appears the same as it is in the instruction videos. Can anyone throw any light on why this is happening? *Edit; of course I guess I could always not worry about it for now, since I believe the elements are going to be styled with CSS later on?

Thanks guys that has fixed the issue.

Oddly, my CSS sheet is actually in lower case, I don't know why it is showing up in capitals when you view source. The following code is what's on my CSS sheet; p { width: 90%; color:red; } h3 { border-top:3px dashed black; } .italic { font-style: italic; } #navigation { position: absolute; z-index: 1; width: 220px; top: 50px; left: 0px; } #centerDoc { position: absolute; left: 180px; padding: 15px 0 20px; /*top right bottom left*/ }

I have been through Stefans first 18 videos and uploaded the result using FTP. You can view my beginners effort here; http://www.affiliatesensation.com/ As you can see, the page is not aligned properly. Also the dashed borders are missing. Upon close examination, when I view the source code and click the link to the stylesheet, all I can find is this; <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> <html><head> <title>500 Internal Server Error</title> </head><body> <h1>Internal Server Error</h1> <p>The server encountered an internal error or misconfiguration and was unable to complete your request.</p> <p>Please contact the server administrator, webmaster@affiliatesensation.com and inform them of the time the error occurred, and anything you might have done that may have caused the error.</p> <p>More information about this error may be available in the server error log.</p> <p>Additionally, a 500 Internal Server Error error was encountered while trying to use an ErrorDocument to handle the request.</p> <hr> <address>Apache Server at www.affiliatesensation.com Port 80</address> </body></html> I can't figure out what has gone wrong. My CSS sheet is uploaded into my root directory. Any ideas?

I don't suppose the images that we are instructed to insert are available for download anywhere are they? I am on video 13.

Thanks for your help, I fixed it......not entirely sure how but I think when I made alterations to the CSS page I was saving it to thr wrong directory. Cheers BTW enjoying the videos so far. I have found other videos and books (sitepoint for example) to be OK up to a point but then seem to miss out info leaving you hanging.

Hi guys I am currently on Video 11 of the killervideo sites tutorials. All links were working correctly until I created the "cssTutorial" folder. I followed the instructions in the video and inserted the following code; ../ in front of all the paths, but the links don't seem to work. Here is the code from each page; Index <li>Home</a></li> <li><a href="productlist.html">Products</a></li> <li><a href="cssTutorial/css.html">CSS</a></li> <li><a href="tables_tutorial.html">Tables Tutorial</a></li> CSS <li><a href="../index.html">Home</a></li> <li><a href="../productlist.html">Products</a></li> <li>CSS</a></li> <li><a href="../tables_tutorial.html">Tables Tutorial</a></li> productlist <li><a href="index.html">Home</a></li> <li>Products</a></li> <li><a href="cssTutorial/css.html">CSS</a></li> <li><a href="tables_tutorial.html">Tables Tutorial</a></li> tables_tutorial <li><a href="index.html">Home</a></li> <li><a href="productlist.html">Products</a></li> <li><a href="cssTutorial/css.html">CSS</a></li> <li>Tables Tutorial</a></li> Can anyone see anything wrong wih that?