/    Sign up×
Community /Pin to ProfileBookmark

Site Navigation Bar

I Want to create a site navigation bar such as this one (see attachment) from [url]http://www.scifi-meshes.com/[/url] I cannot seem to make it work. Any Ideas on how to do this? Also as a side note i’m using the piczo website for this. (just in case it makes a difference)

Thanks in advance! ?

[upl-file uuid=b71e16c1-f73d-452c-909e-de8887f1be65 size=36kB]Site Nav Bar.PNG[/upl-file]

to post a comment
HTML

8 Comments(s)

Copy linkTweet thisAlerts:
@kiwibritOct 22.2006 — I Want to create a site navigation bar such as this one (see attachment) from http://www.scifi-meshes.com/ I cannot seem to make it work. Any Ideas on how to do this? Also as a side note i'm using the piczo website for this. (just in case it makes a difference)

Thanks in advance! ?[/QUOTE]


Search for horizontal (or in line) navigation bar CSS.

[url=http://builder.com.com/5100-6371-5153115.html]Here's one example[/url]. Look at the list-based navigation bar CSS notes - and Example B.
Copy linkTweet thisAlerts:
@tiberiusjojoauthorOct 22.2006 — This didn't work, remember im using the piczo website. I don't think it can use CSS...
Copy linkTweet thisAlerts:
@tiberiusjojoauthorOct 22.2006 — Ok, Got The Bar but now i cant change the background colour, here's the code...

<html>

<head><title>published <!--$title?--></title>

<style>

a:link { text-decoration : none ; color : #000080 ; }

a:visited { text-decoration : none ; color : #200060 ; }

p { text-align : justify ; }

</style>

</head><body><body background color="#000000">

<small><font color="#FF3333"><b>Site Navigation</b></font></small>

</td></tr><tr><td colspan="2" align="center">

<u>-<a href="ge-inf1.html"> Introduction </a> </u>

<u>-<a href="ge-inf2.html"> Terminology </a> </u>

<u>-<a href="ge-inf3.html"> Lorem Ipsum </a> </u>

<u>-<a href="ge-inf4.html"> Conclusion </a></u>

<u>-<a href="ge-inf5.html"> Literature </a></u>

-

</td></tr></table>

</body></body></html>

I Want The Background to be black and im using piczo again, so that will affect it.

Thanks in advance!?
Copy linkTweet thisAlerts:
@MoridinOct 22.2006 — What kind of features does piczo offer? I cannot find a feature list.

  • - [b]Moridn[/b]
  • Copy linkTweet thisAlerts:
    @tiberiusjojoauthorOct 22.2006 — Basically it's all HTML and some Java but you cant use CSS I dont think...
    Copy linkTweet thisAlerts:
    @MoridinOct 22.2006 — Java? Don't you mean JavaScript? Java and JavaScript is [b]not[/b] the same. Do you have access to the header of documents? can you give me/us some screenshots of the eiditing window on your host?

  • - [b]Moridin[/b]
  • Copy linkTweet thisAlerts:
    @tiberiusjojoauthorOct 24.2006 — Its not really explainable, its more of a picture sharing site but i dont want to have to buy or use a free domain so i went here, they have an HTML plugin thing but it shows up (the text you wrote) in a box which can be repositioned. so instead of having to postion stuff with words it fills it in for you. Also some HTML it just assumes so makes it easier for first time users. But like i said, mainly meant for puting pictures with pretty backgrounds.

    EDIT: Yes i meant Javascript, check out the page www.piczo.com and you CANNOT use CSS found that out quickly. ?
    Copy linkTweet thisAlerts:
    @dylanparrinOct 24.2006 — this relly should of been written in the css setion or try this topic agan but in the css setion ? thanks.
    ×

    Success!

    Help @tiberiusjojo spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 BETA 6.17,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @nearjob,
    tipped: article
    amount: 1000 SATS,

    tipper: @meenaratha,
    tipped: article
    amount: 1000 SATS,

    tipper: @meenaratha,
    tipped: article
    amount: 1000 SATS,
    )...