Positioning image, with a div? Options

[mizz_brokie]

umm my banner... how can i position my banner wherever i want? not like... center or left and stuff.. like a specific place.. do i use..? I TRIED the div thing..with the.. margin lleft..right..top..blah blah? but how do u actuallly do it? and even if i put a div around the pic..since the pic has the image map thing.. two pics come up.. from the div thing and the image map thingy.


and if you go to my xanga.. u see those spaces between my blog entries..it's pink ya know? cuz the background is..so.. How do i make that white with the rest of the blog body? if thats not possible.. how can i get rid of the spacing?..cuz i want everything from the blog body down(the background not the fonts and stuff) to be white..


thanks

[Jus2s1mp13]

1. Well if you say you use div. Did you close it first? Do 2 div. Separate them into 2 things. First would be your banner/image map.( Then close it by </div> ) Your second one would be the blog. (This one don't close the div.) That should solve your problem.

[mizz_brokie]

^ if i post up my codes... would you show me what you're talking about? because i get half of it...just sorta confuse

here are my codes:

Header Html

<!-- begin code provided by createblog.com -->

<script language="JavaScript"><!--
function P(url,h,w) { // (url,height,width)
var p = "height=" + h + ",width=" + w + ",scrollbars=yes";
window.open(url,"",p);
} // -->
</script><!-- start style sheet -->


<style type="text/css">

body {
background-color: #FFCAE6;
scrollbar-face-color: #FED7EA;
scrollbar-shadow-color: #FEA1CE;
scrollbar-highlight-color: #FEC6E1;
scrollbar-3dlight-color: #FEC6E1;
scrollbar-darkshadow-color: #FEA1CE;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color:#ffffff;
overflow-x: hidden;}


#rblEprops,
#pnlEnabled table,
#pnlEprops table {
width: 379px !important;
font-family: tahoma;
font-weight:normal;
font-size:8pt;
text-align: justify;
line-height:11px;
color:#000000;}


strong {
color: #FEA1CE;
font-family: tahoma;

font-weight:normal;
font-size:8pt;}

input,
select,
textarea,
iframe.htmleditor,
.textfield,
.button {
border: 2px solid #66ccff;
font:normal 8pt tahoma;
background-color: #ffffff;
color:#000000;}


texttable.left,
td.mainleft,
table.left,
table.navigation,
table.search,
.leftmoduletitlebar,
.leftmoduleborder,
.leftmoduleinterior,
table.footer {
display: none;}


table.blogbody tr td {
width:0px; padding: 0px;}


table.announcements {
width:379px;}
table.navigation {
display:none;}


P, B, I, TD, TH {
color:#FEC6E1;
font-family: tahoma;

font-weight:normal;
font-size:8pt;
text-align: justify;
line-height:11px;
color:#000000;
}

.pnlItem {
font-family: tahoma;

font-weight:normal;
font-size:8pt;
text-align: left;
line-height:11px;
color:#000000;
width: 379px;}

.smalltext {
font-family: tahoma;

font-weight:normal;
font-size:8pt;
text-align: left;
line-height:11px;
color:#ffffff;
width:379px;
background-color:#000000;}


table.blogbody {
font-family: tahoma;
background: ffffff

font-size: 8pt;
color: #000000;
line-height:11px;
text-align: justify;
width:379px;}
hr {
display:none;}


a:link{
color:#FEC6E1;
text-decoration:underline;
font-weight:normal;
cursor:crosshair}


a:visited{
color:#FEA1CE;
text-decoration:underline;
font-weight:normal;
cursor:crosshair}

a:active{
color:#FED7EA;
text-decoration:underline;
cursor:crosshair}

a:hover{color:#FEA1CE;
text-decoration:underline;
cursor:crosshair;
border-bottom:1pt dotted #ffffff}


</style>

<!-- End Style Sheet -->

<MAP NAME='imgmap'>
<AREA SHAPE='rect' COORDS='80,486,128,495' HREF='http://www.xanga.com/signin.asp' ALT='Sign In'>
<AREA SHAPE='rect' COORDS='162,485,216,495' HREF='http://www.xanga.com/private/SubscribeTo.aspx?user=mizz_brokie' ALT='Subcribe!'>
<AREA SHAPE='rect' COORDS='235,485,276,496' HREF='www.xanga.com' ALT='Xanga'>
<AREA SHAPE='rect' COORDS='108,497,165,507' HREF='http://www.xanga.com/logout.asp' ALT='sign out'>
<AREA SHAPE='rect' COORDS='187,497,228,507' HREF='http://www.xanga.com/claf' ALT='Look and Feel'>
<AREA SHAPE='rect' COORDS='259,496,314,509' HREF='http://www.xanga.com/private' ALT='Private'>
</MAP>

<IMG SRC=http://www.pix8.net/pro/pic/4093wM6Os/268136.jpg' border=0 width=397 height=532 USEMAP='#imgmap'>

<!-- start blog -->

<div id="content"
align="justify"
bgcolor="#ffffff"
style="margin-top:-7;
margin-lefT: -1px;
width:379px;
margin-right: 00px;
margin-bottom: 0px;
text-align: justify;">

<style type="text/css">
<!-- table.navigation{display:none;} -->
</style>

<!-- end code provided by createblog.com -->

Webstats

<script>
width = 180;height = 70;
if(location.pathname=='/item.aspx'){
var booga = document.getElementById('htmleditor')
newBooga = '<ifr' + 'ame' + ' class=\"htmleditor\" width=\"' + width + '\" height=\"' + height + '\" ID=\"htmleditor\" scrolling=NO>';
booga.insertAdjacentHTML('afterEnd',newBooga);
booga.removeNode(true);
}</script>
<style type="text/css">

.dates {
font-family: tahoma;
font-size:8pt;
font-weight: normal;
width:379px;
text-align:left;
color: FFFFFF;
background-color:#000000;}
</style>


<script type="text/javascript">
//
// ?004 EasterEgg
//
// For use at Xanga only.
//
// While the date in your blogheader has a fixed format
// (e.g. "Tuesday, March 16, 2004") you may want to use
// another date format, accustomed to *your* preferences.
// This script enables you to apply pretty much any date
// format to your blogheader you like.
//
// Here's how it works:
// The script collects all blogheaders and applies to them
// a format you define by changing the value of the variable
// "dateFormatStr" in the code below. Currently that value is
// set to 'ddd, mm/dd/yy', which will result in a date that
// looks like this: 'Tue, 03/16/04'. If you want to use slashes
// instead of divisions as date separators, go right ahead; you
// can even add HTML to the date format string if you like!:-)
//
// =================
// listing of available constants (using the date
// "Tuesday, March 16, 2004" as an example):
//
// dd = 16
// ddd = Tue
// dddd = Tuesday
//
// mm = 03
// mmm = Mar
// mmmm = March
//
// yy = 04
// yyyy = 2004
//
// =================
//
// You can use any combination of the above constants. Examples:
//
// 'mm/dd/yyyy' will result in '03/16/2004'
// 'mmm dd, yy' will result in 'Mar 16, 04'
// 'mm-dd-yy (dddd)' will result in '03-16-04 (Tuesday)'
// '{ ddd, mmm dd, yyyy }', will result in '{ Tue, Mar 16, 2004 }'
//
// Get the general idea?;-)
//
// Copy this entire code and paste it in the webstats box of your
// Look and Feel page.
//
// You're free to use this script as long as this comment remains
// intact. Future modifications allowed if due credit is given.
//

function formatEntryDate()
{
// ***** adjust the dateFormatStr below as you see fit
// ===================================================
dateFormatStr = '<div class="dates">// ddd, mmm dd, yyyy';
// ===================================================


function getMonthNr(sMonth)
{
months = new Array(
"Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
for (var n = 0; n < months.length; ++n)
{
if (months[n] == sMonth)
{
if ( n + 1 < 10)
return '0' + (n + 1).toString()
else
return (n + 1).toString();
}
}
}

allDivs = document.getElementsByTagName('div');
for (var i = 0; i < allDivs.length; ++i)
{
if (allDivs[i].className == 'blogheader')
{
newDateFormat = dateFormatStr;

// day
entryDate = allDivs[i].innerHTML;
dayLong = entryDate.substr(0, entryDate.indexOf(',')); // dddd
dayShort = dayLong.substr(0, 3); // ddd
tempStr = entryDate.substr(dayLong.length + 1);
dayNr = tempStr.substr(tempStr.indexOf(',') - 2, 2); // dd
newDateFormat = newDateFormat.replace('dddd', dayLong);
newDateFormat = newDateFormat.replace('ddd', dayShort);
newDateFormat = newDateFormat.replace('dd', dayNr);

// month
monthLong = tempStr.substr(1, tempStr.indexOf(',') - 3);// mmmm
monthShort = monthLong.substr(0, 3); // mmm
monthNr = getMonthNr(monthShort); // mm
newDateFormat = newDateFormat.replace('mmmm', monthLong);
newDateFormat = newDateFormat.replace('mmm', monthShort);
newDateFormat = newDateFormat.replace('mm', monthNr);

// year
yearLong = tempStr.substr(tempStr.indexOf(',') + 2); // yyyy
yearShort = yearLong.substr(2); // yy
newDateFormat = newDateFormat.replace('yyyy', yearLong);
newDateFormat = newDateFormat.replace('yy', yearShort);

allDivs[i].innerHTML = newDateFormat;
}
}
}
formatEntryDate();
</script></td></tr></table></div></div></div></div>
<!-- end code provided by createblog.com -->

[Jus2s1mp13]

Try this and just fix the div position etc.

Header:

[mizz_brokie]

^ somehow i cant position itttttttttt gr... sigh.. :-(

[*mona lisa*]

use the margin-top and margin-left and mess with the numbers. and use negative numbers if you have to too.

[mizz_brokie]

i used the codes that Jus2s1mp13 gave me... but i try messing with the numbers and stuff.. it still wont move.. believe me.. i did. it still stays there... 0_o

[mizz_brokie]

oh nvm! i figured it out..Jus2s1mp13..
insteading of using...
<DIV id= scroll style="overflow: auto; background-color:#ffffff style="margin-top:-7; margin-lefT: -1px;width:379px; height:500px; margin-right: 0px; margin-bottom: 0px; text-align: justify;">

^which u gave me...
i used this one instead...

<div id="content"
align="justify"
bgcolor="#ffffff"
style="margin-top:-7;
margin-lefT: -1px;
width:379px;
margin-right: 00px;
margin-bottom: 0px;
text-align: justify;">

because my old codes.. the blog.. i could move it.. so i figured might as well use it on the image.. i dont know whats wrong with the div code that u gave me.. but i couldnt move my image.. but with this one i can.. weirD? thanks..

up there i also asked about..

if you go to my xanga.. u see those spaces between my blog entries..it's pink ya know? cuz the background is..so.. How do i make that white with the rest of the blog body? if thats not possible.. how can i get rid of the spacing?..cuz i want everything from the blog body down(the background not the fonts and stuff) to be white..

can anyone help me there? or do i have to make a new thread?


thanks