I'm working on this tutorial: http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt3.htm l (Using Dreamweaver CC)
I'm near the end of part 3 of this tutorial (the part where you work with the footer) and notice that my page doesn't match the tutorial info. The copyright sign is missing for one (I KNOW I put it in there yesterday, but now it's disappeared.)
I tried to download the sample file first_website pt2_end.zip so that I could compare the source code and see what I messed up, however the file links bring me to 404 pages. http://download.macromedia.com/pub/developer/dreamweaver/creating-your -first-website/first_website%20pt2_end.zip
Since I have no code to compare with, I'll probably start the whole tutorial over again, just so that I can make sure I followed every step correctly. *sigh* But I figured I'd ask here first.
So my issues:
1) any idea what could have made my copyright symbol disappear?
2) In this part:
<footer>moves to the bottom of the page.
<footer>. This is the same problem as caused by the top margin on the main heading. Browsers apply default top and bottom margins to paragraphs, and the paragraph's bottom margin has combined with the zero bottom margins of the
<div>, pushing the wrapper
<div>away from the bottom of the page.In the Layout section, set top and bottom padding to 2px. The gap disappears (you'll need to scroll down the Document window again to confirm this).
<footer>with the main
<article>, set the left padding to 2
The footer refuses to move from the sidebar area, no matter what I do. In part 2 of the tutorial it told me NOT to give the footer an ID. Is that possibly the problem? When I create a section for the footer do I need to create it as "footer" as opposed to "#footer"? (Will try that - only thought of it just as I was typing this)
Thanks for your help!
Just tried using "footer" instead of "#footer" and not only did that work, but it also brought back my missing copyright symbol. (LOL after spending the past hour making sections for #this_part and #that_part, it might be helpful for the tutorial to remind us that this time we don't need a #. Very weird on the reappearing C symbol.
However the files are still missing, so if anyone knows where I can find them, I'd be grateful.
Sure - the rule is referencing the <footer> tag, not an element with an ID of 'footer'. That's why creating the "#footer" selector (which is looking for the latter) doesn't work. The same would be true with any selector for 'article'.
Thanks Murray. I think I solved my question (other than the MIA tutorial files). However for future reference, how would I go about showing you the code? As this part of the tutorial is working in css, the code isn't showing up in the code window. Also, as I note here from having copy/pasted from the tutorial itself, some of the html code comes up invisible on this forum. Should I change all the <'s to * or something?
You cannot email code into the forum - you would have to come to the webforum, create a reply and paste the code in from the clipboard. And for questions like this, both the HTML and the CSS would be what you would put in your reply
Jon Clock wrote:
Hello, I'm working on this tutorial as well and the sample files for the parts are still missing. I was able to download Part 1 but all the others cannot be found. Can anyone help?
Try this link:
I wrote the tutorial, but don't have control over the website on which it's hosted. Adobe North America is on vacation this week, so there's no one I can contact to fix the missing files. However, I have uploaded my own versions of the files to Dropbox:
I've sent you the names of my contacts, Preran.
Normally, I'd be happy to answer questions related to the tutorial, but I'm up against a pressing deadline at the moment. So I can't monitor the forums on a regular basis for the time being.
I'm sure Murray and the other regulars will help out. But if it appears there's serious problem with the tutorial, ping me and I'll deal with it.