Position in imagemap |
Position in imagemap |
Feb 17 2006, 11:07 PM
Post
#1
|
|
|
Ill get around to doing that.... ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 518 Joined: Oct 2005 Member No: 275,913 |
Ok I am trying to make myself a layout but I am having problems postitioning my banner...
CODE <MAP NAME='imgmap'> my xanga test site
<AREA SHAPE=rect COORDS='349,560,402,577' HREF='http://www.xanga.com/signin.aspx' ALT='Sign In'> <AREA SHAPE=rect COORDS='414,561,470,575' HREF='http://www.xanga.com/logout.aspx' ALT='Log out'> <AREA SHAPE=rect COORDS='480,561,514,574' HREF='http://xanga.com/claf' ALT='Look and Feel'> <AREA SHAPE=rect COORDS='525,563,560,574' HREF='http://www.xanga.com/Private/subs.aspx' ALT='Subscriptions'> <AREA SHAPE=rect COORDS='570,565,619,576' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAMEHERE' ALT='Add Me'> <AREA SHAPE=circle COORDS='393,311,64' HREF='http://getfirefox.com' ALT='Get FireFox!'> </MAP> <IMG SRC="http://img369.imageshack.us/img369/8049/freed6ap.png" border=0 width=780 height=600 margin-left=20px USEMAP="#imgmap"> <div style=" overflow-y: off; overflow-x: auto; width: 450px; height: 300px; margin-top: -20px; margin-left: -50px;"> <style type="text/css"> hr{color: #5F7DC3;} .#rblEprops{display:none;} #pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops /* width of the comment page */ {width:245px;} .leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer {display: none;} </style> <style> body {background-color: #FFFFFF; background-image: url(http://img479.imageshack.us/img479/3546/backround3fw.png); background-repeat: repeat-y; background-position: center; margin-left: 20px; scrollbar-arrow-color: #5F7DC3; scrollbar-track-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF;} } .leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer {display: none;} .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font-family: arial; text-transform:normal; font-size: 8pt; color: #5F7DC3; line-height:12px; text-align:left; } div.blogheader, .caption { /* edits the dates */ font-family:arial; text-transform:normal; font-size:11px; line-height:12px; line-spacing:3px; font-weight:bold; color:#9DC4FF; border: 0px solid #9DC4FF; text-align: center; border-bottom: 0px solid #9DC4FF; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 0px solid #5F7DC3; font-family: arial; font-size: 8pt; color: #5F7DC3; background-color: #FFFFFF; letter-spacing:0px; } table.blogbody { /* this edits the other the place where the blog is */ border: 0px solid #5F7DC3; width: 260px; padding-right: 0px font-family: arial; font-size: 8pt; color: #5F7DC3; text-align: justify; border-bottom: 0px solid #5F7DC3; border-left: 0px solid #5F7DC3; border-right: 0px solid #5F7DC3; } table.navigation, table.main, table.footer { width:260px; } .table.footer,table.navigation {display: none; } td.mainleft { display:none } table.left { display:none } table.footer { display:none } .leftmoduletitlebar { display:none } .leftmoduleborder { display:none } table.navigation { display:none } .blogbody td { width:0px; padding-left:0px; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color: #9DC4FF; text-transform:normal; font-size: 8pt; color: #9DC4FF; line-height:12px; text-decoration: none; text-align:left; } B {COLOR: #9DC4FF} STRONG {COLOR: #9DC4FF} EM {COLOR: #9DC4FF} I {COLOR: #9DC4FF} a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color: #9DC4FF; text-transform:normal; font-size: 8pt; color: #9DC4FF; line-height:12px; text-decoration: none; text-align:left; } a:hover { color: #5F7DC3; text-transform:normal; font-size: 8pt; color: #5F7DC3; line-height:12px; text-decoration: none; text-align:left; } </style> <script> document.title = 'Regain' </script> <body ONCONTEXTMENU="return false"> <!-- begin code provided by createblog.com --><br /> <body style="overflow-x: hidden"><br /> <!-- end code provided by createblog.com --> <!-- end code provided by createblog.com --> |
|
|
|
drilotedahl Position in imagemap Feb 17 2006, 11:07 PM
aznvietboi101 is the problem thing the unproportional borders? ... Feb 17 2006, 11:32 PM
Maestro You can use this code to position your banner in I... Feb 18 2006, 12:09 AM
drilotedahl Thanks.. I was going to make this for Firfox but I... Feb 18 2006, 10:14 AM
fishcake-y Far easier like so...CODE<div style="margi... Feb 18 2006, 12:01 PM![]() ![]() |