Jump to content


Using CSS to position sliced Images


2 replies to this topic

#1 Raven-X

    Young Padawan

  • Members
  • Pip
  • 71 posts
  • Gender:Male
  • Location:New Jersey
  • Interests:I love having fun, programming, web design, graphic design, gaming, anime, manga, and being a student (love learning new software).

Posted 04 March 2007 - 05:02 AM

I'm referring to menu bars and such, like horizontal gradient menus with links. I definitely would have an easier time creating one menu bar with slices but I'm not sure how I'd use CSS to position multiple images yet. So is it even possible and can anyone tell me how to do it if it is possible please?

#2 Jacorre

    P2L Jedi

  • Members
  • PipPipPip
  • 824 posts
  • Gender:Male
  • Location:USA
  • Interests:Computers, Technology, Internet, Graphic/Web Design, Music, Soccer

Posted 04 March 2007 - 06:05 PM

Do some reading up on CSS tutorials but here's a quick overview. The XHTML for the nav would be something like:

<div id="navigation">
<a href="index.html"><img src="home.gif" /></a>
<a href="about.html"><img src="about.gif" /></a>
</div>

Then you could absolutely position the navigation using CSS or you could just have it appear right after the header nav. It all depends on how your site is layed out. If you need a tutorial on absolute positioning I have one here.

Edited by Jacorre, 04 March 2007 - 06:06 PM.


#3 Raven-X

    Young Padawan

  • Members
  • Pip
  • 71 posts
  • Gender:Male
  • Location:New Jersey
  • Interests:I love having fun, programming, web design, graphic design, gaming, anime, manga, and being a student (love learning new software).

Posted 04 March 2007 - 08:39 PM

Trust me, I've been doing a lot of reading on HTML, CSS, and even JavaScript. Thanks, help much appreciated.





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users