Phil Posted September 8, 2008 Posted September 8, 2008 I'm trying to embed a Google map in a web page, but I'd like to modify the code to put a 2 pixel wide border around it in color #F87824. My problem is I don't know squat when it come to HTML. Can anyone help? Thanks. Here's the code: <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps/ms?f=q&hl=en&geocode=&ie=UTF8& s=AARTsJo0KVFl7sk6oQFTzCpjvBybH5R2qw&msa=0& msid=103347098210005830562.00045665eb33f521bfaca& ll=42.920009,-71.840866&spn=0.010999,0.018239& z=15&output=embed"></iframe> Share this post Link to post Share on other sites More sharing options...
NCC10281982B Posted September 8, 2008 Posted September 8, 2008 take a look here http://www.w3schools.com/TAGS/tag_iframe.asp I'm not sure if you can do the color thing with out css though. Share this post Link to post Share on other sites More sharing options...
Phil Posted September 8, 2008 Posted September 8, 2008 It looks like "frameborder" only has a yes/no value. Maybe a colored border is not possible? Share this post Link to post Share on other sites More sharing options...
suchuwato Posted September 8, 2008 Posted September 8, 2008 create a div: #gmap{ border: 2px; border-color: #XXXXXX; width: x; height: x;} and stick whatever code google gives you in it, with frameborder = no Share this post Link to post Share on other sites More sharing options...
Phil Posted September 8, 2008 Posted September 8, 2008 (edited) OK, but I'm using an editor and have no idea how I'd do what you just said. So I guess <iframe> doesn't support what I'm trying to do by itself then. Edited September 8, 2008 by Phil Share this post Link to post Share on other sites More sharing options...
ClayMeow Posted September 8, 2008 Posted September 8, 2008 What suchu is saying is basically this: <div style="border:2px; border-color:#FF0000;"><iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps/ms?f=q&hl=en&geocode=&ie=UTF8& s=AARTsJo0KVFl7sk6oQFTzCpjvBybH5R2qw&msa=0& msid=103347098210005830562.00045665eb33f521bfaca& ll=42.920009,-71.840866&spn=0.010999,0.018239& z=15&output=embed"></iframe></div> That will allow you to have the border without having to edit/access the css file Share this post Link to post Share on other sites More sharing options...
Phil Posted September 8, 2008 Posted September 8, 2008 I'll try inserting that as a "code object", thanks. Share this post Link to post Share on other sites More sharing options...
Phil Posted September 8, 2008 Posted September 8, 2008 I don't think I can make it work. Thanks guys for your help. Share this post Link to post Share on other sites More sharing options...
ClayMeow Posted September 8, 2008 Posted September 8, 2008 code object? Where are you trying to put this? Share this post Link to post Share on other sites More sharing options...
Phil Posted September 9, 2008 Posted September 9, 2008 "Code object" is just a term used by my WYSIWYG editor for a mechanism for inserting non editor generated code in a specific spot on the page. Share this post Link to post Share on other sites More sharing options...
ClayMeow Posted September 9, 2008 Posted September 9, 2008 "Code object" is just a term used by my WYSIWYG editor for a mechanism for inserting non editor generated code in a specific spot on the page. Even a WYSIWYG should allow you to edit raw HTML. Insert the code object as you normally would. Then switch to the raw HTML code and find the code object you just inserted...then just wrap it in the div code I supplied. Share this post Link to post Share on other sites More sharing options...
suchuwato Posted September 9, 2008 Posted September 9, 2008 Even better, post the source of whatever you want it in with a bit of text 'replace me' Share this post Link to post Share on other sites More sharing options...
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now