A Digital Age Deserves A Digital Leader

Curved Menu

Curved Menu

Postby ChevinBrown » Thu Oct 19, 2006 9:22 pm

I'd like to do this ImageOnly, I just haven't been able to get the curves. Would the best way be the sliding doors technique? Or would it be better to have two corners and a middle image?

This is the beta site: link
PRO Level 10
Posts: 410
Joined: Wed Aug 18, 2004 2:10 pm

Postby RipFire12901 » Thu Oct 19, 2006 9:33 pm

I would personaly do the left, right, and middle images technique and place it there using a padding or margin from the right
(temporarly empty)
PRO Level 13
Posts: 699
Joined: Sun Oct 10, 2004 6:29 pm
Location: Plattsburgh, NY
Real Name: Collin Banko

Postby ChevinBrown » Thu Oct 19, 2006 9:55 pm

Would this be right?:
Code: Select all
<style>
#menu{
  float: left;
}
#menu li{
  float:left;
}
#menul{
background:url() top left;
}
#menur{
background:url() top right;
}
#menuc{
background:url() top center?;
}
</style>
<div id="menu">
<div id="menul">
<div id="menur">
<div id="menuc">
</div>
</div>
</div>
</div>


Please don't laugh. I'm still learning...
PRO Level 10
Posts: 410
Joined: Wed Aug 18, 2004 2:10 pm

Postby RipFire12901 » Thu Oct 19, 2006 10:23 pm

Almost, but you are really close though.

Instead of having all the aligns I would put them in order. This is what I did:

Code: Select all
<style>
#menu   {
    width: 500px;
}
#menu_left   {
   background:url(images/menu_left.gif);
}
#menu_center   {
   background:url(images/menu_center.gif);
   background-repeat: repeat-x;
}
.menu_text   {
   padding-left: 15px;
   padding-right: 15px;
}
#menu_right   {
   background:url(images/menu_right.gif);
}
</style>
<div id="menu">
 <div id="menu_left"></div>
 <div id="menu_center">
  <a href="index.html" class="menu_text"></a>
 </div>
 <div id="menu_right"></div>
</div>


I would never laugh because I have trouble too.
(temporarly empty)
PRO Level 13
Posts: 699
Joined: Sun Oct 10, 2004 6:29 pm
Location: Plattsburgh, NY
Real Name: Collin Banko

Postby ChevinBrown » Fri Oct 20, 2006 12:08 am

Man, this isn't working. I have the images uploaded to the correct directory, and the paths are correct.
Whats going on?
PRO Level 10
Posts: 410
Joined: Wed Aug 18, 2004 2:10 pm

Postby RipFire12901 » Fri Oct 20, 2006 12:13 am

Did you add it to the front page on your site? or somewhere else? I was looking at the CSS on the front page and the menu information isn't in it.
(temporarly empty)
PRO Level 13
Posts: 699
Joined: Sun Oct 10, 2004 6:29 pm
Location: Plattsburgh, NY
Real Name: Collin Banko

Postby ChevinBrown » Fri Oct 20, 2006 7:19 pm

Code: Select all
<link href="http://www.covenant.fatsharkstudios.com/templates/Covenant/css/template_css.css" rel="stylesheet" type="text/css"/>
PRO Level 10
Posts: 410
Joined: Wed Aug 18, 2004 2:10 pm

Postby RipFire12901 » Sat Oct 21, 2006 10:15 pm

I am sorry its been so long. I've been busy lately. But I can't seem to get it to work. The most I could get is the menu aligned to the right, with space on the sides, and the text not in the center of the menu. I don't know how to do it but you can try asking at the people on SitePoint.com's forum.

Sorry :unsure:
(temporarly empty)
PRO Level 13
Posts: 699
Joined: Sun Oct 10, 2004 6:29 pm
Location: Plattsburgh, NY
Real Name: Collin Banko

Postby c0ldfyr3 » Sun Oct 22, 2006 1:13 am

you have it like this

Code: Select all
#menu_left   {
   background:url(../images/menu_left.gif);


shouldn't it be like this
Code: Select all
#menu_left   {
   background:url(./images/menu_left.gif);


or this

Code: Select all
#menu_left   {
   background:url(./../images/menu_left.gif);


thats just what i am thinking the problem is, i could be wrong, i am rusty on my css.
Image
PRO Level 15
User avatar
Posts: 1346
Joined: Sun May 02, 2004 8:49 pm
Location: 127.0.0.1

Postby RipFire12901 » Sun Oct 22, 2006 3:27 am

While I still can't get the menu to look right I do know how to make them appear. You have to define a height and a width for them to show.
(temporarly empty)
PRO Level 13
Posts: 699
Joined: Sun Oct 10, 2004 6:29 pm
Location: Plattsburgh, NY
Real Name: Collin Banko

Return to HTML, CSS, and Scripts

Who is online

Users browsing this forum: No registered users and 2 guests

cron
cron