Some help, please?

Priapus

Priapus

Priapus

Soldato
Joined
30 Jul 2004
Posts
10,572
Location
East Sussex, UK
Hey guys,

Forgive me if I make any errors in this post, as I am still fairly new to all of this.

As stated by my previous post(s) I want to make a website and get into website design in the long run. :)

At the moment I have been talking to a good friend of mine, Jacob (AKA, Phate, on these forums.)

He seems to think that a site is better with CSS and seeing it in action; I tend to agree with him. However, I don't know any CSS and with my speed of Internet connection it is hard (and costly) for me to download video tutorials from websites.

So, in short, what I am asking is; would a fellow OCuK be willing to make a CSS template kind of thing for me? (Just to get me started!) For my site, so I can see how it all works and go from there?

I would appreciate any help from anyone regarding this. :)

Thank you very much.

Robert.
 
First of all, CSS isn't just for layouts. And there is no point in looking at templates if you don't know what the hell is going on.

Get yourself to http://www.w3schools.com/css/default.asp and work your way through their CSS tutorial. It is very good and should give you a good starting knowledge.

Once you have done that you can get templates from here: http://www.dynamicdrive.com/style/layouts/

Choose the type of layout you are after and it will show you a working example. Just download the XHTML and CSS and have a play.

The Web Developer plugin for FireFox is also a must have. It has too many features to mention, but by far the best is being able to edit CSS on the fly - so you see the changes happen immediately.
 
Are their tutorials videos or text/Image based as I cannot download video? (Will check now though)

Secondly, I need help in other areas, regarding site building, would it be okay to ask them in this thread?

Thirdly, Does it take a long time to get up to date with CSS?

Thank you for the reply.

Robert,
 
Regarding site building, ask away.

The w3schools website is all text based, no videos or fancy graphics.

CSS is really easy to pick up, as it is pretty intuitive for most things. However, CSS is a bugger to master as there are things like cascades [hence the name] and specifity which all plot to cause you big headaches. Then of course you have the wonderful array of [mostly MS] browsers that treat CSS more as a suggestion rather than a Standard.
 
Well I seem to have one problem with my Website...

I have menu bars at the top, now when you click on homepage, a qhite tag covers the green to show user theu're on the homepage. However when you click on the other menu items, this doesn't happen. :(

I'm using DW. Any ideas?
 
by the looks of it you have not put your class for the tag next to the content and still have it on the home page.

if you move the class and style tags from index to the contact us page that should work. (i'm still learning css and web stuff too but that seemed to pop out to me as being the problem).

<li><a href="index.html" >Homepage</a></li>
<li><a href="#">news</a></li>
<li><a href="#">gallary</a></li>
<li><a href="#">About</a></li>
<li class="current_page_item"><a href="contact.html"class="style1">Contact</a></li>
 
Last edited:
davetherave is correct. In your homepage you have a class added to one of the menu items [Homepage]. However, you haven't changed which item has the class for the other pages.

So, as dave says, simply move the "class=current_page_item" to the Contact menu item.
 
Okay, I copied the above. It doesn't seem to have any effect. I want the 'tab' to move across each menu item as the user clicks on it.
Maybe I am not explaining it correctly. Would posting the menu code, help?

Thank you for all the help, really appericate it!
 
Here's the menu code. Not too sure how it's done. Will take alook at the site now. :)

Code: 
<!-- start menu -->
<div id="menu">
	<ul>
<li class="current_page_item"><a href="index.html" class="style1">Homepage</a></li>
	  <li><a href="#">news</a></li>
		<li><a href="#">gallary</a></li>
		<li><a href="#">About</a></li>
		<li class="current_page_item"><a href="contact.html">Contact</a></li>
  </ul>
</div>
<!-- end menu -->
<!-- start page -->
 
Ice On Fire said:
Here's the menu code. Not too sure how it's done. Will take alook at the site now. :)

Code: 
<!-- start menu -->
<div id="menu">
    <ul>
<li class="current_page_item"><a href="index.html" class="style1">Homepage</a></li>
      <li><a href="#">news</a></li>
        <li><a href="#">gallary</a></li>
        <li><a href="#">About</a></li>
        <li class="current_page_item"><a href="contact.html">Contact</a></li>
  </ul>
</div>
<!-- end menu -->
<!-- start page -->
Click to expand...

If you read up on the html <li> tag i'll make sense. If you get familiar with HTML first you'll probably understand how CSS works better. Start with w3schools.

EDIT: this is a good example - shows how the menu is built up, stage by stage - very easy to follow.
 
Last edited:
You must log in or register to reply here.
Back
Top Bottom