Pages: 1

 

2012-01-19 15:02:50
DefCon-17
Maple Syrup Faggot
+362|6374|Vancouver | Canada
http://www.adambromell.com/
http://www.pioroberson.com/


I am completely clueless when it comes to making websites.
From scratch, at least. If I have a template I can fiddle around with the HTML to customize it, but I have no idea how to start one.

I'd like to have the top of the Pior Oberson website, where he has his name, a short description, and those links to other pages.
Followed by a images like on Adam Bromell's website, where clicking on them would lead to a gallery of different shots of the original homepage image.

I think I could probably figure out how to get the images going, but I'm stumped when it comes to those links I want at the top.
2012-01-19 15:25:34
bugz
Fission Mailed
+3,311|6529

For the top links:

HTML
Start with an unordered list

Code:

<div class="navbar">
    <ul>
        <li><a href="#">NavLink1</a></li>
        <li><a href="#">NavLink2</a></li>
        <li><a href="#">NavLink3</a></li>
        <li><a href="#">NavLink4</a></li>
    </ul>
</div>
CSS
Set the list-style-type property of the <ul> element to none (otherwise you'll have bullets in front of each link)

Code:

.navbar ul {
    list-style-type:none;
}
Then set the display property of the <li> elements to inline. This will have each list item show up beside each other, rather than on separate lines.

Code:

.navbar ul li {
    display: inline;
}
Here's a good example taken from this page
Steam: http://steamcommunity.com/id/ebug122
2012-01-19 16:37:56
DefCon-17
Maple Syrup Faggot
+362|6374|Vancouver | Canada
Alright this is what I accomplished so far:
http://dl.dropbox.com/u/6455086/index.html

Once I get the gallery pages going I'll upload it to my host.

Last edited by DefCon-17 (2012-01-19 16:40:38)

 

Pages: 1

Board footer

Privacy Policy - © 2024 Jeff Minard