Virtual Mechanics: Community Forums and FAQs
Virtual Mechanics: Community Forums and FAQs
WebDwarf, SiteSpinner, SiteSpinner Pro 'How do I...'
coffe cup dhtml menu and relative horizontal positioning and sizing|
Go
![]() |
New
![]() |
Find
![]() |
Notify
![]() |
Tools
![]() |
Reply
![]() |
|
|
Honorary Mechanic |
www.blumarine.gr
wonderful drop down menu the one suggested by Klimt done with SSpro but not for every day use, too complex. Long way for VM to produce something decent. I'm experimenting the coffe cup dhtml menu on that page together with relative horizontal positiong and sizing for each object on the page. But i immediately can see that the menu does not stay in same the position when i change screen resolution (1280-768)how can i acheive it? Thanks a lot. |
||
|
|
Guru 'Geezer' Mechanic |
You need to adjust the values of 3 javascript parameters in the code. Look for the following:
1. var TargetLoc=""; This variable is used to allow the menu code to be shifted relative to the page. If left unset (no value), absolute positioning is used. This is why you menu is staying fixed on the page. Set this value to the SiteSpinner HTML-generated object name; in your case, this would be "Oobj12" which is the object of the code container for the menu. 2. Once you have set the value for TargetLoc, you will need to alter 2 other variables: var StartTop= var StartLeft= These values tell the code where to place the code on the page. If TargetLoc is not set, then these turn into absolute co-ord values and the menu will be fixed at the same spot on the page (as it is now). When you set the TargetLoc value and turn positioning into relative mode, then these values are used as offset values from the original of the object containing the code. So the values you now have (205 & 130) will shift the menu 205 pixels left and 130 pixels down from the starting point of obj12, which is (143,210). Setting the values to 0 should make the menu align with the code object. |
|||
|
|
Honorary Mechanic |
I understood now that i'm really good (yeah
Great Larry. If i will have a second life may be i'll learn as much as you. |
|||
|
|
Honorary Mechanic |
I'm working on it and it's ok, i just found that help topics indicates in "project options" two check box to set relative vertical and horizontal sizing for all the objects which are no longer there.
It seems to me that objects do not resize on different screen resolution.I'm still in preview mode and i did not publish it. Now it is in publish mode. This message has been edited. Last edited by: newer, |
|||
|
|
Honorary Mechanic |
Another option to consider (perhaps too late for this time) is the DHTML menus done by Angus Turnbull at www.twinhelix.com down in Bruceee's part of the world.
Loads of scripty goodies there including a very good set of cascading drop down menus. All the best G |
|||
|
|
Honorary Mechanic |
Most of the times i ask information in the forum all the expert come to help when they think their suggestions are useful either to solve a problem or to find a work around.
But when there is a silence i start worrying because (may be i'm paranoid) i think i'm touching a nerve that should not be touched. At this point not too many toughts can come to mind either than you gurus working for VM (which is fine with me) but avoiding an answer and leaving a post in the forgotten box; answer that a this point not having a proper manual or tutorial (missing steps, links not working... similar to my web site I need better explanation, information, tutorial, manual in order to make things work. This time is for the relative sizing and position, but this happens for almost all the issues. Are the horizontal sizing working or they just work under particular conditions? Did not mean to offend anybody. P.S. I have been reading all the old posts on the matter. |
|||
|
|
Honorary Mechanic |
As far as I'm aware our two resident guru's don't actually work for VM but volunteer huge amounts of their time to help us lesser mortals in being better and eternal gratitude to them for that - I know I've benefitted hugely.
The fact that you don't get an answer is indicative of nothing, it may be that: 1. We don't know about your problem, don't have that specific experience 2. We're busy - or asleep - Bruceee is in NZ, I'm in the UK, don't know where Larryd is located. 3. We're out doing, like, real stuff. (creepy) Sometimes, we just have to puzzle stuff out for ourselves, look at other internet forums and then translate this into how it can work in SS. What you could do is to try a sample page in notepad or frontpage to get it actually working and then translate it into SS. I've done that a few times as I'm not yet that good putting code into SS directly. It would be nice to have a comprehensive manual but I guess that'd be too costly to produce and keep up to date and would make the product very much more costly too. Don't feel badly that you didn't get the exact answer you needed, I don't all the time, instead treat it as a challenge! You'll feel brilliant when you conquer this little hill and then you can tell the rest of us how to do it. From a usability and accessibility point of view I wouldn't use a dhtml cascading menu, makes the page look messy and the menu's overlay the content which never looks good. Most major sites that I'm aware of have moved away from these now and for another reason, seo, I don't think Google can't see the links when they're buried in code. Good luck! _______________________________ Moral: Do - learn - pass it on |
|||
|
|
Honorary Mechanic |
POSITIONING AND SIZING
Pages can be 'centered' with the click of a button. All objects can be set to Relative Sizing and Relative Positioning, resulting in dynamic pages and objects that scale, size, and position to your visitor's monitor. (This how SSpro advertise on VM main page. I'm just talking about this matter but there are more.) I understand your point ov view but can you say that it is a true statement? Sizing is c....! Does not work or, giving the benefit of doubt, does not work just with clicking the icons in the tool bar. Therefore the need of a proper explanation that i'm not asking from other guru users, but from VM. |
|||
|
|
Guru 'Geezer' Mechanic |
I have spent some time changing my screen resolution and viewing your link. I do not understand what the problem is. The page is resizing to fit the different screen resolutions.
And I'm sure my wife would be glad if I were being paid for the time I spend here. |
|||
|
Guru 'Power' Mechanic![]() |
Yes, that is a true statement. 'Centered' is Horizontal Page Centering in the Page Editor > Special Effects tab. The second part of the quote is also true, but there are issues in that relative sizing and positioning tends to be incompatible with CSS positioning which is SS's normal mode of operation. There is an explanation in the tutorials under Help > Load Tutorials > "LayoutCen and "LayoutRel" pages. I've never really been happy with what I can do with Relative Sizing and Postioning, and find the much better option is horizontal page centering. |
|||
|
|
Honorary Mechanic |
Good evening Larry and Bruceee I'm really gratehful for all your support and help you give and also you Roma.
You SHOULD get paid for your help and that's what i really think and if i can do anything to compensate your help just ask. Larry you can understand your wife is not the ony thinking that. Larry resizing does not work. Bruceee that's another way to say relative sizing and positiong sucks. Now VM are you going to change the AD or you are going to give some kind of tutorial or instructions? |
|||
|
|
Honorary Mechanic |
Just try with simple squarish objects with all screen resolution and all the possible combinations relative horizontal...vertical...diagonal...with all the project options for different square resolution wide screen, small screen etc.
Forget it. It really does not work. |
|||
|
|
Guru 'Geezer' Mechanic |
I have created 3 video examples of a project with a target resolution of 800x600. The first is the project being view in Firefox with a screen resolution of 800x600, the 2nd at 1280x1024, and the 3rd at 1680x1050. In all 3 examples, the object moves and resizes relative to the browser window.
I'm beginning to think that we are not talking about the same thing. Do you have an example of what you are trying to achieve? |
|||
|
|
Junior Mechanic |
Hi, using Sitespinner, how does one make a drop down list appear using a mouse over function and then have the user move the mouse to click on the desired list item? Also, what does 'Value' mean in the form item editor?
|
|||
|
|
Guru 'Geezer' Mechanic |
I do not think there is a reliable method to open a select list box with a mouse over. I would not suggest doing it since most of your visitors will know how to click to open it anyway.
If you want to display the items in the list all at once, uncheck the Drop-Down List option and resize the object to display the desired number of items. In a select list, you present a list of items which can be selected (these are the names) which will have values assigned to them. For example, lets say your list has the items (names) of: One Two Three You would assign values to these names, like 1, 2, and 3. When the submit button is clicked, the browser collects the selected item and its associated value so it can be passed to a processing script in what is called name-value pairs. For example, in the above list, if a visitor select item Two, the browser would construct a name value pair of Two=2; this way the processing script knows that the name "Two" has a value of "2" and will use it as needed. |
|||
|
|
Honorary Mechanic |
Hi Larry please check the link again the 2 white bars are different just for resizing checked or not (icon).
They look to me identical. |
|||
|
|
Guru 'Geezer' Mechanic |
The generated HTML code shows that relative sizing is not turned on for Oobj7, but is turned on for obj11. I'm not sure what you expected to see. The resizing width of obj11 is set to 93%. This means that the object will "consume" 93% of the width of the containing object. It appears to be doing this correctly.
You have page centering turned on; relative positioning and relative sizing to not work well with page centering. All these effects are performed by using CSS and quite often the CSS codes conflict with each other. Since relative resizing works as a percentage of the containing object, your obj11 is maintaining its 93% size based on the centering object and not the page body. This may be where the confusion lies. |
|||
|
|
Honorary Mechanic |
HI Larry.
objects in question are 4 & 7 one has sizing off the other sizing on both horizontal relative positioning on Now centering page is unchecked. Do you find them acting different? |
|||
|
|
Guru 'Geezer' Mechanic |
It still looks like it is acting as I expect it to (based on the generated CSS code), but I think I see why it is not acting as you expect.
Relative sizing and positioning is set as a percentage of the container object. Since you are using images in your example, these are geometry objects (a geo div) which resides inside an object container (the obj div). The relative sizing and positioning percentage CSS code is applied to the obj div and not the geo div. So the invisible obj div is being resized and repositioned, while the geometry object is fixed within its obj div. If you open the Options->Project Options->Advanced tab, you can check the "Set <img> as 100% width/height of object <div>", this will allow any image inside a obj div container to assume the same relative sizing and positioning controls as the container. I think this is will yield the effect you are trying to achieve. |
|||
|
|
Honorary Mechanic |
Yes.
YOU ARE THE MANUAL AND TUTORIAL TOGETHER. That's why VM does not produce a decent one. I'm sure this checkbox in advanced tab will have side effects, first coming to my mind is distorted images(meaning pictures)and titles. So, unfortunately, another question how to exclude some from that target? P.S. The real tab is totally different from tutorial Again P.S. I just realized that was a stupid question. This message has been edited. Last edited by: newer, |
|||
|
| Powered by Eve Community | Page 1 2 |
| Please Wait. Your request is being processed... |
|
Virtual Mechanics: Community Forums and FAQs
Virtual Mechanics: Community Forums and FAQs
WebDwarf, SiteSpinner, SiteSpinner Pro 'How do I...'
coffe cup dhtml menu and relative horizontal positioning and sizing
