Help - Search - Members - Calendar
Full Version: Music Profile - Upcoming Shows Alignment Problem
Forums > Resource Center > Support Center > Myspace Support > Myspace Resolved Topics
aleven
Hi,

Thanks for your help in advance!

Here's the profile I'll reference: http://www.myspace.com/tylerreeveband

You'll see that I'm having an alignment problem in the upcoming shows module. The venue and location are placed higher than the date and time.

Here's the code for the bio section:
CODE
<center>
<img src="http://www.tylerreeve.com/myspace/images/extras.gif">
<br>
<img src="http://www.tylerreeve.com/myspace/images/rightsidespacer.gif">
<br>
</center>
Jeans. T-shirt. Boots. Guitar. Tyler's appearance is indicative of his style of music. Simple, straight forward and candid. Born in Mobile, Alabama, Tyler's music is well rooted in Southern Americana. Growing up listening to his uncle play guitar and sing on the porch deck of a beach house, Tyler's inspiration came at an early age. Tyler attended the Florida State University, where he became refreshingly dependent on his fan base. Paying his dues and performing in bars for eight years before recording his first album, Whiskey Down (February, 2008), he has tailored his music to the live venue. His performances are infectiously enjoyable and fun. Tyler's blend of Texas-style, raw country and Americana finds audiences that wait with open arms and raised glasses.
<br>
<br>
<div style="line-height:0px;"><br />

<style type="text/css">

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

body {
background-color:eeedec;
background-repeat: repeat;
background-position: top center;
background-image: url(http://www.tylerreeve.com/myspace/images/bg.jpg);
scrollbar-face-color:c7c7c7;
scrollbar-highlight-color:e3e3e4;
scrollbar-3dlight-color:e3e3e4;
scrollbar-shadow-color:e3e3e4;
scrollbar-darkshadow-color:e3e3e4;
scrollbar-arrow-color:00d8ff;
scrollbar-track-color:e3e3e4;
font-family: Veranda, sans-serif;
color: 000000;
}

body table {
margin-top: 424px;
_margin-top: 424px;
color: eeedec;
z-index:9;
}

body td table, body div table {
margin-top: 10;
_margin-top:10;
color: eeedec;
z-index:9;
}

table table { border:0px }

table table table table {border:0px}

table table table {
border-style:solid;
border-width:1px;
border-color:70451c;
background-color:eeedec;
font-family: Veranda, sans-serif;
}


table table table td {
background-color: eeedec;
font-family: Veranda, sans-serif;
color: 000000;
}

table table table table td {filter:none;}

table, tr, td, li, p, div { font-family: Veranda, sans-serif; color: 000000; font-size:11px; }

.btext {font-family: Veranda, sans-serif; color:70451c; font-size:11px; font-weight:bold; }

.blacktext10 { font-family: Veranda, sans-serif; color:000000; font-size:11px; }

.blacktext12 { font-family: Veranda, sans-serif; color:000000; font-size:11px; }

.lightbluetext8 { font-family: Veranda, sans-serif; color:70451c; font-size:11px; }

.orangetext15 {font-family: Veranda, sans-serif; color:70451c; font-size:11px; }

.redtext { font-family: Veranda, sans-serif; color:000000; font-size:11px; }

.redbtext { font-family: Veranda, sans-serif; color:000000; font-size:11px; }

.text { font-family: Veranda, sans-serif; color:000000; font-size:11px; }

.whitetext12 { font-family: Veranda, sans-serif; color:000000; font-size:11px; font-weight:bold; }

a:active, a:visited, a:link { font-family: Veranda, sans-serif; color: 70451c; font-size:11px; font-weight:bold; }

a:hover { font-family: Veranda, sans-serif; color: 70451c; font-size:11px; font-weight:bold; }

a.navbar:active, a.navbar:visited, a.navbar:link { font-family: Veranda, sans-serif; color:000000; font-size:11px; font-weight:bold; }

a.navbar:hover { font-family: Veranda, sans-serif; color: 70451c; font-size:11px; font-weight:bold; }

a.redlink:active, a.redlink:visited, a.redlink:link {font-family: Veranda, sans-serif; color:70451c; font-size:11px; font-weight:bold; }

a.redlink:hover { font-family: Veranda; color: 70451c; font-size:11px; font-weight:bold; }

.nametext { font-family: Veranda, sans-serif; color:70451c; font-size:16px; font-weight:bold; }

a.searchlinkSmall:link {color: 70451c;}

a.searchlinkSmall:hover {color: 70451c;}

div.topbanner {
top: 180px;
_top: 170px;
left: 50%;
margin-left: -436px;
_margin-left: -436px;
width: 872px;
height: 464px;
position: absolute;
z-index:0;
}

.holderextras {
padding-left:20px;
padding-right:20px;
}

userProfileURL {
font-weight:bold;
}

table table table table td.text span.whitetext12 {
position: relative;
top: -15px;
_top: -15px;
margin-bottom: -75px;
left: 14px;
_left: 6px;
visibility: visible;
display: block;
width: 401px;
height: 44px;
background: transparent url(http://www.tylerreeve.com/myspace/images/shows.gif) no-repeat;
text-indent: -999999px;
}

table table td.text table span.btext {
position: relative;
top: 1px;
margin-bottom: -25px;
left: 0px;
visibility: visible;
display: block;
width: 436px;
height: 44px;
text-indent: -999999px;
background: transparent url(http://www.tylerreeve.com/myspace/images/blog.gif) no-repeat right top;
z-index: 0;
}

table table td.text table td.text table span.orangetext15 {
position: relative;
top: 20px;
margin-bottom: -55px;
left: 5px;
visibility: visible;
display: block;
width: 436px;
height: 44px;
text-indent: -999999px;
background: transparent url(http://www.tylerreeve.com/myspace/images/friends.gif) no-repeat right top;
z-index: 1;
}

table table table td {
vertical-align:top ! important;
}

span.blacktext12 {
visibility:visible !important;
font-family: Veranda, sans-serif;
font-size:0px;
letter-spacing:-0.5px;
width:435px;
height:150px;
display:block !important;
}

span.blacktext12 img {
display:none;
}


</style>
</div>


Can anyone help me fix the alignment issue?

Thank you, thank you!
tony
Anarchy
I'm pretty sure it's this part that's causing the problem:

CODE
table table table table td.text span.whitetext12 {
position: relative;
top: -15px;
_top: -15px;
margin-bottom: -75px;
left: 14px;
_left: 6px;
visibility: visible;
display: block;
width: 401px;
height: 44px;
background: transparent url(http://www.tylerreeve.com/myspace/images/shows.gif) no-repeat;
text-indent: -999999px;
}

I think the width of the header up top doesn't completely cover that area so the "(view all)" link squeezes in beside it. Try playing around with the width like changing it to 444 or something and tell me what happens.
aleven
Thanks for your help!

I tried changing the width as you suggested. The table width did change, but the alignment is still off. http://www.myspace.com/tylerreeveband

Thanks again,
tony
Anarchy
Eh? Looks fixed to me on FireFox. What browser are you using?
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.