taking VSD theme to HTML editor for...

Mar 5th, 2012 at 03:17 PM
User 2073552 Photo

SirAGE
Registered User
1,625 posts

Jessica,

Yes, we will need to see the code. If you could post the site and give us a link, it would be helpful. :D
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
Mar 6th, 2012 at 09:02 AM
User 110693 Photo

Jess P
Registered User
24 posts

Sorry I didn't get this up yesterday, we had people stop by unexpectedly.

I have posted the site, the links do not work, & I'm still trying to decide what pictures to use, so I haven't changed that - but do wonder why it moved to the left. As you will see I have a double heading image, too.

http://www.lakelinden.net/Latte/
http://www.lakelinden.net/Latte/default.css
http://www.lakelinden.net/Latte/css/lln … r-menu.css

I will be out most of the day running errands, but thought I'd put it up to give you a chance to check it out.

Thanks for all your help & any comments,
Jess
Mar 6th, 2012 at 09:19 AM
User 38401 Photo

Jo Rice
Senior Advisor
10,951 posts

You'll find your duplicate ribbon is in this code at the end of your menu code:

</ul>

<ul>

</ul>
</nav>

Take out that extra pair of <ul> </ul> tags at the end before the </nav> tag and that should fix it. The way you have the ribbon setup it's going to show up anytime it sees a pair of <ul> tags within the <nav> tags which is what is happening here as you have 2 sets of <ul> tags within the <nav> tags.

Hope that makes sense and helps :)
Jo

http://elementsinwebdesign.com
Mar 6th, 2012 at 09:23 AM
User 2073552 Photo

SirAGE
Registered User
1,625 posts

Jo Ann is correct. I have tested in FireBug and this does take your double images away. :D
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
Mar 6th, 2012 at 07:11 PM
User 110693 Photo

Jess P
Registered User
24 posts

thank you so much, I now only have one showing up, but...
it is the wrong one - the one that remains is the one that is not appear to be wrapping around the background :(

Mar 6th, 2012 at 09:07 PM
User 2073552 Photo

SirAGE
Registered User
1,625 posts

.llnetheader-menu {
line-height: 1;
margin: 1px 0 0 15px;
}

.llnetheader-menu, .llnetheader-menu * {
list-style: none outside none;
margin: 0;
padding: 0;
}

The underlined items need to be removed from your CSS. They are what is causing your issue.
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
Mar 6th, 2012 at 11:42 PM
User 110693 Photo

Jess P
Registered User
24 posts

Thank you so very much, it looks great...now I must sleep, so I can see straight to continue work on the site tomorrow :)

I village would be thrilled to see the homepage live sometime this week, so I've got a lot of work to do.

I am starting to wonder why I sit here staring at problems for so long, you are all so very helpful & fast!!!

Thanks again,
Jess
Mar 7th, 2012 at 01:18 AM
User 2073552 Photo

SirAGE
Registered User
1,625 posts

You are welcome... And it is better if you stare at the problem a little before coming here... Because you may look at it and not change anything, and then we will give you the answer, and you will be say "Wow! I saw that and knew that was the problem!" That way you are learning. I am glad we were able to help, and please keep the questions coming...
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
Mar 12th, 2012 at 01:05 PM
User 110693 Photo

Jess P
Registered User
24 posts

The way you have the ribbon setup it's going to show up anytime it sees a pair of <ul> tags within the <nav> tags which is what is happening here as you have 2 sets of <ul> tags within the <nav> tags.


Is there a different/better way to set up the ribbon? Now when I mouse over my drop down menu, there is a little ribbon behind the drop down menu & there menu items are not connected, not sure if that is the same issues or not. I have <ul> tags within the drop down menu so that is why the ribbon is showing up inside the menu too. So where/how can I set up the ribbon to work as a header, but not in my menu?

http://www.lakelinden.net/Latte/
http://www.lakelinden.net/Latte/default.css
http://www.lakelinden.net/Latte/css/lln … r-menu.css

Thanks for any insight,
Jess
Mar 12th, 2012 at 01:54 PM
User 2073552 Photo

SirAGE
Registered User
1,625 posts

I would suggest you download FireFox, and download the addon FireBug, and Web Developer... Those two tools will allow you to debug most anything on your pages. :D
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.