Badly bored of borders in Pop-Ups

Very irritating - I think I followed the kirupa tutorial to the letter and have happily managed to get the first of our artists portfolios up on the site.

One problem - I keep getting borders in the windows of the site - go to artists portfolios (the flashing’s stopped it’s safe now) and click on one of the top snug squares and you’ll see what I mean…

I want to get get rid of them.

Badly.

can you post me a link?

Rev:elderly:

sorry pal - it’s

go to artists portfolio’s and click on one of the squares…

and bingo (sort of)

Add margin adjustments to your body tag.


<body topmargin="0" leftmargin="0" bottommargin="0" rightmargin="0" marginwidth="0" marginheight="0">

I usually use that.

Errr - I’m afraid I don’t know where the body tag is…

my buttons have:

on (release) {
// customize the window that gets opened
// 0 equals NO.
// 1 equals YES.
address = “http://www.urbanscrawl.com/artist/snug/snug1.jpg”;
target_winName = “snug1”;
width = 640;
height = 480;
toolbar = 0;
location = 0;
directories = 0;
status = 0;
menubar = 0;
scrollbars = 0;
resizable = 0;
// sends data back to the function
openWinCentre(address, target_winName, width, height, toolbar, location, directories, status, menubar, scrollbars, resizable);
}

in them - as per the tutorial - the width and height are the same size as the photos but for that border.

Where would I include the text there - is it dreamweaver?

The body tag is in the HTML page that you are loading.

This must make me look like an idiot C:-)

I just do the flash and ‘put’ it up, I don’t play with even the most basic parts of ‘normal’ web design.

Where do I get to the section of the site in dreamweaver where I can play with the Body (sounds good) that is relevant to each page with the photos on?

  • and if I don’t manage that - is there not a way to fix this within flash…?

cheers

You can not adjust the html body tag through Flash.

You need to go into your html file directly.

There will be a tag in there that says < body > (remove spaces, this board would have converted it if I typed it out).

Adjust the tag to look like the one I gave you above.

The body tag is found towards the beginning of a document.


<HTML>
<HEAD>
<TITLE>page title</TITLE>
</HEAD>

<BODY>




</BODY>
</HTML>

That is the basic structure of an HTML page, this should help you find the body tag.

You really should know this stuff if you are going to build website though :-\

Appreciate your help - I’m learning as fast as I can - this is my first site as you can probably tell. :smirk:

Okay. I tried to adjust the HTML in dreamweaver - I changed it to include your suggested Body text, so it looked like this:

< html >
< head >
< TITLE >UrbanScrawl< / TITLE >
< meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-1” >< /head >

< body border=0 marginwidth=0 marginheight=0 topmargin=0 leftmargin=0 bgcolor=#ffffff text=#000000 >

< object classid=“clsid:D27CDB6E-AE6D-11cf-96B8-444553540000” codebase=“http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0” width=“100%” height=“100% " >
< param name=“movie” value=”/Loading3.swf">
< param name=“quality” value=“high”><param name=“SCALE” value=“exactfit” >
< embed src="/Loading3.swf" width=“100%” height=“100%” quality=“high” pluginspage=“http://www.macromedia.com/go/getflashplayer” type=“application/x-shockwave-flash” scale=“exactfit” >< /embed >< / object >
< /body >
< /html >

but it hasn’t appeared to have worked - I still have those darn borders. Could it be because they are opening in new windows?

Any suggestions guys??

www.urbanscrawl.com

I just spoke to a programmer friend and he said he thought that I’d nee a new html page for each photo - and that like you’ve suggested I could set all the settings within that.

It just seems strange because when I loaded the kirupa tutorial default it didn’t give me a border and when I loaded my site as a default there was no border.

God this seems very complicated - how do I go about setting new pages for every popup??

hang on - no woriies I’m on it…

Can u put up a link to the tut you did this from. I’d like to take a look at it:)

I would too. Changing the margins works in both Netscape and IE and any other browser :-\

Absolutely - it was the centred pop-up tutorial from kirupa -

http://www.kirupa.com/developer/mx/centered_popup.asp

As you can see from the tutorial example there’s no margin - though this may be because its a flash page it links to, mine links to a regular .jpg page.

I’ve tried to get rid of the borders from these pages - first by putting the text you suggested in at the beginning of the whole file and then, as suggested by my friend, by creating an .htm file for each page with the zero margins text in - again with no success. Strange.

For the time being I’ve just increased the box size so that the border goes all the way around - but I’d like ultimately to get rid of it. What do you think of Snug1’s graf, not bad eh? there’ll be more going up in a week or so.

Sintax - you still looking for a decent scrolling text box? I’ll post the .fla for mine as well if you like when I get back. I’m off for a bit as well, to Cuba in about five hours - adios amigos. Thanks for all the help.

:cowboy:

Well I originally believed that you were linking to HTML pages.

You would have to put that body code into the HTML page that you are loading into the pop-up window.

If you are directly loading an image, IE automatically puts it in a white html page with the standard margins, there is no way you can fix that unless you put each image into an html page.

ARRRGGH just worte a massive reply, went to test a close window link I had simplified, and didn’t realise it had opened in the window I was writing my thread in. Closed window. Lost Message. Thumped Wall. Tits…

So, here we go again…

For everyones information, I’m the mystery friend Urbanscrawl refers to earlier.

Basically M8, they are right, as I was trying to explain on the phone the other night (with a pint in my hand… might not have been the best explanation ever…) you need a seperate HTML file for each image.

Create your file in the same folder as the image, and give it the same name. You’ll be grateful later. So, for snug1.jpg , create a file called snug1.htm

The html wants to look like this:



<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<img src="{file name}.jpg" width="640" height="480">
</body>
</html>


So the file for the first Snug image would be:



<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<img src="snug1.jpg" width="640" height="480">
</body>
</html>


Then all you have to do is change the URLs in the Action script from .jpg to .htm

You can do all the HTML by cut and paste into a text editor (e.g. Notepad on PC) if you are still a bit daunted by Dreamweaver, or try these instructions to learn a little bit more:

N.B. Instructions are written for PC, but most things are similar on Mac. Mainly, substitute Ctrl+ for Option+ (the apple key) and Right Click for Alt+Click (sorry if I misrecall those…)

Open a new file: File>New Window or Ctrl+N

Immediately save the file with the appropriate filename for the image it will contain in the same folder as the image (see above)

Right Click in main area of window and choose Properties

In Page Properties dialogue:
Delete the #xxxxxx Hex colour codes (you don’t need them in this example, and it will help to keep your html file tiny)
Enter 0 for Left Margin, Right Margin, Margin Height and Margin Height and Margin Width
Click OK

On Common Objects palette click first button for Insert Image
(Window>Objects, and select Common from drop down menu at top of palette if necessary)

Select the image and click OK

SAVE THE FILE!!!

God, that was tough, wasn’t it?
Well that should be one problem fixed, but now to make you cry. There’s another one…

Go to the Artists Protfolio page.
Click one of the buttons to open a popup
View the genius of the artist.
Return to the main window without closing the popup
Click a different button to open another image…

The popup returns to the front (Nice touch, this doesn’t always happen with Java popups) BUT the new image does not load, the old one remains.

Someone else might know how to fix this for you hopefully (or explain why it happens if it is a quirk of my machine)

I do have a bit of a fix, but it’s not foolproof (and there’s a lot of fools out there, mostly called “clients”)

You could try making each portfolio button open a popup that has a different window name (thats the target_winName = “snug1”; line in the action script on your buttons), but this method could leave you with loads of popup windows open.

OR

Try adding a close window link to encourage users to close the popup before opening another. The HTML could look like this:



<html>
<head>
<title>Urban Scrawl - Innovative Outdoor Media</title>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<script LANGUAGE="JavaScript1.1" type="text/javascript">
</script>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" link="#CC3300" vlink="#CC3300" alink="#FF6600" bgColor=#000000>
<p align=center>
<img src="snug1.jpg" width="640" height="480">
<br> 
<a href="#" onClick="top.close()"><b><font face="Arial, Helvetica, sans-serif" size="2">Close Window</font></b</a></p>
</body>
</html>


Paste this into the Code View in Dreamweaver, or into Notepad, and then open it in Dreamweaver to have a look at what it does if you don’t understand anything, but it’s really very simple, just a link with a teeny bit of Java to close the window ( top.close() )

Hope that does it, please let me know if anyone has questions or suggestions.

Love and Nukes,
crazylegs