Help - Search - Members - Calendar
Full Version: Horizontal scrolling images dont go horizontal....??
Forums > Resource Center > Support Center > MySpace Support
shutterleftopen
Oct 20 2009, 12:01 AM
http://www.myspace.com/aspectapparelco

alright the link above is to my site. i'm almost done except for the scroll boxes. the "our story" section has a blank scroll bar at the bottom which i don't want, i just want to have the scroll on the side to scroll down.

the "basement" section needs to be able to have all the images side by side so i can scroll horizontally to the right but it only scrolls them down. i want them to scroll sideways and to not have a scroll bar on the side. below is the code.

thanks in advance.

______code for css_________
CODE
div#header, div#googlebar {background-color: # 0d0d0d;}
#topnav {background-color: # 0d0d0d;}
#topnav ul, #topnav ul li {border: none;}

div.basicInfoModule {display:none;}

div.blurbsModule h3 {display:none;}

.blurbsModule h4 { display:none; }

div.blurbLikeToMeet {display:none;}


div.wrap, div#row1, div.contentMid2, div.contentMid, div.contentMid1, div.myCoreDiv {width:800px;background-color:transparent;}

div.globalWidth, div#leaderboard {width:800px; max-width:800px; }

div#googlebar {width:770px;}

div.basicInfoDetails {min-height:0px; padding:0px;}
div.profileDemographics {min-height:0px; padding:0px; height:0px; width:0px;}
div.basicInfoModule {margin:0px; height:0px; padding:0px; min-height:0px; }
div.basicInfoModule div.moduleBody {height:0px; min-height:0px; margin-top:0px; margin:0px; padding:0px; background-color:transparent;}
div.contentMid2 {padding:0px;}

div.blurbsModule {margin:0px; padding:0px}
div.blurbsModule div.moduleBody, div.blurbsModule div.moduleMid{padding:0px;}

div.myCoreDiv {text-align:center;}

div.friendSpaceModule {position:absolute;height;auto;width:600px;top:2385px; margin-left:100px;background-color:transparent;border:none;overflow:none;z-index:9;}

div.blurbsModule {background color:transparent;}

div#footer {display:none;min-height:0px; padding:0px; height:0px; width:0px;}

div.commentsModule {position:absolute;height:auto;width:700px;top:2885px;margin-left:50px;background-color:transparent;border:none;overflow:auto;z-index:9;}

div.detailsModule div.moduleBody ul.
moduleList span {text-align: right; display: block; font-color:000000;}


.addbutton
{width:240px;height:70px;position:absolute;top:805px;margin-left:50px;background-color:transparent;z-index:9;overflow:hidden;}

.msgbutton
{width:260px;height:60px;position:absolute;top:905px;margin-left:30px;background-color:transparent;z-index:9;overflow:hidden;}

.picsbutton
{width:240px;height:60px;position:absolute;top:975px;margin-left:50px;background-color:transparent;z-index:9;overflow:hidden;}

.sitebutton
{width:240px;height:60px;position:absolute;top:1035px;margin-left:-50px;background-color:transparent;z-index:9;overflow:hidden;}

.specialbutton
{width:335px;height:269px;position:absolute;top:246px;margin-left:431px;background-color:transparent;z-index:9;overflow:hidden;}

.aspectbutton
{width:150px;height:50px;position:absolute;top:2205px;margin-left:350px;background-color:transparent;z-index:9;overflow:hidden;}

.blogbutton
{width:55px;height:50px;position:absolute;top:545px;margin-left:565px;background-color:transparent;z-index:9;overflow:hidden;}

.facebookbutton
{width:55px;height:50px;position:absolute;top:545px;margin-left:640px;background-color:transparent;z-index:9;overflow:hidden;}

.twitterbutton
{width:55px;height:50px;position:absolute;top:545px;margin-left:710px;background-color:transparent;z-index:9;overflow:hidden;}

.fanbridge
{width:200px;height:77px;position:absolute;top:1208px;margin-left:570px;background-color:transparent;z-index:9;overflow:hidden;}




.aboutmetext
{width:450px;height:385px;position:absolute;top:760px;margin-left:310px;background-color:transparent;z-index:9;overflow:scroll;x-overflow:auto;text-align:justify;padding-right:3px;}

.street
{width:740px;height:200px;position:absolute;top:1345px;margin-left:30px;background-color:transparent;z-index:9;overflow:none;}

.basement
{width:740px;height:200px;position:absolute;top:1674px;margin-left:30px;background-color:transparent;z-index:9;overflow-x:scroll;}

.house
{width:740px;height:200px;position:absolute;top:1984px;margin-left:30px;background-color:transparent;z-index:9;overflow:none;}





_____code for "about me"________

CODE
<div class="myCoreDiv">
<img src="http://aspect-photos.com/aspectapparel-myspace/aspectapparel-overlay.jpg" />
</div>




<div class="addbutton">
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendId=502796037"><img src="http://x.myspace.com/images/clear.gif" width="240px" height="70px"/></a>
</div>

<div class="msgbutton">
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.messageV3&friendID=502796037"><img src="http://x.myspace.com/images/clear.gif" width="260px" height="60px"/></a>
</div>

<div class="picsbutton">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=502796037"><img src="http://x.myspace.com/images/clear.gif" width="240px" height="60px"/></a>
</div>

<div class="sitebutton">
<a href="http://www.aspectapparel.com"><img src="http://x.myspace.com/images/clear.gif" width="240px" height="60px"/></a>
</div>

<div class="specialbutton">
<a href="http://www.myspace.com/aspectapparelco"><img src="http://aspect-photos.com/aspectapparel-myspace/specials.jpg" width="335px" height="269px"/></a>
</div>

<div class="aspectbutton">
<a href="http://www.myspace.com/aspectinc"><img src="http://x.myspace.com/images/clear.gif" width="150px" height="50px"/></a>
</div>

<div class="blogbutton">
<a href="http://aspectapparel.blogspot.com/"><img src="http://x.myspace.com/images/clear.gif" width="55px" height="50px"/></a>
</div>


<div class="facebookbutton">
<a href="http://www.facebook.com/pages/Aspect-Apparel/151588363149"><img src="http://x.myspace.com/images/clear.gif" width="55px" height="50px"/></a>
</div>


<div class="twitterbutton">
<a href="http://twitter.com/aspectapparel"><img src="http://x.myspace.com/images/clear.gif" width="55px" height="50px"/></a>
</div>





<div class="fanbridge">
<table width="200" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse">
<tr>
<td><img src="http://img01.fanbridge.com/images/widget/small/jointhemailingist_black.png" width="200" height="30" /></td>
</tr> <tr>
<td><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="200" height="32" id="WidgetMailBlack" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://widget.fanbridge.com/widget_small_black.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#333333" />
<param name="flashvars" value="wid=small-4add1a92a7e24-sb&list_id=127927" /><embed src="http://widget.fanbridge.com/widget_small_black.swf" flashvars="wid=small-4add1a92a7e24-sb&list_id=127927" quality="high" bgcolor="#333333" width="200" height="32" name="WidgetMailBlack" align="middle" swLiveConnect="true" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object></td>
</tr>
<tr>
<td><a href="http://www.fanbridge.com/b.php?id=127927&loc=learn/" target="_blank"><img src="http://img01.fanbridge.com/images/widget/small/poweredbyFB_black.png" width="200" height="15" border="0" /></a></td>
</tr>
</table>
</div>







<div class="aboutmetext">

</br>
<p>Started by Josh Miller in Oct. 2009, Aspect Apparel is a company like no other. While having such a diverse interest in different music genres, the 3 separate collections allow us to express our sense of style and still appeal to the masses.
</p>
</br>
</br>
The 3 collections consists of;
</br>
</br>
The Street Collection: urban hip-hop style streetwear
</br>
</br>
The Basement Collection: hardcore/alternative rock designs
</br>
</br>
The House Collection: Clean, simple designs that are accepted by everyone
</br>
</br>
<p>The company is based out of Columbus, OH where we hope to start spreading out all over the Midwest and eventually having the Aspect Apparel “Scratch” logo worn by people all over the world. Make sure you check back weekly as we are always working on new designs. Also, be sure to check us out on facebook, twitter, and stop by our blog to see what’s new and poppin’.
</p>
</br>
</div>






<div class="street">

<a href="http://www.myspace.com/aspectapparelco"><img src="http://www.aspect-photos.com/aspectapparel-myspace/successred.jpg" width="200px" height="200px"/></a>

</div>



<div class="basement">

<a href="http://www.myspace.com/aspectapparelco"><img src="http://www.aspect-photos.com/aspectapparel-myspace/ohiomale.jpg" width="200px" height="200px"/></a>

<a href="http://www.myspace.com/aspectapparelco"><img src="http://www.aspect-photos.com/aspectapparel-myspace/ohiofemale.jpg" width="200px" height="200px"/></a>


</div>



<div class="house">


</div>
ZeT0
Oct 20 2009, 01:57 AM
Use CODEBOX when posting codes.
Mike
Oct 20 2009, 11:32 AM
Look for this at the bottom of your CSS codes:

CODE
.aboutmetext
{width:450px;height:385px;position:absolute;top:760px;margin-left:310px;background-color:transparent;z-index:9;overflow:scroll;x-overflow:auto;text-align:justify;padding-right:3px;}

.street
{width:740px;height:200px;position:absolute;top:1345px;margin-left:30px;background-color:transparent;z-index:9;overflow:none;}

.basement
{width:740px;height:200px;position:absolute;top:1674px;margin-left:30px;background-color:transparent;z-index:9;overflow-x:scroll;}

.house
{width:740px;height:200px;position:absolute;top:1984px;margin-left:30px;background-color:transparent;z-index:9;overflow:none;}

Replace it with this:

CODE
.aboutmetext
{width:450px;height:385px;position:absolute;top:760px;margin-left:310px;background-color:transparent;z-index:9;text-align:justify;padding-right:3px;}

.street
{width:740px;height:200px;position:absolute;top:1345px;margin-left:30px;background-color:transparent;z-index:9;overflow:none;}

.basement
{width:740px;height:200px;position:absolute;top:1674px;margin-left:30px;background-color:transparent;z-index:9;}

.house
{width:740px;height:200px;position:absolute;top:1984px;margin-left:30px;background-color:transparent;z-index:9;overflow:none;}
shutterleftopen
Oct 20 2009, 10:15 PM
that just got rid of all of the scrolls..i want the "our story" section to have just a scroll on the side to go up and down vertically. then i also need the "street", "basement", and "house" sections to scroll side to side with images right next to each other.
Mike
Oct 21 2009, 04:43 AM
Replace it with this instead:

CODE
.aboutmetext
{width:450px;height:385px;position:absolute;top:760px;margin-left:310px;background-color:transparent;z-index:9;text-align:justify;padding-right:3px; overflow-x:hidden; overflow-y:auto;}

.street
{width:740px;height:200px;position:absolute;top:1345px;margin-left:30px;background-color:transparent;z-index:9; overflow-x:auto; overflow-y:hidden;}

.basement
{width:740px;height:200px;position:absolute;top:1674px;margin-left:30px;background-color:transparent;z-index:9; overflow-x:auto; overflow-y:hidden;}

.house
{width:740px;height:200px;position:absolute;top:1984px;margin-left:30px;background-color:transparent;z-index:9; overflow-x:auto; overflow-y:hidden;}

See if that works for you.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.