Help - Search - Members - Calendar
Full Version: embedding html
Movable Type Community Forum > Additional Resources > Tips and Tricks
agglutinations
How do I embed .html in my existing web page without getting that ugly border you get? If I want to keep the scroll feature, but I want it to look different, is there some kind of packaged code I could use?

Here's the link for my site; scroll down to the bottom; you'll see my embedded .html page there:

http://www.agglutinations.com

Thanks, Agg.
DemiGoddess
Add this to your style sheet:

img {
border: none;
}
agglutinations
I just tried it. Still doesn't work. Also tried adding a "." before img. Also doesn't work.

Just to be clear:

Should I:
1. Add the instructions you list to my stylesheet?

and

2. write "
CODE
<div class="img">
in my index page?

I'm just a little unclear where the border statement should go. Thanks,Agg.
DemiGoddess
I think it also needs a padding property, so try this:

img {
border: none;
padding : 0px;
}

It can be added to the end of the style sheet, or anywhere. Be sure to get both brackets in there.
DemiGoddess
I'm a complete and total ding-dong ... I saw "Page" and my exhausted brain processed "image" ... back in a sec. I'll take a look at what you are really referring to ...


(Where's the red face smiley when ya need it?)
agglutinations
Well, just let me know when you have an answer. Thanks, Agg.
DemiGoddess
Unfortunately, I haven't stumbled across anything yet that would remove the border from the embedded HTML. However, I did run your page through the W3C validator and it shows several problems, particularly with the code for the embed. Maybe getting that fixed up would help get us closer to a solution, if there is one.
paularms
you really should specify border="0" inside of your image tag. here is an example of a valid XHTML img tag...
CODE
<img src="http://www.your-site.com/image/image.jpg" alt="my image" border="0" />

if you are specifying the border in your CSS...
CODE
CSS
.noBorderImage {border: 0;}

XHTML
<img class="noBorderImage" src="http://www.your-site.com/image/image.jpg" alt="my image" />
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.