Curved Menu
10 posts
• Page 1 of 1
Curved Menu
I'd like to do this Only, 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
- ChevinBrown
- Posts: 410
- Joined: Wed Aug 18, 2004 2:10 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)
- RipFire12901
- Posts: 699
- Joined: Sun Oct 10, 2004 6:29 pm
- Location: Plattsburgh, NY
- Real Name: Collin Banko
Would this be right?:
Please don't laugh. I'm still learning...
- 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...
- ChevinBrown
- Posts: 410
- Joined: Wed Aug 18, 2004 2:10 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:
I would never laugh because I have trouble too.
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)
- RipFire12901
- Posts: 699
- Joined: Sun Oct 10, 2004 6:29 pm
- Location: Plattsburgh, NY
- Real Name: Collin Banko
Man, this isn't working. I have the images uploaded to the correct directory, and the paths are correct.
Whats going on?
Whats going on?
- ChevinBrown
- Posts: 410
- Joined: Wed Aug 18, 2004 2:10 pm
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)
- RipFire12901
- Posts: 699
- Joined: Sun Oct 10, 2004 6:29 pm
- Location: Plattsburgh, NY
- Real Name: Collin Banko
- Code: Select all
<link href="http://www.covenant.fatsharkstudios.com/templates/Covenant/css/template_css.css" rel="stylesheet" type="text/css"/>
- ChevinBrown
- Posts: 410
- Joined: Wed Aug 18, 2004 2:10 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
Sorry
(temporarly empty)
- RipFire12901
- Posts: 699
- Joined: Sun Oct 10, 2004 6:29 pm
- Location: Plattsburgh, NY
- Real Name: Collin Banko
you have it like this
shouldn't it be like this
or this
thats just what i am thinking the problem is, i could be wrong, i am rusty on my css.
- 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.
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)
- RipFire12901
- Posts: 699
- Joined: Sun Oct 10, 2004 6:29 pm
- Location: Plattsburgh, NY
- Real Name: Collin Banko
10 posts
• Page 1 of 1
Return to HTML, CSS, and Scripts
Who is online
Users browsing this forum: No registered users and 2 guests