Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
After deciding to redo a "myspace" page (i know) i wanted to do something more artistic and have full control, so i went with CSS from scratch. I have little to no programming knowledge of any language and created a basic layout in a few hours of what i wanted. I didnt want to define every image i decided to make linkable, especially considering they were slightly skewed images and aligning would be difficult. I finally FINALLY figured out CSS image mapping and got it to work!!! ( there are little resources out there for this, apprarently its a dead form??) anyways, now that i have got it to work,,, there is a seemingly blue 3px border surrounding the image, which counters my artistic design ( i havent finished it yet but when i do the image flows into the BG colour.
If anyone knows about CSS imagemapping please help me out, i found that when i remove the map ref it disappears, so it has to be something with the map coding itself?
<div class="background">
<map name="pacmap">
<area href="http://mail5.myspace.com/index.cfm?fuseaction=mail.message&friendID=20061466" shape="rect" coords="576,18,691,56">
<area href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=20061466" shape="rect" coords="701,5,810,38">
<area href="http://comments.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=20061466" shape="rect" coords="824,17,935,50">
<area href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=20061466" shape="poly" coords="672,1097,532,1086,557,791,607,661,691,622,769,625,842,644,893,690,942,712,943,1089,755,1096">
</map>
<p><img src="http://loosechangejewelry.com/BGFINALBETA1.jpg" alt="" usemap="#pacmap"></p>
</div>
and the link to the myspace www.myspace.com/doyouknowpacmayne
keep in mind im not nearly done,,,, im just stuck right now and dont want to proceed till this is resolved -
Hi,
To remove the blue border all you need to do is add border="0" to img tag or add this to your css: img {border:0;}
For CSS image mapping have a look at this article : http://alistapart.com/articles/imagemap -
well i just figured it out anyways,,, considering im still learning i just played around with different "border" placements and values
i tried putting border in the style sheet as border:0px and in the div the way you showed above
<p><img src="http://loosechangejewelry.com/BGFINALBETA1.jpg" border=0px; alt="" usemap="#pacmap"></p>
</div>
and it worked like a cherry
tie tie!!! (ty ty)
1 to 3 of 3