Jump to content
Sign in to follow this  
RHayabusa

Rusty With CSS + HTML and Totally Stuck (Beginner)

Recommended Posts

Hey everyone,Trying to make a website for learning purposes and I am totally lostconfused.gif. I'm teaching myself CSS3.0 and HTML 5.0 having learnt CSS2 and HMTL4 many years ago.

None and no CSS I write is ever applied to the HTML5 webpage despite being referenced and both the HTML and CSS files being in the same folder together. And yes, I've Googled a lot and looked up my old textbooks and am still super stuck...see attached or look below for the code:PS: Using Microsoft Expression Web 4 (trial)

 

 

 

post-180303-0-44543200-1422175722_thumb.jpgpost-180303-0-32829000-1422175735_thumb.jpgpost-180303-0-30597600-1422175752_thumb.jpg

 

 

OxfordEngineering.html<!DOCTYPE html><html><meta charset="UTF-8"><title></title><head><link rel="stylesheet" type="text/css" href="Oxford_engineering_CSS.css"></head><body>This is my website!</body></html>Oxford_engineering_CSS.css<div id="slider">div#slider { width: 80%; max-width: 3000px; }<figure><img src="Images/Edited/Engineer1.jpg" alt="Engineer1"><img src="Images/Edited/Engineer2.jpg" alt="Engineer2"><img src="Images/Edited/Engineer3.jpg" alt="Engineer3"><img src="Images/Edited/Engineer4.jpg" alt="Engineer4"></figure>div#slider figure {position: relative; width: 500%;margin: 0; padding: 0; font-size: 0; text-align: left;}figure#imagestrip img {width: 25%; height: auto; float: left;}div#slider {width: 80%; max-width: 3000px; overflow: hidden}</div>body {background-color: #b0c4de;}

 

Share this post


Link to post
Share on other sites

Yeah, obviously you mixed some html into your css file.

 

I think it is a good idea to keep your css in the same file as your html UNTIL you have so much css that it is obnoxious.

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>mytab</title><link rel="stylesheet" type="text/css" href="older_styling.css"><style>/* most recent css styling */</style></head><body><h1>This is my website!</h1></body></html>

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...