Hello all. My name is David and I am new to writing in HTML and CSS. I am trying to write a basic site, really basic just to get my feet wet, but I am having trouble with a couple of things.1. My page is a 4 page site, but I can not get the links to work. So that when I make a change to my .css file that it impacts all of my pages, for example colors and so on.

My columns seem to be based on how much text I have in them vs. a set size. Because of this one column is bigger than another and the pagewrapper background ends up showing.

I am trying to insert a picture in the HTML but all I am getting is text. I moved the folder with the picture in it to my root server and I thought I did the link correct. But I guess I am off a bit.

I know it is really basic and I am sure you will see a lot of things that can be fixed. Any help would be great. Thank you all

If the image is outside your web page document root (usually /var/www/ ) then it may not be accessible to your webserver without special configuration. I saw your image was in the home directory. Check file permissions on your image file and you could try making it globally readable just to test that out.

Other than that we may need to see your server error logs to see what error message is being thrown up when accessing that file.

Sent from my XT316 using Tapatalk 2

ralphm
—
2013-11-05T00:37:51Z —
#3

Hi Lotus4x . Welcome to the forums.

Yes, there are various things to point out here, so let's start from the top.

Firstly, make sure to include a "doctype" at the top of your pages, which just means an extra line of code. You also need an opening <html> tag. There are various kinds of doctype, but the simplest and most modern is simply this line in red, that goes right above the <head>, along with the <html> tag, shown in blue:

it's best to use all lowercase letters in code. You have capital letters in your image file name, and unless you type that exactly the same in your code, your image will not show up. So I recommend naming your images like this: iphone-5-charger.jpg. It's just one less source of potential errors.

I added the " at the end of the width and height settings, as they weren't closed. You just had width="200 height="200.