Programming Help

Web Development



What's Here?

  • Members: 150,185
  • Replies: 507,743
  • Topics: 80,056
  • Snippets: 2,668
  • Tutorials: 707
  • Total Online: 2,095
  • Members: 71
  • Guests: 2,024

Welcome to Dream.In.Code
Become an Expert!

Join 150,185 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 2,095 people online right now. Registration is fast and FREE... Join Now!




a challenge for you

 
 Reply to this topicStart new topic

a challenge for you, positioning circle images as nav links at the bottom
mlg5454
19 Oct, 2007 - 11:54 AM
Post #1

New D.I.C Head
*

Joined: 15 Oct, 2007
Posts: 25


My Contributions
k. a challenge.

IPB Image

how should i go about those circles at the bottom being nav buttons?

i originally was going to this:

CODE
<ul id="circlelist">
<li class="circles">myspace</li>
<li class="circles">library</li>
(etc)
</ul>

then for css

CODE
#circlelist (positioning stuff, display inline maybe?)

li.circles {

background image of the circles

}

but the problem, although that would have been clever, is that the link couldn't be the list item, it would have to be the text inside, but i want the entire circle to be the link...

so i'm thinking that i'm just going to have to make the circles with the text inside AS images, then make the images links... and have all the images float next to each other... ugh... any advice?
User is offlineProfile CardPM
+Quote Post

skyhawk133
RE: A Challenge For You
19 Oct, 2007 - 12:03 PM
Post #2

Head DIC Head
Group Icon

Joined: 17 Mar, 2001
Posts: 15,277



Thanked: 61 times
Dream Kudos: 1650
Expert In: Web Development

My Contributions
unrelated to the topic... any chance I could get a link to some of the songs? ?

User is offlineProfile CardPM
+Quote Post

mlg5454
RE: A Challenge For You
19 Oct, 2007 - 12:07 PM
Post #3

New D.I.C Head
*

Joined: 15 Oct, 2007
Posts: 25


My Contributions
QUOTE(skyhawk133 @ 19 Oct, 2007 - 01:03 PM) *

unrelated to the topic... any chance I could get a link to some of the songs? ?


you could wait til the site is up and running, which should be in a few days, or a couple weeks at most.

otherwise go to myspace.com/birdsfledfromme

the stuff i do with rachel is at myspace.com/toodarkforapicture

keep in mind the meth stuff is a joke and we put it there as filler until we put in an actual artist bio
User is offlineProfile CardPM
+Quote Post

mocker
RE: A Challenge For You
19 Oct, 2007 - 05:30 PM
Post #4

D.I.C Regular
Group Icon

Joined: 14 Oct, 2007
Posts: 290



Thanked: 17 times
Dream Kudos: 25
My Contributions
You can make the <li> element a link by using the javascript onClick trigger.

For example (http://thegupstudio.com/liexample.html))

CODE

<ul id="circlelist" >
<li class="circles" onClick="window.location='http://google.com';">Google</li>
<br>
<li class="circles" onClick="window.location='http://yahoo.com';">Yahoo.com</li>
</ul>
User is offlineProfile CardPM
+Quote Post

csmanoj
RE: A Challenge For You
20 Oct, 2007 - 12:47 AM
Post #5

D.I.C Head
Group Icon

Joined: 6 Aug, 2007
Posts: 142



Thanked: 3 times
Dream Kudos: 50
My Contributions
why can't you just use image links on a background image?
User is offlineProfile CardPM
+Quote Post

mlg5454
RE: A Challenge For You
20 Oct, 2007 - 10:29 AM
Post #6

New D.I.C Head
*

Joined: 15 Oct, 2007
Posts: 25


My Contributions
QUOTE(csmanoj @ 20 Oct, 2007 - 01:47 AM) *

why can't you just use image links on a background image?


minusthemasses.com/artists/sillyrobchildish.html

i found an even better way to do it.
User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic
Time is now: 1/9/09 04:04AM
Invision Power Board v2.1.7 © 2009  IPS, Inc.
Licensed to: MediaGroup1

Be Social

Dream.In.Code RSS Feed Dream.In.Code LinkedIn Group Follow Us On Twitter

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month