Log In · Register

 
Positioning image, with a div?
mizz_brokie
post Jan 3 2005, 12:29 AM
Post #1


Member
**

Group: Member
Posts: 14
Joined: Dec 2004
Member No: 69,042



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
 
 
Start new topic
Replies
mizz_brokie
post Jan 3 2005, 10:09 AM
Post #2


Member
**

Group: Member
Posts: 14
Joined: Dec 2004
Member No: 69,042



^ 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 -->
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: