Forums > Stupid Question

Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics

TAiNTEDxMEMORiES

Jun 14 2006, 08:56 PM

How do I make it so in my sidebar the playlist looks short and cute, but when they press the drop down button it gets bigger so you can actually see the song titles? Cause I'm not likin that scrollbar. Sidebar code is:

QUOTE

<body>
<head>
<style type="text/css">

A:link
{ text-decoration:none;color:#7BC574; }
A:visited
{ text-decoration:none;color:#22B6FE; }
A:active
{ text-decoration:none;color:#C3FFFE; }
A:hover
{ text-decoration:none;color:#C6E9F1; }

h1 {font-family:georgia;color:#F692C8;}

i {font-family:georgia;color:#CCC6B6;}

b {font-family:Georgia;color:#000000;}

BODY{font-family: georgia;
color: #FFFFFF;
font-size: 7pt;

scrollbar-face-color :;
scrollbar-highlight-color :;
scrollbar-3dlight-color :;
scrollbar-shadow-color :;
scrollbar-darkshadow-color :;
scrollbar-track-color :;
scrollbar-arrow-color : #BDBCBC;}

h1{font-family: Georgia;
color: #000000;
font-size: 7pt;
}
</style>

<STYLE type=text/css>
body {background-color: transparent}
</STYLE>

<div style="background: white">
<h1>CONTACT ME</h1>
</div>
AIM: <a href="aim:goim?screenname=TrixAreForKidsx9">TrixAreForKidsx9</a><br>
Email: <a href="mailto:Rena.Mariee@gmail.com">Gmail</a><br>
CrushMB: <a href="http://www.crushmb.com/3/member.php?action=viewpro&member=Rena.Marie#" TARGET="_blank">Rena.Marie</a><br>
RushMB: <a href="http://rushmb.org/member.php?action=viewpro&member=Rena.Marie#" TARGET="_blank">Rena.Marie</a>
<P>

<div style="background: white"><h1>LINKS</h1></div>
<a href="http://www.myspace.com/Darkangel_69" TARGET="_blank">Myspace.</a><br>
<a href="http://www.neopets.com/refer.phtml?username=xo_Darkangel_ox" TARGET="_blank">Neopets. :]</a><br>
<a href="http://www.blogring/index.php?refer=DEADLYxKiSSES" TARGET="_blank">Blogring.</a><br>
<a href="http://www.createblog.com" TARGET="_blank">Createblog.</a><br>
<a href="http://www.rushMB.org" TARGET="_blank">Rush MB &hearts;</a><br>
<a href="http://www.Crushmb.com" TARGET="_blank">Crush MB.</a>
<P>

<div style="background: white"><h1>MUSIC</h1></div>
<iframe src="Music.htm" name="Music" allowtransparency="" background-color="transparent" frameborder="0" left="" top="200" height="90" width="140" height="50"></iFRAME><P>

<div style="background: white"><h1>CURRENTLY</h1></div>
<? include("Currently/current.php"); ?>
<P>

<script type="text/javascript" src="/i.js"></script></body>
</head>

Also, why is there so much space between the titles and the content on the sidebar, especially for the dropdown?

talcumpowder

Jun 14 2006, 10:15 PM

Just set it to overflow: hidden;.

&y'know, it's because you have them in divs most likely. You can set the background color (and width) of h1 tags... Why don't you just do that? It eliminates some coding, which is always nice.

TAiNTEDxMEMORiES

Jun 15 2006, 06:48 AM

Nope, still retarded. =/

QUOTE

<body>
<head>
<style type="text/css">

A:link
{ text-decoration:none;color:#7BC574; }
A:visited
{ text-decoration:none;color:#22B6FE; }
A:active
{ text-decoration:none;color:#C3FFFE; }
A:hover
{ text-decoration:none;color:#C6E9F1; }

h1 {font-family:georgia;color:#F692C8;}

i {font-family:georgia;color:#CCC6B6;}

b {font-family:Georgia;color:#000000;}

BODY{font-family: georgia;
color: #FFFFFF;
font-size: 7pt;

scrollbar-face-color :#FFFFFF;
scrollbar-highlight-color :#FFFFFF;
scrollbar-3dlight-color :#FFFFFF;
scrollbar-shadow-color :#FFFFFF;
scrollbar-darkshadow-color :#FFFFFF;
scrollbar-track-color :#FFFFFF;
scrollbar-arrow-color : #BDBCBC;}

h1{font-family: Georgia;
color: #000000;
font-size: 7pt;
background-color: white;
width: 160px
}
</style>

<STYLE type=text/css>
body {background-color: transparent}
</STYLE>

<h1>CONTACT ME</h1>
AIM: <a href="aim:goim?screenname=TrixAreForKidsx9">TrixAreForKidsx9</a><br>
Email: <a href="mailto:Rena.Mariee@gmail.com">Gmail</a><br>
CrushMB: <a href="http://www.crushmb.com/3/member.php?action=viewpro&member=Rena.Marie#" TARGET="_blank">Rena.Marie</a><br>
RushMB: <a href="http://rushmb.org/member.php?action=viewpro&member=Rena.Marie#" TARGET="_blank">Rena.Marie</a>
<P>

<h1>LINKS</h1>
<a href="http://www.myspace.com/Darkangel_69" TARGET="_blank">Myspace.</a><br>
<a href="http://www.neopets.com/refer.phtml?username=xo_Darkangel_ox" TARGET="_blank">Neopets. :]</a><br>
<a href="http://www.blogring/index.php?refer=DEADLYxKiSSES" TARGET="_blank">Blogring.</a><br>
<a href="http://www.createblog.com" TARGET="_blank">Createblog.</a><br>
<a href="http://www.rushMB.org" TARGET="_blank">Rush MB &hearts;</a><br>
<a href="http://www.Crushmb.com" TARGET="_blank">Crush MB.</a>
<P>

<h1>MUSIC</h1>
<iframe src="Music.htm" overflow: hidden; name="Music" allowtransparency="" frameborder="0" height="150" width="140"></iFRAME><P>

<div style="background: white"><h1>CURRENTLY</h1></div>
<? include("Currently/current.php"); ?>

<script type="text/javascript" src="/i.js"></script></body>
</head>

There aren't any spaces between the header and text in FireFox. Just IE...

TAiNTEDxMEMORiES

Jun 18 2006, 08:38 PM

Anyone?

n00b

Jun 19 2006, 03:11 PM

^ Don't double post

I'm not sure...
fishcake-y probably will know
just wait until she gets back on.
I'm not so good with website html at times.

TAiNTEDxMEMORiES

Jun 21 2006, 05:24 AM

I jsut took out my music...but how come there's spaces between my headers in IE... ><

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