Very Basic HTML/CSS Help Needed

O

orangewerks

New Member
Hello everyone, I'm a graphic designer looking to branch further into web design, and while I have a general idea of HTML & CSS, I'm not great with specifics. I have an inline style block in my code, but it doesn't look like it's really doing anything. I've looked through loads of tutorials and I just can't find what I'm doing incorrect. Could someone please find my glaring error?

You can view the page source at:
http://www.orangewerks.net/
 
CaldwellYSR

CaldwellYSR

Member
Someone really needs to write a tutorial for graphic designers who want to become web designers... I don't know how it is but graphic designers always manage to learn to design in tables and that makes no sense at all!

Okay now that I've gotten a little venting out of the way I will try to be constructive...

"The <table> element represents data with more than one dimension, in the form of a table." Nothing about your site seems to be data with more than one dimension. So why are you using a <table>? You should look into better ways to lay out your website. For instance HTML5 has <header> <article> <section> <footer> <nav> which are just the most basic of tags.
 
O

orangewerks

New Member
Well, at the moment I don't aspire to do this professionally, but I'd like to learn, and I need a website regardless. I went with <table> because I had found countless websites telling me how to use tables to organize your images in such a way, so I assumed it was an appropriate use for the element. But I will definitely look into the HTML5 tags, because I know there are ways designing should NOT be done, and I want to do it right. At the moment though, until I learn more advanced ways and can update it, it will have to stay <table>.

Any ideas on why the CSS doesn't seem to be affecting the page? Specifically, I'm noticing that the type and links aren't showing up as I've coded in the CSS.
 
Phreaddee

Phreaddee

Super Moderator
Staff member
HTML: 
<a href="graphics.html" class=>
this line could be an issue.

tags should be in lowercase

I'd avoid both text-align:justify and text-justify:inter-word

as a gd you should know rivers of white in text is a no no.

and its been a while since I used html4.01 transitional doctype but it looks a bit shorter than I remember...

for what you've already got you can easily change out of that table.

try this
HTML: 
<body>
<div id="wrapper">
<div id="header">
<img src="main_01.jpg" width="860" height="127">
</div>
<div id="navigation">
<ul>
<li><a href="graphics.html">GRAPHICS</a></li>
<li><a href="apparel.html">APPAREL</a></li>
<li><a href="extra.html">EXTRA</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div>
<div id="content">
* add content here *
</div>

</div>
</body>

the css is pretty simple too...later...
 
You must log in or register to reply here.
Top