HTML Help

Viridis · Joined: 04 Feb 2006 Posts: 4

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 · Posted: Sun Feb 05, 2006 6:04 am

Add to your style sheet
Code: img
{
border: 0;
}
_________________
Corey
Loud Commerce | LoudHost | Toll Free Solutions

Viridis · Joined: 04 Feb 2006 Posts: 4

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 · 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

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 · Posted: Sun Feb 05, 2006 8:38 am

I do not see Code: img
{
border: 0;
} 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

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