menu item conflicts with link text -...
Hi,
I have added a flag into the side menu of my site (I'm in the process of making the site bi-lingual). Everything on the page works fine until I add the final para of text, which contains 2 links. With the flag in the side menu, an erroneous line break appears in the final para, before the first link (the 2nd link looks fine). If I take the flag out of the menu, the final text para works fine with no breaks before the link.
Is there an element I can change in the menu css to avoid this conflict? Or is there something else I can do?
My code:
<body>
<div id="wrapper">
<div id="header">
<img src="images/NFC_banner_purple_final.jpg" width="1170" height="140" alt="" title="" />
<h1>Helping you to launch your brand onto the French cosmetics market</h1>
</div>
<div id="nav">
<ul class="Dec09-menu sf-vertical">
<li class="first"><a href="index.html">About Nikki Field Consulting</a></li>
<li><a href="http://nikkifieldsblog.blogspot.com/">News/events</a></li>
<li><a href="NFC_Services.html">Services</a></li>
<li><a href="NFC_Distribution.html">Distribution</a></li>
<li><a href="NFC_Press.html">Press</a></li>
<li><a href="NFC_Contact_me.html">Contact</a></li>
<li><a href="index_fr.html"</a><img src="images/Flag_fr_sml.gif" width="24" height="15" alt="" border="1" title="" /></li>
</ul>
</div>
<div id="main">
<img class="firstpic" src="images/About_NFC_crop.jpg" width="195" height="243" alt="" border="" title=""/>
<p id="title">About Nikki Field Consulting</p>
<p class="blurb">The French cosmetics market is one of the largest in the world and the French beauty consumer is always on the lookout for what's new and exciting. With over 1000 product launches per year, and a strong made-in-France presence, it is difficult for foreign cosmetics companies to penetrate the French market.</p>
<p class="textcont">As Director of John Frieda France from 1997 until 2002, I learned how to overcome these difficulties. When I opened the Paris office John Frieda Haircare was already well established in the UK and USA, but was unknown to the French consumer. Within 3 years all John Frieda products were being sold in every distribution channel, from selective to mass: a unique achievement for a foreign brand in France.</p>
<p class="textcont">I established Nikki Field Consulting in 2002 to share my expertise, experience, and contacts, helping companies establish a foothold in this vital market, build brand awareness and gain market share. I advise on marketing strategies prepare brands for the French market and oversee their day-to-day business.</p>
<p class="textcont">Take a moment to review my <a href="NFC_Services.html">services</a>, then <a href="NFC_Services.html">contact</a> me to discuss your particular requirements.</p>
</div>
<div>
</div>
=============================================
The text class in the main.css:
.textcont {
margin-left: 500px;
margin-right: 80px;
margin-top: 0px;
font-family: Verdana, Tahoma, Geneva, Sans-serif;
font-size: 14px;
font-weight: 500;
font-style: normal;
text-decoration: none;
text-transform: none;
font-variant: normal;
color: #877A47;
}
===================================
I'm using HTML Editor v 12.5 build 412 on Windows 7
Original site: www.nikkifieldconsulting.com (haven't put the new one up onto test site yet)
Thanks for any help:)
I have added a flag into the side menu of my site (I'm in the process of making the site bi-lingual). Everything on the page works fine until I add the final para of text, which contains 2 links. With the flag in the side menu, an erroneous line break appears in the final para, before the first link (the 2nd link looks fine). If I take the flag out of the menu, the final text para works fine with no breaks before the link.
Is there an element I can change in the menu css to avoid this conflict? Or is there something else I can do?
My code:
<body>
<div id="wrapper">
<div id="header">
<img src="images/NFC_banner_purple_final.jpg" width="1170" height="140" alt="" title="" />
<h1>Helping you to launch your brand onto the French cosmetics market</h1>
</div>
<div id="nav">
<ul class="Dec09-menu sf-vertical">
<li class="first"><a href="index.html">About Nikki Field Consulting</a></li>
<li><a href="http://nikkifieldsblog.blogspot.com/">News/events</a></li>
<li><a href="NFC_Services.html">Services</a></li>
<li><a href="NFC_Distribution.html">Distribution</a></li>
<li><a href="NFC_Press.html">Press</a></li>
<li><a href="NFC_Contact_me.html">Contact</a></li>
<li><a href="index_fr.html"</a><img src="images/Flag_fr_sml.gif" width="24" height="15" alt="" border="1" title="" /></li>
</ul>
</div>
<div id="main">
<img class="firstpic" src="images/About_NFC_crop.jpg" width="195" height="243" alt="" border="" title=""/>
<p id="title">About Nikki Field Consulting</p>
<p class="blurb">The French cosmetics market is one of the largest in the world and the French beauty consumer is always on the lookout for what's new and exciting. With over 1000 product launches per year, and a strong made-in-France presence, it is difficult for foreign cosmetics companies to penetrate the French market.</p>
<p class="textcont">As Director of John Frieda France from 1997 until 2002, I learned how to overcome these difficulties. When I opened the Paris office John Frieda Haircare was already well established in the UK and USA, but was unknown to the French consumer. Within 3 years all John Frieda products were being sold in every distribution channel, from selective to mass: a unique achievement for a foreign brand in France.</p>
<p class="textcont">I established Nikki Field Consulting in 2002 to share my expertise, experience, and contacts, helping companies establish a foothold in this vital market, build brand awareness and gain market share. I advise on marketing strategies prepare brands for the French market and oversee their day-to-day business.</p>
<p class="textcont">Take a moment to review my <a href="NFC_Services.html">services</a>, then <a href="NFC_Services.html">contact</a> me to discuss your particular requirements.</p>
</div>
<div>
</div>
=============================================
The text class in the main.css:
.textcont {
margin-left: 500px;
margin-right: 80px;
margin-top: 0px;
font-family: Verdana, Tahoma, Geneva, Sans-serif;
font-size: 14px;
font-weight: 500;
font-style: normal;
text-decoration: none;
text-transform: none;
font-variant: normal;
color: #877A47;
}
===================================
I'm using HTML Editor v 12.5 build 412 on Windows 7
Original site: www.nikkifieldconsulting.com (haven't put the new one up onto test site yet)
Thanks for any help:)
Could you upload the site with the error in it, that extra paragraph with the links. I'm not sure I understand what is wrong until I see it. If you don't want to publish for everyone to see a faulty page, then create a subfolder on the server and upload it there.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger: thanks very much for your reply. I have just this minute sorted out the problem. It was just incorrect coding on the flag link (embarrassing
). Page works fine now.

Good that you were able to sort it!

Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
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.