5 replies [Last post]
andrew Kinnear
andrew Kinnear's picture
User offline. Last seen 1 year 12 weeks ago. Offline
newbie
Joined: 2010-09-02
Posts: 10
Points: 13

Hi,

I've been teaching myself css on online tutorials but it just doesn't seem to work.

The only reasons I can think of are, maybe i have to change the file extension if my html includes css, or, maybe images that arn't background don't agree with css, who knows?

Anyway, i've attached first what i want my site to look like, (done on MS powerpoint, and no, converting to web page doesn't work), and my attempts so far at making it work, as you can see the "andrewkinnear" is connected to the css at the top but it doesn't have any effect on the page.

this is what i want the complete page to look like -

and this is the code i've done so far -

if you have any suggestions on how to achieve this please do comment, the images will be linked to other pages.

Thanks,

regards,

Andy Kinnear

andrew Kinnear
andrew Kinnear's picture
User offline. Last seen 1 year 12 weeks ago. Offline
newbie
Joined: 2010-09-02
Posts: 10
Points: 13

image here

image here

AttachmentSize
html page 1.jpg 151.02 KB
andrew Kinnear
andrew Kinnear's picture
User offline. Last seen 1 year 12 weeks ago. Offline
newbie
Joined: 2010-09-02
Posts: 10
Points: 13

website wanted

image of website wanted

AttachmentSize
Website main page.jpg 448.03 KB
Deuce
Deuce's picture
User offline. Last seen 3 days 8 hours ago. Offline
rank Guru
Guru
Timezone: GMT-6
Joined: 2005-11-20
Posts: 4416
Points: 1835

Where is your code?

Where is your code?

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Deuce
Deuce's picture
User offline. Last seen 3 days 8 hours ago. Offline
rank Guru
Guru
Timezone: GMT-6
Joined: 2005-11-20
Posts: 4416
Points: 1835

Ohhh, I see it in the image.

Ohhh, I see it in the image. You are missing the closing bracket on your image tag. Please make use of the validation tools available from W3C.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

CupidsToejam
CupidsToejam's picture
User offline. Last seen 2 weeks 1 day ago. Offline
rank Guru
Guru
Timezone: GMT-6
Joined: 2008-08-15
Posts: 2634
Points: 1552

Man, where to start. 1. When

Man, where to start.

1. When images dont show up, its usually due to two things. One, the file name. You have spaces in your file name. Take them out, and update your code. Second, the image path. Your code says your images are located in the same folder as the html file. Make sure the path is correct.

2. Now for some very helpful advise.
a. STOP! Stop what you're doing right now. I feel you need to learn and understand the basics of html and css before moving forward. Your code has many problems. Please, for the love of god click the links below and start learning the best ways to code.
http://www.htmldog.com
http://www.w3schools.com

b. Never code in Powerpoint. The very best way for you to learn, is to get a simple coding app made for programming. There are several threads on this forum that discuss favorable apps. Avoid apps that code for you. You never want an app to code for you, code everything yourself. This is how we learn.

c. Most importantly, you want to validate your code throughout the coding process.
http://validator.w3.org/


First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS

http://www.pixelbehavior.com