 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
Viridis
Joined: 04 Feb 2006
Posts: 4
|
 Posted: Sat Feb 04, 2006 5:22 pm i have a menu .... but want it without the list |
 |
|
|
hello,
im pretty enw to this.. so i dont even know if im postign in teh right palce :s.. but i really hope so =D
i have teh folowing problem.
i wanted to make a dhtml menu bar... and it all worked out fine.. till i wanted to insert images that have to be in teh right place to not mess up with teh background.
ill paste in a link to teh script itself ... and to the htm file...
so. my first question is.. how can i make the same thing.. but without the list (that wotn allow me to "paste" the GIF's next to eachother)
and the second question.. lol.. how can i get Rid of the ugly blue when a button is a link? =D
HTML file and TXT file
i really hope someone can help me :s
thankies
Viri |
|
Corey Bryant
Site Admin
Joined: 15 May 2004
Posts: 8748
Location: Castle Pines North, CO USA
|
|
Viridis
Joined: 04 Feb 2006
Posts: 4
|
| Posted: Sun Feb 05, 2006 7:14 am |
|
|
|
well... i cna try that =D
but whre somewhere? :s
btw.. if anyoen finds a similar menu thiongy.... that is without the "list" and that is still easy to edit .. please let me know  ..
the only requirement is that it should be buttons under eachotehr.. and that the submenu is on teh right of the main button every time =D
im searchign everywhere.. but i cant find a decent thing 
thanks |
|
Corey Bryant
Site Admin
Joined: 15 May 2004
Posts: 8748
Location: Castle Pines North, CO USA
|
| Posted: Sun Feb 05, 2006 8:02 am |
|
|
|
You have a style sheet:
| Code: |
<style type="text/css">
#dropmenudiv{
position:absolute;
border:0px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 0px;
border-bottom: 0px solid black;
padding: 0px 0;
text-decoration: none;
font-weight: bold;
}
#dropmenudiv a:hover{ /*hover background color*/
;
}
/* Sample CSS definition for the example list. Remove if desired */
.navlist li {
list-style-type: square;
width: 135px;
}
</style> |
add that to your style sheet.
BTW a proper HTML has a <html> tag, a <head> tag and a <body> tag. You should also consider using a DOCTYPE as well to avoid IE going ito quirks mode.
Other menus to try out is the Suckerfish menu and the Brothercake menu. You might take a look at A List Apart's Taming lists as well.
You probably need to learn more HTML / CSS to understand the functions of that you are copying.
_________________
Corey
Loud Commerce | LoudHost | Toll Free Solutions |
|
Viridis
Joined: 04 Feb 2006
Posts: 4
|
| Posted: Sun Feb 05, 2006 8:14 am |
|
|
|
well.. i solved teh problem...
i changed teh
| Code: |
.navlist li {
list-style-type: square;
width: 135px;
} |
to
| Code: |
.navlist td {
border="-1";
cellpadding="0";
cellspacing="0";
width: 135px;
} |
and it works perfect..
i still only ahve the problem that when the image is a link.. it gets the ugly blue line around it.. i cna change teh colour.. but i dont know how to delete it ... im really a noob.. :s
this is teh first thing i create :s
| Quote: |
| add that to your style sheet. |
ist that there already?? O_o
| Quote: |
| BTW a proper HTML has a <html> tag, a <head> tag and a <body> tag. |
ofcoruse.. but this is a "plugin" for anotehr site... i made that one on a different file first.. because else it would take me ages to find it :p
| Quote: |
| You probably need to learn more HTML / CSS to understand the functions of that you are copying. |
lol.. i totaly agree.. but u need to start soemwhere.. no?
and imo this is a nice start ... it is almost finished... i just need to delete the ugly blue borders around an image that is a link
can u help me with that pls? :s (lol.. probably yeah =D )
THANKS :p |
|
Corey Bryant
Site Admin
Joined: 15 May 2004
Posts: 8748
Location: Castle Pines North, CO USA
|
| Posted: Sun Feb 05, 2006 8:38 am |
|
|
|
I do not see
in your style sheet:
| Code: |
<style type="text/css">
#dropmenudiv{
position:absolute;
border:0px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 0px;
border-bottom: 0px solid black;
padding: 0px 0;
text-decoration: none;
font-weight: bold;
}
#dropmenudiv a:hover{ /*hover background color*/
;
}
/* Sample CSS definition for the example list. Remove if desired */
.navlist li {
list-style-type: square;
width: 135px;
}
</style> |
Otherwise I would see something like
| Code: |
<style type="text/css">
#dropmenudiv{
position:absolute;
border:0px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 0px;
border-bottom: 0px solid black;
padding: 0px 0;
text-decoration: none;
font-weight: bold;
}
#dropmenudiv a:hover{ /*hover background color*/
;
}
/* Sample CSS definition for the example list. Remove if desired */
.navlist li {
list-style-type: square;
width: 135px;
}
img
{
border: 0;
}
</style> |
Maybe you have not had a chance to upload it?
_________________
Corey
Loud Commerce | LoudHost | Toll Free Solutions |
|
Viridis
Joined: 04 Feb 2006
Posts: 4
|
| Posted: Sun Feb 05, 2006 8:50 am |
|
|
|
omfg.. you are amazing O_o
Thank you sooooo much..
/me kisses ^
ill show teh result once it is mostly finished =D
but rreeeaaallly thanks =D |
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
 |
|
|
|
|
|
|
|
HTML Help Forum
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
