Got something to say?
Buy My Book!
Update July 2008: If you like these tutorials and would like to read more like these, except updated for ExpressionEngine 1.6 and with tons more information, tips, tricks and recommendations, check out my new book, Building Websites with ExpressionEngine 1.6. Available either directly from Packtpub.com or from your local online bookstore (such as Amazon), this book uses the same clear, step-by-step approach found in these tutorials and walks you from the basics of installing ExpressionEngine to everything you need to know to have an ExpressionEngine website you can be proud of. (No prior knowledge of ExpressionEngine assumed).
If you’re having problems following this tutorial, leave a message and I’ll try and get back to you
Posted by Leonard (Madison, USA) on Wednesday 5th May 2004
I love your tutorial. it’s easy to follow and very comprehensive. however, i have a problem viewing the examples, ie the 3 different styles. I only see the text but not the images. I use a Mac, is this the reason why? is EE only PC friendly?
Posted by kris (Toronto, Canada) on Friday 28th May 2004
That is entirely my fault I expect. EE itself was built using a Mac so it’s probably my own code or images that is causing the problem…
Can I just check which images you’re having trouble seeing? Or, if it’s easier, are there any images you can see?! I wonder if it’s because I’m using *.png as my main image format.
I assume you don’t have a problem viewing images elsewhere on the web? Hopefully I can clear this up quickly…
Posted by Leonard (Madison, USA) on Friday 28th May 2004
Perhaps an explanation as to why some .css descriptors have the “#” mark in front of them might be informative to new users?
Posted by Thunderbyrd (Toronto, Ontario, Canada) on Thursday 17th June 2004
Thanks for the tip Thunderbyrd. I’ve added a blue side note next to step 9 (where I first use the # mark) - I’m not very eloquent when it comes to explaining the finer complexities of css…
Posted by Leonard (Madison, USA) on Friday 18th June 2004
Leonard,
Thank you very very much for your tutorials - exactly what I needed to understand CSS and getting EE run outside the standard blog/themes.
Two things I had difficulty with. After defining a CSS template I finally noticed in the template “prefs” there is a setting for “CSS” vs. “webpage”. After setting this and seeing that:
>my page was still for some reason not accessing the CSS page (even though my browser gave me that impression up to the point where the classes were defined)
>my page would access the CSS page on your site for your examples and format properly.
I realized that within the stylesheet link declaration was needed “css=...” as you have in the source on your example pages:
http://www.leoandmeg.com/welcome?css=toast_site/tutorial2_step9_css
Thank you again for your time and effort in writing the tutorials - your tuorials were the beginning of the end of my frustration in getting started with EE.
Best regards
Posted by Robert Melvin (Fort Worth TX USA) on Sunday 1st August 2004
Hi Robert,
Thanks for your detailed explanation of what you found tricky. I’ve tried to give added emphasis to the stylesheet link declaration in step 4, as well as put a side-note about it in step 8. Hopefully that will save others getting similarly stuck.
For setting ‘CSS’ vs. ‘Web Page’ in the prefs, I don’t believe that makes too much difference so I didn’t include it. It should still work either way (all my example stylesheets are set as ‘Web Pages’). I didn’t do this because I write so many example stylesheets and the option doesn’t appear when you add a template, only when you edit the prefs - it just adds an extra complication as I’m creating my examples.
To be honest I’m not entirely sure of the difference. I remember a forum posting about it months ago, but I can’t find it now. I also can’t find anything in the manual. It might be worth asking in the forums…
Leonard
Posted by Leonard (Madison, USA) on Tuesday 3rd August 2004
Leonard,
Thanks for doing this Leo. I wasted two full days flailing around with EE brfore finding your tutorial. It has been of tremendous help.
I did get stuck like Robert at the link to the css template. His note helped me to make the connection from:
<stylesheet’ type=’text/css’ media=’all’ href=’{stylesheet=test/test_css}’ />
<style type=’text/css’ media=’screen’>@import “{stylesheet=test/test_css}”;<style>
to:
<stylesheet’ type=’text/css’ media=’all’ href=’http://www.artresistance.org/index.php/test/test_css/’ />
<style type=’text/css’ media=’screen’>@import “http://www.artresistance.org/index.php/test/test_css/”;<style>
Now it works and I can move on.
Thanks again,
Tracy
Posted by Tracy Hicks (Dallas, TX) on Friday 26th November 2004
Your tutorial content subjects are great -except the issue with “css” beginning with step 4.... you should reference the exceptions noted here in the posts. I spends hours trying to unravel the necessary grammer until I read the posts.
Thank you and please continue with your infornative tutorial plans.
Posted by Kenn (Portland, Oregon USA) on Tuesday 30th November 2004
Hi Leo,
With regards to the comments above about the css template, I to was only seeing the plain webpage initially.
The fix I found was to start over and at Step 2 I set the Type Of Template option to CSS and everything then worked perfectly.
For ref - I’m using v1.2 on OSx 10.3.
Posted by Martyn (UK) on Tuesday 4th January 2005
Thanks for the comments Tracy, Kenn and Martyn - sorry it took so long for me to respond. I’ve put a note at step 4 suggesting that people look in the comments if they get stuck: hopefully the comments here will save people hours of confusion in the future. Thanks for taking the time to work through the tutorials and giving me feedback - it’s very helpful :o)
Posted by Leonard (Madison, USA) on Friday 14th January 2005
Leonard: First, thanks for all the work you’ve put in on your tutorial. I have a concept problem that deals with the use of pictures. How do you get them into Expression Engine? Do you add them like templates? FTP them as jpegs into a folder? Is an Image Gallery used somehow?
mike
Posted by Mike Smolen (Washington, DC) on Friday 1st July 2005
A long delay in responding: I’ve been on vacation. However, to the answer the question, images are still considered files so they still need to be either FTP’ed or otherwise uploaded into a directory on the website. There is an ‘file upload’ option in the ‘new entry’ page where it can upload an image file into a directory specified in your control panel settings, and this makes it easier to upload images at the same time as you write your entry. Hope this helps.
Posted by Leonard (Madison, USA) on Wednesday 10th August 2005