Jump to content

gffects

Member
  • Posts

    62
  • Joined

  • Last visited

gffects's Achievements

Newbie

Newbie (1/14)

0

Reputation

  1. Sorry guys been really busy at the moment will continue this when I can.
  2. Hello all, I have been using this forum for sometime now and personally I believe I have improved much faster, with the help and advice from the users on this site. I am going to try and give back by posting my first tutorial type post on my favourite topic Navigation. Introduction to web navigation: The primary concern of most websites is the provision of information. The ability to have non-linear navigation through the use of links is one of the main things that set the Web apart from other media. But without a well organised and well built navigation even a site with the most amazing content will fail. Navigation Types: There are essentially three types of navigation- In-line navigation: General links within the Web page itself. Site navigation: The main area of navigation on a site also known as the navigation bar. Search based navigation: A search box that enables specific searching based on your input. Links: The navigation itself is built up of links and there are a few different types of links. Absolute links: This link is the full URL which is usually used when linking to an external file, and this type of link provides the entire path to the destination file, including the transfer protocol, domain name, any directory names and the file name itself. An example of this would be: <a href="http://www.something.com/somthing/somthing.html">Link</a> Relative links: A relative link is one that locates a file in relation to the current document for example if you were in one section of a website and wanted to have a link back to the homepage you would use the following code: <a href="../index.html">Homepage</a> the file name is preceded by ../ which tells the browser to move up one directory prior to looking for index.html Root-relative links: These links work in kind of the same way as absolute links but from the root of the website. They begin with a forward slash, which tells the browser to start the path to the file from the root of the current website. So regardless of how deep within a website you are a root-relative link will look like this: <a href="/index.html">Homepage</a> Internal page links: Along with linking to other documents, it's possible to link to another point within the same web page. This is handy for things like FAQ'S enabling the visitor to quickly jump directly to an answer and the back to the list of questions, or for a top of the page link, enabling the user in on click to get back to the top of the page after scrolling down through the content. When linking to other elements on a site, you start by providing an id value for any element you want to be able to jump to. To link to that, you use a standard anchor (<a>) with an href value equal that to the defined id value, preceded by the hash (#) symbol. An example of a list of question would be something like this: <ul id="questions"> <li>< a href="#answer1">Question one</a></li> <li>< a href="#answer2">Question two</a></li> <li>< a href="#answer3">Question three</a></li> </ul Later in the document, the first answer might look like this: <p id="answer1">The answer to question 1</p> <p><a href="#questions">Back to questions</a></p> Each link's href is prefixed with a hash sign. When the link is clicked, the web page jumps to the element with the relevant id value. I will continue to edit this thread, to talk about link states,the difference between a and a:link, adding css styling, accessibility and usability, the title attribute and access key and tab index. Hope you enjoyed this first attempt for a tutorial feedback is welcome.
  3. I'm pretty much in the same boat, not had much time to build fake sites just now as college hasn't restarted yet and working full time. I do have work done at college but not allowed to use it as they were exam pieces and technically owned by the college which I think is really unfair. But I do have some site lined up from just word of mouth, cms portfolio, static portfolio, a static site for a business maybe.. and my own personal project of which I'm not quite experienced enough to build yet. So my advice is just ask freinds and family you will be suprised.
  4. If the positioning is absolute you wouldn't use margins to position the div or class, wouldn't you just use left or right. .Republicans{ position:absolute; left:0; right:100%; }
  5. You need to go into your stylesheet and use a selector to change the font colour. .popup2-moremenu{ font-color:#fff; } that's just an example you of course select the div or class that needs to be changed or even change the body text colour.
  6. How do you get reputation?

    1. falkencreative

      falkencreative

      You get reputation by having other users +1 your posts (in the bottom right corner of all posts). Since the forum isn't that active, it's a feature that isn't used all that often.

    2. gffects

      gffects

      ok thanks just wondered

  7. Only thing I could suggest would be like Andrea said check your coding and make sure the directory to the buttons image is correct. Also make sure the image has been uploaded to the right folder correctly. Without seeing the code myself I can't help you much more either.
  8. would you not just have the background attachment fixed.
  9. I do 2 things when trying to model from a site. 1: check out the source code to understand how it is written. 2: draw on paper the website but purely in boxes. from there it's easy to start building the site from those guidelines.
  10. Will be reading my new book essential guide to html 5 and css3 today :)

  11. not too bother about time as I tend to do this over a year or 2 anyway and tbh I would want to know how to make this stuff anyway I don't see the point in using other peoples work.
  12. Thanks Ben i'm going to go over my idea and note down what functions are needed, And I guess slowly figure out how to make them one at a time
  13. Hey guys I want to build a big project website and my ability with html and css is good I understand javascript and some php and some mysql. Now big sites like youtube and facebook have their sites made by the user and it display specifically in certain positions on a page. I would like my site to be able to do the same thing by the user adding the content and it gets put in the correct places and I know I can't just build it in html and css or I would have to hand code everytime there would be a change. How to go about doing this for a website?
×
×
  • Create New...