|
| |
|
|
JacieClaeys
Posts: 148
Joined: 7/13/2004
From: Henderson,TX
Status: offline
 |
Need someone to do coding for pay - 3/21/2008 2:16:46
Hi all,
You can see my site at http://www.nrgsaver.com I am using a SEO company and they want me to use links on all the top menu items.
I have done the pages that will link to the menu items(ie: Incandescent, Specialty, Decorative etc.).
But have run into problems with the linking. I have tried classes and a whole box full of other things without success.
I believe I am running into conflict with coding that is already in my CSS style sheet due the the "menu a" as it changes the size, color, hover and type when I change the code to link it.
I have done an index page with the boxes lined up across as I want them (they are slightly changed from the original site and can be seen here: http://www.nrgsaver.com/checker/index4.htm
What I need to have done is to fix the CSS style sheet and make the links for the top menu so that the menu works exactly as it does now except the main menu can also be clicked on and that it works cross browser.
If you are interested in doing this job please message me with your availability and price.
Many thanks.
Jacie
_____________________________
Jacie
---------------------------------
"It's never the tigers that get you...it's always the gnats"
|
|
|
|
d a v e
Posts: 4348
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline
|
RE: Need someone to do coding for pay - 3/21/2008 10:11:04
that is a nice system!
_____________________________
David Prescott
Gekko web design
| |
|
|
|
JacieClaeys
Posts: 148
Joined: 7/13/2004
From: Henderson,TX
Status: offline
|
RE: Need someone to do coding for pay - 3/21/2008 12:34:53
Hi Tailside,
Thanks for the test. I really like how it looks.
However, I had a javascript menu before and got rid of it because of SEO. Since I am adding these pages strictly for SEO purposes ( the link-to pages have regular links to all the pages in the drop down menu) I want to use only CSS.
One of the pages I will be linking to in the main menu is:
http://www.nrgsaver.com/checker/decorative-light-bulbs.htm
I found a nice straight-forward CSS menu here: http://sperling.com/examples/menuh/
I have played with it for a week and because I don't know enough about CSS I am not having any success in adapting it to my page.
My current( the one that is on my site now- NOT the test) CSS menu is:
/* Begin CSS Popout Menu */
#centermenu{
width:775px;
margin-left: auto;
margin-right: auto;
}
#menuwrap{
background:none;
width:775px;
border-width: 0px;
border-style:solid;
border-color:#D56A00 #FFE7CE #FFD2A6 #FFE7CE;
position:absolute;
top: 170px;
}
#menu{
float: center;
}
#menu h2{
font:bold 11px/16px arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#FFD2A6 #FFE7CE #D56A00 #FFE7CE;
white-space:nowrap;
margin:0;
padding:7px 3px 7px 3px;
}
#menu a{
display:block;
border-width:1px;
border-style:solid;
border-color:#FFD2A6 #FFE7CE #D56A00 #FFE7CE;
white-space:nowrap;
margin:0;
padding:0px 2px 0px 2px;
}
#menu h2{
font:bold 11px/16px arial,helvetica,sans-serif;
color:#fff;
background:#74898F url('../images/expand4.gif') no-repeat 100% 100%;
text-align: center;
text-transform:uppercase
}
#menu a{
background:#E2E9E8;
text-decoration:none;
}
#menu a, #menu a:visited{
color:#0C393C;
}
#menu a:hover{
color:#FFE7CE;
background:#A1B5B6;
}
#menu a:active{
color:#023838;
background:#FFE7CE;
}
#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
}
#menu li:hover{z-index:1;}
#menu li{
position:relative;
}
#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}
#menu ul ul ul{
top:0;
left:100%;
}
/* Begin non-anchor hover selectors */
/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */
div#menu h2:hover{
background:#74898F url('../images/expand4.gif') no-repeat -999px -9999px;
}
div#menu li:hover{
cursor:pointer;
z-index:100;
}
div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}
div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block; width:110px}
/* End of non-anchor hover selectors */
/* Styling for Expand */
#menu a.x, #menu a.x:visited{
font-weight:normal;
color:#FFFFFF;
background:#5E8081 url('../images/expand4.gif') no-repeat 100% 100%;
}
#menu a.x:hover{
color:#FFE7CE;
background:#A1B5B6;
}
#menu a.x:active{
color:#FFE7CE;
background:#A1B5B6;
}
/* End CSS Popout Menu */
#m1h {position: relative;
width: 38px;
height: 100%;
float:left;}
#m1 {position: relative;
width: 61px;
height: 100%;
float:left;}
#m2 {position: relative;
width: 89px;
float:left;}
#m3 {position: relative;
width: 76px;
float:left;}
#m4 {position: relative;
width: 97px;
float:left;}
#m5 {position: relative;
width: 141px;
float:left;}
#m6 {position: relative;
width: 82px;
float:left;}
#m7 {position: relative;
width: 74px;
float:left;}
#m8 {position: relative;
width: 49px;
float:left;}
#m9 {position: relative;
width: 51px;
float:left;}
I have reread all the tutorials, all the forums and because of "a href " can't seem to find what to strip out or change to stop it from changing my menu when I add the links. The #m1h thru #m9 are critical to making the menu fit. Which is why I am willing to pay for someone who knows more than I do to make it right for me.
Jacie
_____________________________
Jacie
---------------------------------
"It's never the tigers that get you...it's always the gnats"
| |
|
|
|
JacieClaeys
Posts: 148
Joined: 7/13/2004
From: Henderson,TX
Status: offline
|
RE: Need someone to do coding for pay - 3/24/2008 7:48:23
quote:
ORIGINAL: Tailslide
So, that said - here's a version that might work for you: http://www.littleblueplane.com/test/bulbs/test.html It works in modern browsers and IE back to IE5.5. Doesn't work properly in IE5.
Hi Tailside,
I have downloaded the folder from twinhelix and have a question. There are 10 files in this folder. Is the divmenu.css the one you changed and call menu.css and is this the css file you use for positioning?
Another question I have, is will I be able to position with css and still have the content at the top of the page for SEO?
Thanks
_____________________________
Jacie
---------------------------------
"It's never the tigers that get you...it's always the gnats"
| |
|
|
|
JacieClaeys
Posts: 148
Joined: 7/13/2004
From: Henderson,TX
Status: offline
|
RE: Need someone to do coding for pay - 3/24/2008 13:31:18
Thanks,
I have grabbed your menu.css file.
What a help you always are and want you to know how grateful I am.
_____________________________
Jacie
---------------------------------
"It's never the tigers that get you...it's always the gnats"
| |
|
|
|
TravelswCharlie
Posts: 105
Joined: 7/2/2006
From: Texas, USA
Status: offline
|
RE: Need someone to do coding for pay - 3/25/2008 16:17:38
quote:
ORIGINAL: JacieClaeys
I haven't learned much about coding, BUT I sure have learned to SAVE. SAVE and I are best friends. There is actually an index13.htm and a menuhc13.css. It has saved me from going back and starting from scratch, hundreds of times. I really think of "save' as the eraser on my pencil.
Jacie
Jacie, if you are using FrontPage or Expression Web, there's an easier and better (IMHO) way to SAVE.
Just "Publish" to your own disk instead of to your host site.
Then, you have all your pages as well as images, styles sheets, and all, saved and identified.
I have my entire web site saved several times, named with dates so they are easy to identify... such as "PUBLISH 08 03 01"; "PUBLISH 08 03 14", "PUBLISH 08 03 22", etc I can choose the most recent SAVE, or if I changed my mind about some change I made and want to go back to some earlier date, I can easily do that.
To get to the right place, start to "Publish" in the usual way, then "Cancel", then "change web site properties". I don't remember the exact wording or position of that last command, but it will be right there somewhere.
CJ
_____________________________
CJ, who Travels with Charlie
| |
|
|
|
JacieClaeys
Posts: 148
Joined: 7/13/2004
From: Henderson,TX
Status: offline
|
RE: Need someone to do coding for pay - 3/26/2008 3:41:56
What a great idea. And the timing is perfect for me. Once I get these pages up and working I have been talking to my host about moving to one of their new servers. I didn't want to do it until this was all worked out, and I will have to back up my whole site to do so. I have a bunch of backups but wow this would be great to have them separate on disk and save PC space too.
I have run into a few glitches on the new menu:
http://www.nrgsaver.com/checker/energy_saving_light_bulbs.htm
I can't seem to get the background to come to the top of the page in IE. It works fine in FF. Also, even though I copied Tails menu (just changed the "more" to "side" on the arrows... none of the arrows show on the menu unless you hover.
But the biggest problem is that my menus don't pop-out like the test, even though I copied and pasted .
I'm sure I have missed some coding somewhere just have to find it. I really like this menu so much better than the old one. It is so much cleaner.
Thanks for the "publish" tip -I will start using it immediately.
_____________________________
Jacie
---------------------------------
"It's never the tigers that get you...it's always the gnats"
| |
|
|
|
JacieClaeys
Posts: 148
Joined: 7/13/2004
From: Henderson,TX
Status: offline
|
RE: Need someone to do coding for pay - 3/27/2008 16:05:56
Hi Tailside,
The problem wasn't with the links to the arrows but that I had neglected to grab the menu.js file.
I thought I had everything I needed and then I saw that little "script" code at the end of your menu and reread your notes to me.
Viola'. Once I had that it was all working great....EXCEPT......
The only problem I am having is with the background on the home page. I took out the extra "body" I had in there and here is what I still get:
http://www.nrgsaver.com/checker/energy_saving_light_bulbs.htm
This page is the only page on the site that I use the background on.
Using exactly the same copy as is on the above page except using the all CSS menu from before it looks like this:
http://www.nrgsaver.com/
However, if I use a second div on the "energy_saving_light_bulb.htm" page it will move the background up to the top and then I have to add a color to the second div. It then looks like this:
http://www.nrgsaver.com/checker/index.htm
What I can't figure out is why it won't use just one div and a /div but will use two div's. Is it possible I need to change something in the menu.css file?
Thanks
PS: I really, really love this new menu. It is so easy and looks so much cleaner. It all works fine on all the other pages thank heaven.
DUH!
All I had to do was make the background picture longer and now it works fine. I am ready now to put the menu on all the pages.
When I changed to .5em to .4 em it shortened the menu some. I need to look at that in a bunch of browsers to see what happens.
< Message edited by JacieClaeys -- 3/27/2008 16:29:12 >
_____________________________
Jacie
---------------------------------
"It's never the tigers that get you...it's always the gnats"
| |
|
|
|
JacieClaeys
Posts: 148
Joined: 7/13/2004
From: Henderson,TX
Status: offline
|
RE: Need someone to do coding for pay - 3/29/2008 1:45:32
quote:
ORIGINAL: Tailslide
Is that everything sorted now?
I thought everything was sorted out until I changed one of the product pages. I can't figure out why it has changed the product page tables (.asp) but didn't change the tables on the .htm pages it did.
The top code in the menu.css file seems to be affecting the rest of my page type and spacing:
* html, body, ul, li {margin:0;padding:0;font-family:Arial, sans-serif;}
body {font-size:100%;}
I have played around with it, like adding Verdana to the font-family: and can make it change the page heading.
But the spacing in the product table is what is really making me crazy.
If you look at the new page here:
http://www.nrgsaver.com/checker/appliance-light-bulb-new.asp
Then look at how it is supposed to look here:
http://www.nrgsaver.com/mall/appliance-light-bulb.asp
you will see what I mean. The only thing I have changed on the page are the files in the head that it needs and the menu listing.
Any suggestions?
_____________________________
Jacie
---------------------------------
"It's never the tigers that get you...it's always the gnats"
| |
|
|
|
JacieClaeys
Posts: 148
Joined: 7/13/2004
From: Henderson,TX
Status: offline
|
RE: Need someone to do coding for pay - 3/29/2008 12:38:15
quote:
ORIGINAL: Tailslide
The css rule mentioned removes all of the default padding and margins for all browsers - I use this so that I've got a "level playing field" for getting stuff in the right place but if it's causing more trouble then just remove the "margin:0;padding:0" bit.
I don't think the above is the problem and removing the margin doesn't change anything. In fact, removing one piece at a time or all of it doesn't change anything. But I do think it might be creating a conflict with my layout coding in my "homestylec2.css file.
The other option is my "convoluted" code you mentioned in your first post.
I guess this is why I wanted to pay someone to do this for me. I am such a dunce at this. I have looked at it six ways to Sunday and changed a dozen things one at a time and I can't seem to find it. I am sure it is something simple, so simple I can't find it.
_____________________________
Jacie
---------------------------------
"It's never the tigers that get you...it's always the gnats"
| |
|
|
|
Ryokotsusai
Posts: 250
Joined: 10/5/2005
Status: offline
|
RE: Need someone to do coding for pay - 3/29/2008 13:13:32
Hello :D
at the top of menu2.css add a coma after the asterisk,
or copy this:
*, html, body, ul, li {margin:0;padding:0;font-family:Arial, sans-serif;}
I'm not sure if it will help, but it seemed to when I tried it, so it's worth a shot...
_____________________________
The world is more like it is now than it ever has been before.
--Dwight Eisenhower
| |
|
|
|
JacieClaeys
Posts: 148
Joined: 7/13/2004
From: Henderson,TX
Status: offline
|
RE: Need someone to do coding for pay - 3/29/2008 20:01:45
quote:
ORIGINAL: Ryokotsusai
Hello :D
at the top of menu2.css add a coma after the asterisk,
or copy this:
*, html, body, ul, li {margin:0;padding:0;font-family:Arial, sans-serif;}
I'm not sure if it will help, but it seemed to when I tried it, so it's worth a shot...
WOW double WOW.
That sure did the trick.
This forum is absolutely amazing. Many heads are sure better than one.
Thank you, thank you. That was the last hurdle I had to cross and now I am on my way and I am excited.
_____________________________
Jacie
---------------------------------
"It's never the tigers that get you...it's always the gnats"
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
) I am just dreading playing with this thing anymore. I really need to get on with the rest of my life (just turned 70 last week) for whatever is left of it. 
I haven't learned much about coding, BUT I sure have learned to SAVE. SAVE and I are best friends. There is actually an index13.htm and a menuhc13.css. It has saved me from going back and starting from scratch, hundreds of times. I really think of "save' as the eraser on my pencil. 
