name box?, screenshot included.. Options

[trinamckee]

I made a name box to put in the well.. name box...

Is there anyway to line that up.. and also has anyone figured out my txt problem.. I have checked my codes.. I can't find anything

[coldtrance]

can you post your layout codes please, and when you do, can you identify which code is the "name box"

edit:
why dont you just put the text in the other box that you had your name in before?

[trinamckee]

I just thought it would look nice, if I can't set up the box I will.. :)

this is the code
<div class="hl_namebox"><img src="http://i6.tinypic.com/123quep.gif"></div>
all I did was put the image into where the txt was hoping it would work, apperently not lol

[coldtrance]

is there any div properties for the name box like:

.namebox{blah blah blah;}

because i need that to help you move the table

[trinamckee]

yes, hang on
I think this is all the div properties, there is not one labeled hl_name box...?

</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<table>
<tr>
<td>
<table width="435">
<tr>
<td valign="top" align="left" width="435" bgcolor="ffffff" style="word-wrap:break-word">


<style type="text/css">
.hl_main { position:absolute; left:55%; top:95px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:black;} </style>

<style type="text/css">
.hotlayouts { Background Properties }
body {
background-color:a1566a;
scrollbar-face-color:f9e0b8;
scrollbar-highlight-color:f9e0b8;
scrollbar-3dlight-color:a1566a;
scrollbar-shadow-color:a1566a;
scrollbar-darkshadow-color:f9e0b8;
scrollbar-arrow-color:a1566a;
scrollbar-track-color:f9e0b8;
}
.hotlayouts { Table and Section Properties }
table, tr, td {background:transparent; border:0px;}
table table table {background-color:a1566a;}
td.text table, td.text table td {width:200px; padding:0px;}
td.text table table table table,
td.text table table table table td {width:0px;}

.hotlayouts { text properties }
table, tr, td, li, p, div { font-family:arial; color:000000; font-size:11px; }
.btext { font-family:verdana; color:a1566a; font-size:8px; }
.blacktext10 , .blacktext12 , .lightbluetext8 , .orangetext15 , .redtext , .redbtext , .text , .whitetext12 , a:active, a:visited, a:link , a.navbar:active, a.navbar:visited, a.navbar:link , a.navbar:hover , a.redlink:active, a.redlink:visited, a.redlink:link , a.redlink:hover , .nametext {color:black; font-size:11px; font-family:arial;} a:hover { font-family:arial; color:333; font-size:11px;border-bottom: 3px solid; border-bottom-color:black;text-decoration:none; }
big{font-family: times new roman;
font-size: 40px;
line-height:20px;
color:333;
font-weight: bold;
letter-spacing: -1px;}
h1.hl1 {font-family: times new roman;
font-size: 20px;
color:444;
font-weight: bold;
letter-spacing: -1px;}

.hotlayouts { Other properties }
table table td {width:10px;}
div table table td, table table table td {width:auto;}
table table img {display:none;}
table table table img {display:inline;}
td.text td.text table table div,
td.text td.text table table a img { width:65px !important;}
div table tr td font {visibility:hidden;}
div table table tr td font {visibility:visible;}
a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
.blacktext10 {display:block; width:100px;}
i {color:333;font-size:11px !important;font-family:georgia;}
.hotlayx { others }
table, tr, td {background-color:transparent;
border:none; padding: 0px; width:200px;}
table table table {background-color:white;
border:1pt white solid; height:.01%; width:100%;}
table table table table {border:none;}
td.text td.text table table td {padding:3px;}
td td td td {width: 1%; text-align:justify;}
.comments {visibility:hidden;display:none;}
.contacttable { display:none; }
table td.text {visibility:hidden;} td.text td, td.text span, td.text a {visibility:visible;}
.hidethem {display:none; visibility:hidden;}

div.hotlaysh { background-image:url ('http://i41.photobucket.com/albums/e262/hotlayoutchx/hotlays/221copy.gif');
</style>


<div class="hl_main"> <table style="width:900px; height:680px; cellpadding:0px; cellspacing:0px; border:0px solid transparent; background-color:a1566a;}"> <tr> <td valign="top">



<div class="hl_namebox"><img src="http://i6.tinypic.com/123quep.gif"></div>

<div class="hldiv"></div>

<div class="hl_navigationbox">

[coldtrance]

you dont have any div properties for it so put this between your style tags:

.hl_namebox{margin-top:#px; margin-left:#px;}

change the #'s to actual numbers

margin-top is how far away you image will be from the top of your page

margin-left is how far away your image will be from the left side of your page

try starting out with small numbers, and if you need to use negative numbers to move your image, just play around with numbers until you get your image where you want it

[trinamckee]

k thank you so much, let me try and I am sorry for the craziness in both post.. :)

[coldtrance]

not a problem, we're here to help so there are no worries

[trinamckee]

How do I need to place that code in?

*hl_namebox{margin-top:#px; margin-left:#px;}*

<div class="hl_main"> <table style="width:900px; height:680px; cellpadding:0px; cellspacing:0px; border:0px solid transparent; background-color:a1566a;}"> <tr> <td valign="top">

<div class="hl_namebox">(in here?)
<img src="http://i6.tinypic.com/123quep.gif"></div>

How do I need to place that code in?

*hl_namebox{margin-top:#px; margin-left:#px;}*

<div class="hl_main"> <table style="width:900px; height:680px; cellpadding:0px; cellspacing:0px; border:0px solid transparent; background-color:a1566a;}"> <tr> <td valign="top">

<div class="hl_namebox">(in here?)
<img src="http://i6.tinypic.com/123quep.gif"></div>

[coldtrance]

in your css

<style type="text/css">
.hl_main { position:absolute; left:55%; top:95px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:black;} </style>

<style type="text/css">
.hotlayouts { Background Properties }
body {
background-color:a1566a;
scrollbar-face-color:f9e0b8;
scrollbar-highlight-color:f9e0b8;
scrollbar-3dlight-color:a1566a;
scrollbar-shadow-color:a1566a;
scrollbar-darkshadow-color:f9e0b8;
scrollbar-arrow-color:a1566a;
scrollbar-track-color:f9e0b8;
}
.hotlayouts { Table and Section Properties }
table, tr, td {background:transparent; border:0px;}
table table table {background-color:a1566a;}
td.text table, td.text table td {width:200px; padding:0px;}
td.text table table table table,
td.text table table table table td {width:0px;}

.hotlayouts { text properties }
table, tr, td, li, p, div { font-family:arial; color:000000; font-size:11px; }
.btext { font-family:verdana; color:a1566a; font-size:8px; }
.blacktext10 , .blacktext12 , .lightbluetext8 , .orangetext15 , .redtext , .redbtext , .text , .whitetext12 , a:active, a:visited, a:link , a.navbar:active, a.navbar:visited, a.navbar:link , a.navbar:hover , a.redlink:active, a.redlink:visited, a.redlink:link , a.redlink:hover , .nametext {color:black; font-size:11px; font-family:arial;} a:hover { font-family:arial; color:333; font-size:11px;border-bottom: 3px solid; border-bottom-color:black;text-decoration:none; }
big{font-family: times new roman;
font-size: 40px;
line-height:20px;
color:333;
font-weight: bold;
letter-spacing: -1px;}
h1.hl1 {font-family: times new roman;
font-size: 20px;
color:444;
font-weight: bold;
letter-spacing: -1px;}

.hotlayouts { Other properties }
table table td {width:10px;}
div table table td, table table table td {width:auto;}
table table img {display:none;}
table table table img {display:inline;}
td.text td.text table table div,
td.text td.text table table a img { width:65px !important;}
div table tr td font {visibility:hidden;}
div table table tr td font {visibility:visible;}
a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
.blacktext10 {display:block; width:100px;}
i {color:333;font-size:11px !important;font-family:georgia;}
.hotlayx { others }
table, tr, td {background-color:transparent;
border:none; padding: 0px; width:200px;}
table table table {background-color:white;
border:1pt white solid; height:.01%; width:100%;}
table table table table {border:none;}
td.text td.text table table td {padding:3px;}
td td td td {width: 1%; text-align:justify;}
.comments {visibility:hidden;display:none;}
.contacttable { display:none; }
table td.text {visibility:hidden;} td.text td, td.text span, td.text a {visibility:visible;}
.hidethem {display:none; visibility:hidden;}

div.hotlaysh { background-image:url ('http://i41.photobucket.com/albums/e262/hotlayoutchx/hotlays/221copy.gif');}

.hl_namebox{margin-top:#px; margin-left:#px;}


</style>