Google
HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Align Images in Intrest (Heroes) Section.
Post new topic   Reply to topic    HTML Help Forum Index -> MySpace
View previous topic :: View next topic  
Author Message
sanctumstone



Joined: 24 Oct 2007
Posts: 3
PostPosted: Mon Nov 26, 2007 9:42 pm     Align Images in Intrest (Heroes) Section. Reply with quote
I have 3 images in my heroes section, id like for them to align into the box/table so they are not sticking out into the center. Here is a picture to better explain what i want.

http://img148.imageshack.us/my.php?image=helpsk8.jpg



my About Me Profile Code.

Code:
<coolchaser embed code: do not remove modify this line or below layout=5902201>
<br> <br>
<a

<div class='cool'>
<a
</a>
</div>
<style>
.r{}
     
body {
   font-size: 1px; line-height: 1px; font-family: Verdana, Arial, sans-serif;
   background-color:e5e5e5;
   background-image:url('');
   background-attachment: fixed;
   background-position:center center;
   background-repeat:repeat-y; 
   margin-top:10px;
   }
   
.cool {
  position: absolute;
  left:0px;
  top:0px;
  width:156px;
  height:154px;
  z-index:9;
  }

p {margin: 0px 0px 1em 0px; font-family: Verdana, sans-serif !important}

a, a:link, a:visited {color:F35485; text-decoration: none;}

a:hover {color:76996E; text-decoration: none}

img {border: none}

br {line-height: 10px;}

u {text-decoration: none; }

table table table br { line-height:15px; }

* html table table table.latestBlogEntry br { line-height:0; }
.friendSpace br { line-height:0; }

form {border-width:0px;background-color:none;}

input {background-color:transparent !important}

body>div {margin-left: 10px;}
                                             
table {border-collapse:separate;}

table, tr, td, table table, table table td {border-width:0px; background-color: transparent;} 


table table table td {background-color:transparent;margin:0px;padding:0; vertical-align:top ! important;}
* html table table table td {padding: 0 26px 15px 26px;}
 
table table table table {border-width:0px; background-color: transparent; margin:0px; padding:0px; background-image: none;}
table table table table table{ border-color:ffffff;}

table table table table td {padding:3px 0;margin:0px; }
table table table table table td { padding:0 2px 0 0;}


table table table {
   margin:0px;
   max-width: 423px;
   width: 100% !important;
   padding: 0 12px 14px 12px;
   }
      
* html table table table { padding:0;}
      
body td table, body div table {margin-top: 0;}

font {color:386093;font-size:10px}

a font:hover {color:000000}

a.navbar:link, a.navbar:visited {color:FFFFFF}

a.navbar:hover {color:CCCCCC}

table tr td table tr td font {display: inline;}

table tr td table a.navbar {font-size: 10px;}

.text {color:000000;font-size:11px}

a.text:link, a.text:visited {color:FFFFFF}

a.text:hover {color:CCCCCC}

.contactTable {width: auto !important;}

* html .contactTable, *html .userProfileURL {width: 332px !important;}

.contactTable td {padding: 0px; margin: 0px; text-align: center;  }

.contactTable span.whitetext12 { left: 0;}
* html .contactTable .whitetext12 {margin-left: 25px;} 

.contactTable td table { 
   height:150px;
   background-color: transparent;
   background-position: center;
   background-repeat: no-repeat;     
   }
* html .contactTable td table { 
   background-position:center center;
}

.contactTable a {padding: 0px; margin: 0px 5px 1px 0px; display: block; background-color: transparent;  }
.contactTable a { height: 30px; width: 134px;}
.contactTable img { display:none; visibility:hidden;}
.contactTable a img {
   border: 0px;         
   display: block;
   visibility: visible;
   } 
               
.contactTable a img { width:120px; margin-top:6px; margin-left:8px;}

.nametext, .whitetext12, .orangetext15, .btext {
   margin: 14px 0px 4px 0px;
   width:auto;
   display: block;
}

* html .nametext, * html .whitetext12 { width:278px; }


.orangetext15, .btext {
   width:auto;
   }     
table table table
.orangetext15 { margin-bottom:-15px;}

table table table table .orangetext15 { margin-bottom:4px;}
   
* html .orangetext15, * html .btext   { width:373px;}   

table tr td table tr td table tr td div strong {display: block; width: 270px;}

.whitetext12 { margin-top:0;}
.blacktext12 { display: block;  margin-bottom:0px !important;}
.NOTES { content:"view all of your friend's link"; }

a.redlink:link {display: block; border-width: 3px 0px 0px 0px;  padding-top: 3px;}       
a.redlink:active, a.redlink:visited, a.redlink:link { display:inline; }

.NOTES { content:"firefox hack to make tables not to have a huge gap"; }
td.text {text-align:left;}   


table table tr td {
   line-height:1.4em;
}           

table.userProfileURL strong { margin-top:-5px; margin-right:8px !important; }
table.userProfileURL { text-align:center;}     
table.userProfileURL table {margin-top:-7px;  margin-right:-5px;}   
 table table table.userProfileURL {padding-bottom:0;}
*html table table table.userProfileURL td {padding-bottom: 0;}


table.userProfileDetail .whitetext12, table.contactTable  .whitetext12{ margin-top:3px;}
table table table.blurbs span.orangetext15, table table table.friendSpace .orangetext15 { display:none; } 
table table table.blurbs table {margin-top:-18px;}   
table table table.blurbs table table { margin:0; width:auto !important; padding:0;}
table table table.blurbs table span.orangetext15 { display:block; margin-bottom:-10px;} 

table table table.extendedNetwork {  padding:0; }

table table table.extendedNetwork td { height:75px; padding:0;}

table table table.contactTable { padding:0;}
table table table.contactTable span.whitetext12{ display:none; }.contactTable .text {font-size:1px !important;}
table table table.contactTable td.text {height:0px !important}
.r{}
body {
   background-color:000000 !important;
}         

table table table {
  border-width: 3;
  border-style: none;
  border-color: 676767;
  background-color:transparent;



  filter:alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
  -khtml-opacity:1;
  border-top-width: 3;


  border-right-width: 3;








}     


table table table table {filter:none !important; opacity:1 !important; } 
   
.r{}   
   
.contactTable td table {
  background-image: url('http://www.coolchaser.com/images/spicy_b_contact.gif');   
}
   
.contactTable a img, .contactTable img {
   visibility: hidden;
   } 
 
.r{}
                             
.r{}
body, table table tr td, table table div, li, p, .redtext, .blacktext10, .text, a.text:link, a.text:visited,
a.searchlinksmall, a.searchlinksmall:link, a.searchlinksmall:visited,
.lightbluetext8, a, a:link, a:visited, a.redlink:link, div, font, a.navbar:link, a.navbar:visited
{
  color:FFFFFF;
  font-family:Bookman Old Style, serif !important;
  font-size:10;   






}   
           
a.searchlinksmall, a.searchlinksmall:link, a.searchlinksmall:visited { font-weight:normal;}

.r{}
.nametext, .whitetext12, .orangetext15, .btext, .redbtext,    .blacktext12, table.userProfileURL strong { 
   margin: 14px 0px 4px 0px; 
  color:FFFFFF; 
  font-size:9;
  font-family:Comic Sans MS, cursive;

  font-weight:normal;


  text-transform:none; 

}   

.whitetext12 { margin-top:0; }   

.r{}

span.blacktext12 {














  padding-top: ;

   padding-bottom:;


}

.blacktext12 { text-align:center; margin-top:0px;}

.nametext, .whitetext12, .orangetext15, .btext, table.userProfileURL strong {   
   background-color:373636;



  padding-top: 2;
   padding-right:2;
   padding-bottom:2;
   padding-left:4;
   padding-left: 4;
   border-width: 1;
  border-style: solid;













}
     
 


.nametext {   

  font-size:11;
  font-family:Comic Sans MS, cursive;




  text-transform:uppercase; 

   background-color:000000;







 border-width: 1;
 border-style: solid;













}       

.r{}
.lightbluetext8 { visibility:hidden; display:none; }         

     
.r{} 

.r{}   
a, a:link, a:visited, a.redlink:link, a.redlink:visited, a.navbar:link, a.navbar:visited, a.text:link, a.text:visited, a.text:hover {
  color:FFFFFF;   
  font-size:11;
  font-family:Bookman Old Style, serif;

  font-weight:normal;

  text-decoration:underline;

}   

a.navbar:link, a.navbar:visited, a.text:link, a.text:visited, a.text:hover { 

   }   

a:hover, a.redlink:hover, a.navbar:hover,  a.text:hover {
  color:373636;
  font-size:11;


  font-weight:normal;

  text-decoration:underline;

}         

a.navbar:hover,  a.text:hover { 

   }

.NOTES { content:'make font smaller for friends comments box';}
a.navbar:link, a.navbar:visited, a.navbar:hover, a.text:link, a.text:visited, a.text:hover { font-weight:normal; font-size:9px;}

*html table table table { height: .01%; }
     




</style>

<style>
body {
   background-color:000000 !important;
}         
body {
  background-repeat: no-repeat;
}
body {
  background-position:center center !important;
}
</style>
</coolchaser>




my heroes code

Code:
<a
href="http://www.msplinks.com/MDFodHRwOi8vaW1hZ2VzaGFjay51cw=="><img src="http://img218.imageshack.us/img218/6226/3zlviw6bg3.gif" border="0"
<a
href="http://www.msplinks.com/MDFodHRwOi8vaW1hZ2VzaGFjay51cw=="><img src="http://img223.imageshack.us/img223/7307/skyybt9.jpg" border="0" alt="Image Hosted by ImageShack.us"/></a><br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vaW1hZ2VzaGFjay51cw=="><img src="http://img220.imageshack.us/img220/9531/skylinepx1.jpg" border="0" alt="Image Hosted by ImageShack.us"/></a><br/>


sanctumstone



Joined: 24 Oct 2007
Posts: 3
PostPosted: Fri Nov 30, 2007 4:18 pm     Reply with quote
bump
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> MySpace All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 
 
HOSTING / DESIGN
$1.99 Domain Registration
Cheap Web Hosting
Website Templates
MAKE MONEY
Sell Domain Names
Sell Website Templates

Home   |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial