A beginners lament 2

User 153928 Photo


Registered User
123 posts

Rather than start a new topic every time I have something come up I'll put them in this "beginner's lament" topic.

for reference - http://www.thelittlecashbookcompany.com (and no it's still not that pretty)

I have a drop down menu of sorts & have tried creating a new page to link to but for the life of me I can't seem to get the new page to show at all.

Clicked on the new tab page and basically copied all the code from my index page across to my new page which I called "stamps_fonts" and added in the rest of the font images I had.

I added a link from the home page menu - Rubber Stamps>Fonts & likewise on the font page did a link back to the home page & saved both files - the font page resides on the root directory (did I err on this point?).

The local preview works fine.

I uploaded both files to the server & they appear to be there in the root directory fine but when I go to do an online test I don't seem to be able to find the font page.

I tried renaming the page to just "fonts" in case there is any issue with the underscore but to no avail.

The menu bar does use some CSS3 from a separate file but this shouldn't affect the rest of the page should it? It hasn't done so with the home page.

The 2 font pages should be at
http://www.thelittlecashbookcompany.com … fonts.html
http://www.thelittlecashbookcompany.com/fonts.html

I feel like a bit of a lemon but you guys seem to be nice to lemons like me...

Thanks for anyone who can drag themselves away from the Easter Egg hunt to have a look.
User 38401 Photo


Senior Advisor
10,951 posts

Hiya Robbie,

Your stamp_fonts.html page loads just fine for me, is that the one you cannot get to load? Loads right from your menu selection of Fonts. If I'm misunderstanding let me know. If I'm not and you just don't find it then try clearing your browser cache and see if that helps. Always good to refresh and clear browser cache every so often to make sure thse things don't happen too often :)
User 153928 Photo


Registered User
123 posts

Thanks Jo Ann, I didn't realise the cashe thing could do that... guess it's like my kitchen, if I don't wash the dishes for long enough, dinner doesn't happen... in any civilized fashion at least.
Robbie:)

ps. just looking at them I think it would look better with the fonts aligned at the top rather than up & down as they currently appear... some more work to do.
User 38401 Photo


Senior Advisor
10,951 posts

hehe that's a pretty good analogy, I had a nice giggle on that one lol.
User 153928 Photo


Registered User
123 posts

The documentation on backgrounds isn't overly clear & the HTML editor doesn't seem to cater for adding backgrounds unless you do it right on startup of a page.

I've managed to get a background working on the preview window (at least) but it certainly doesn't translate when going online. I've added this code between the <style> things in the header.

body {
background-image:url('images/backgrounds/lcb_webtreats-vivid-red8.jpg');
background-attachment:fixed;
}

I single quotes on the url section there as that's what the html editor does when setting up a page but it also works with double quote things - whether that makes a difference on line or not I don't know.

I did manage a plain grey background on the font page.

I came across this page but it doesn't cover specifically what I'm asking above.
http://css-tricks.com/almanac/properties/b/background/

It's after midnight now & I'm not getting anywhere fast with this. Thanks for any help in advance.
User 153928 Photo


Registered User
123 posts

I really don't understand it.
I had uploaded all the images via the ftp in the html editor & they showed up in the server tab.
I tried loading up the image by typing the address into the address bar & still got nothing.
Going into the server via the ftp program it showed that the images were 0 bytes in size???
I re-uploaded the images via the ftp program & it works fine now.
I can't say I've had a lot of joy with the HTML editors built in ftp uploader.

In the website project settings/file upload I have
Check dependancies before uploading files checked.
If dependancies are missing from local system, cancel file upload unchecked (as it was stopping any uploads)
and
When uploading files, always upload dependent files checked.

I really don't know if that is making a difference.

There does seem also to be a delay from when I upload a page (say my index page) to when it affects the website. For example I uploaded the index page, then refreshed the site in the web browser but nothing changed straight away. I tried a minute or so later & the change was there. I guess this is normal.

Oh & by the way, that background isn't the final thing, I was just playing with available images trying to find out how it all worked.
User 38401 Photo


Senior Advisor
10,951 posts

Robbie,

Might I suggest finding some tutorials on CSS to help you with your image issues and placements of items on your page. Rather than adding the CSS to the Head area, which does work it's just not as useful to other pages, you can create these things within a .css file which is much more useful. With a .css file you can use the same styles for multiple pages and only have to change it once instead of on every single page of your site.

You can also use it for placing things in your page much more efficiently than HTML itself can do, and putting your background in should be in your <body> tag not in the <head> tag area. IF you do it in CSS it would be once again useful to be able to have that background transfer to all of your pages instead of having to put the code on each page. This way you can change your background at any time and doing so in the CSS file will change it for all of your pages in one shot.

Start a .css file (blank file or start it using the HTML Editor choice o the menu). Name it style.css or name it for your site itself or whatever you want, being careful not to duplicate multiple css pages. Now in that page do this:

body: { background: #htmlcolornumberhere url(images/imagefilenamehere.jpg) left top no-repeat; }

That will put a background on all of your pages.
User 153928 Photo


Registered User
123 posts

Thanks Jo for your advice. Appreciated as always :)

It's currently sitting in the Head area as that's where the editor places it in the first place. Am still in the process of getting my head around the basics. A CSS file is definitely on the cards for today.

Am still undecided on whether to keep the background the same or use some different backgrounds on different pages as the purposes are quite varied (ie the stamp/cash book program as opposed to the pages for comics/CDs that I'm selling off).

Will see how I go today in the time that I have.
User 153928 Photo


Registered User
123 posts

Just thinking Jo, is there any reason you would have more than 1 CSS file?

I have 1 already that looks after the menu bar. Just wondering what general/good practice is regarding that the use of css files. Thanks
User 2212523 Photo


Registered User
88 posts

Robbie Noordzy wrote:
Just thinking Jo, is there any reason you would have more than 1 CSS file?

I have 1 already that looks after the menu bar. Just wondering what general/good practice is regarding that the use of css files. Thanks

I use multiple CSS files to make it easier for me to find things, or if some CSS is only used on one or two pages.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.