Image-linking?

[stigart]

Hey there...

A few questions about basic Golive features:

How do I link from an image thumbnail to the actual picture to open in a new tool- and menuless window without having to create an html-page for each picture?
And how do I remove the purple stroke from the thumbnail after it's been linked?

I've tried using the Rollover&actions palette and the CSS-editor but I need some guidance now...

Thank you...

- Stigart

 

[wiser3]

Set your link to the full size image as usual. To open it in a new window, with users default settings, set target to _blank. To control the chrome of the opening window you need to use one of the link related actions, such as "Open Window" or "Slide New Window".

That purple stroke is a browsers default way of indicating the image is a link. It can be removed with the following CSS rule:
img.a { border:0; }

 

[stigart]

Thanx, the purple link is gone...

I'm still having trouble making the image open in a new window without the menus and the toolbar.
I thought I knew how to do this...

 

[wiser3]

Hmmm... what browsers are still giving menus and toolbars?

I know FireFox has user preferences for setting new windows to open in the same window or new tabs. Since FF gives precedence to user settings it will follow those settings no matter what the page code says to do.

 

[stigart]

I use Windows XP Explorer and that's what I've used before. It wasn't XP, but I guess that shouldn't make a big difference...?

 

[wiser3]

See the target setting below the link setting? Set target to _blank.

 

[stigart]

Hmmm, nothing's happening.

Are you refering to the Inspector-window or the Rollovers&Actions-window?
Or is it enough just to link in either of the windows?

 

[wiser3]

Wouldn't hurt to do both.

I still wonder if it's working for you due to a browser setting.

 

[stigart]

While I'm struggling with those thumbnails, can anyone please tell me how to apply a scrollbar to a textbox? Or do I do that by applying a textbox to a cell?

Basic stuff, I know.

Thanx...

- Stigart

 

[wiser3]

Not sure what you mean by 'textbox' as there are a couple different kinds. If you mean "text area" or "text field" form controls let me know.

A typical textbox is a div containing text with css applied to it. For example:

< div id="txtarea">
This is where all the stuff goes.<br /> Add some more stuff, and instead of growing, it will have a scrollbar.< p>This is where all the stuff goes.< /p>
< /div>

Then CSS like the following would set it's size, position, borders, etc... and the setting 'overflow: scroll' will result in a scrollbar if there is enough text to require one:

txtarea {width: 200px; height: 200px; overflow: scroll; border: 5px dashed black; background-color: #ccc; }

 

[stigart]

I've been using a "Layout textbox" on top of an image in a "Layout grid".
All I really need is a text-area that is scrollable while the background-image is fixed.

I'll try out your tutorial later.
Thanx...
again...

 

[stigart]

Hmmm, a bit confusing I must admit. Dont really know what type of CSS-definition I need to create (element, .class, #id).

The source to the "Layout textbox" looks like this

http://img.photobucket.com/albums/v398/Stigart/source.jpg

Again, I dont know where to fill in the blanks...

 

[wiser3]

Let me rant for a moment... GoLive has GREAT CSS support! Why doesn't anyone use it? I can't recall helping anyone in here that was using CSS. It's much more powerful and flexible then html/font tags!!! OK, now that i got that out of my system.

The type of CSS declaration (element, .class, etc...) you should use depends on the details of the situation. For this situation lets make it precise.

Your code line 36, change it to (remove the space after opening < which i have to add for the code to show properly in this forum):
< div class="txtarea">

Notice i removed the align="center". You can set that in the CSS. I'm using a class in case you want to put more then one on a page. The following is your CSS declaration.

div.txtarea {width: 200px; height: 200px; overflow: scroll; border: 5px dashed black; background-color: #ccc; }

The declaration i'm using is div.txtarea. (You can initially create any kind of declaration and enter the above declaration for it. GoLive will recognize if your declaration is different from the type you started with and auto adjust to it.) This declaration will result in the CSS rules applying only to divs that also have a class of txtarea. I'm sure you will want to change some of these settings. GoLive has a great CSS editor to do that with.

 

[stigart]

I have been trying to use the CSS, but I haven't found it that supportive, but then again, I'm not used to working with the CSS that much either. Or internet for that matter.

But I'll try this out.
Thank you...

 

[wiser3]

No matter what web layout package you use you will greatly benefit from having a basic understand of at least html and css. Since web layout apps produce html and css understanding them gives insight into what GoLive is doing, why it does it, how it does it, and what limitations are placed upon it.

Then you can get more advanced with javascript and server side programming and so on...