Menu on top - Page 3

User 103173 Photo


VP of Software Development
0 posts

Inger wrote:
Scott, take out that png and replace it with Viv's animated gif.

I tried with your png, and it worked flawlessly, but not when using Viv's banner.

With VSD you do not have access to layering options with animated images. That image will need to be flattened.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 122279 Photo


Senior Advisor
14,461 posts
Online Now

Yeah, I was just guessing that much.
Viv, learn to become a coder! :lol:
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 539803 Photo


Registered User
2,156 posts

You cant get the sub menu to open infront of text, but converting text to alternative text has a negative impact on SEO

The banner is not the only animated gif i used, i use lots of them , so i would have to remove every image on the left hand side of my pages http://www.deloreanjewellery.co.uk/files/crest-engraved-signet-rings.gif to show examples of my work

Solution a complete re make of my website, I think not, sorry Scott & CC but this one doe not work in VSD and i would suggest some explanation in the literature AS OF NOW FOR NEW VSD USERS, prior to purchase for those of us who do everything by "suck it and see"

It would appear i should have read through the MENU BUILDER literature more thoroughly, it does state quite clearly about only using alternative text
Started using CC VSD in January 2009, I don't do HTML code, Sales from CC site exceeding expectations taken me out of semi-retirement
Hosted FREE on CC S DRIVE www.chauffeurdrivenluxurycars.co.uk
My new VSD & SCCP site Oct 2011 www.deloreanjewellery.co.uk
My friendly window cleaner www.mwcwindowcleaner.co.uk

User 122279 Photo


Senior Advisor
14,461 posts
Online Now

The animated gifs that don't come in conflict with the menu builder seem to work ok.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 539803 Photo


Registered User
2,156 posts

Inger my website has about 70 pages, all have the animated gif banner, and quite a few have animated gif images in a position that will conflict

I now have a choice between my website design which has been earning me a living which tells me customers like it, and the new menu which conflicts

The live site at present has the new menu with a different design i managed to force the sub menue's over and to the left of the menu buttons, but unfortunately it insists on my laptop to retract to just the word menu

but on my nokia lumia it looks crap http://www.deloreanjewellery.co.uk/

so i guess its back to the old vsd buttons until the responsive version of VSD is available

Started using CC VSD in January 2009, I don't do HTML code, Sales from CC site exceeding expectations taken me out of semi-retirement
Hosted FREE on CC S DRIVE www.chauffeurdrivenluxurycars.co.uk
My new VSD & SCCP site Oct 2011 www.deloreanjewellery.co.uk
My friendly window cleaner www.mwcwindowcleaner.co.uk

User 2147626 Photo


Ambassador
2,958 posts

Viv, try this...I swear it's not (quite) coding, but it just worked on my test site.

The problem is the z-index that is being added to the text block. It needs to be deleted. Simply save your site as it is in VSD. Then open the index.html file in a text editor such as notepad++. (or any simple editor or HTML editor). In that file you should see the CSS lines like this:

<style type="text/css">

/* TEXT STYLES */

.textstyle0 {font-family:Verdana;font-weight:normal;font-style:normal;font-size:13px;text-decoration:none;color:#ffff80;}
.textstyle1 {font-family:Trebuchet MS;font-weight:normal;font-style:normal;font-size:10px;text-decoration:none;color:#400000;}

/* OBJECT STYLES */

div.Object111 { position:absolute; top:342px; left:81px; width:640px; z-index:0; }
div.Object112 { position:absolute; top:1598px; left:340px; width:107px; z-index:1; }
div.Object113 { position:absolute; top:1659px; left:376px; width:49px; z-index:2; }
div.Object114 { position:absolute; top:5px; left:0px; z-index:3; }
div.Object115 { position:absolute; top:-1px; left:-401px; width:1600px; z-index:4; }

Scroll down and find the text block that is causing the problem. Locate the Object number. Come back to this listing of CSS code and find the Object number that matches your text. Delete the z-index on that line. Save the file. Then open it in your browser and see what happens. I'm using IE10 and it works for me.

Let us know :cool:
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 2147626 Photo


Ambassador
2,958 posts

Just to add a little to my last post, I just through this together and added your animated gif and some text where my menu would overwrite it. Check it out... http://gunsmoke.me/test
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 122279 Photo


Senior Advisor
14,461 posts
Online Now

Good thinking, Gunsmoke! There is a BUT, though: Viv would have to do this EVERY time he changes something and reuploads, then by each new save in VSD, his changes made outside the programme will be overwritten. And it would apply to all his animated gifs which are positioned near the menu.

A little time saver - but just a little - would be instead of removing the z-indez from the banner, he could locate the object number of the menu and give the z-index a higher value. At least that would be only once per page. Here is a mockup I made with that change: www.eikweb.com/test4
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2147626 Photo


Ambassador
2,958 posts

Inger, right on! That works too. See, coders and non-coders think different. You wanted to 'fix' the z-index and all I thought about was getting rid of it! But it would be quicker that way. Still right is that you'd have to do it for every page. Glad I only have a few pages to my site.

Adding to that (still a lot of work) I found that after I find the 'Object' in the index file, I highlighted and copied the position and size of the object. Then on the other pages I used the 'find' option to match the object for the menu. This allowed me to quickly find the object on every page so I could change the z-index.

What we need is a quick down and dirty little utility (Prism around ??) that would let us input the position and size of an object, then automatically re-write the z-index to 1000 or something. Then re-save the file. It would have to spider the site to get all the pages and just ignore the pages where it found no match. Bingo! Hmmm...
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 122279 Photo


Senior Advisor
14,461 posts
Online Now

Don't know about the search and replace, it seems to me that for every time a VSD file is changed, the object number is changed too. I may be wrong, though...
Ha en riktig god dag!
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.