Log In · Register

 
The mysterious line, and her coloured friends
Nadiyya
post Sep 1 2008, 07:50 AM
Post #1


Senior Member
***

Group: Member
Posts: 59
Joined: Aug 2008
Member No: 681,928



Hello, masters of Myspace!

I used to be part of Myspace a while ago, way before they put in their fancy new navigation. Now I'm apparently a total noob at designing a Myspace profile and could use some help.

Three problems:
1. Under the advertisement (next to the search bar), there's a cute little pink line that I have no idea how to get rid of.
2. I can't seem to figure out how to move the entire right side of my profile UP, so the comment box is in line with my info. Anarchy <3
3. How in the hell do you change the background colour of the links in the new navigation? That hovering blue seriously has no belonging with my mulberry. =( Thank you, ninja =)

Here's my profile:
http://www.myspace.com/403088763

And here are my (not-so-much) fantastical codes:
CODE
<style type="text/css" media="screen">
/* body properties */
body {
background:rgb(17,17,17);
text-align:center;
}

/* navigation properties */
.clearfix a:hover, .open {
background:rgb(153,0,75)!important;
color:rgb(10,10,10)!important;
}
.clearfix ul {
border:0!important;
}
.clearfix ul small {
color:rgb(10,10,10)!important;
}

/* table properties */
.clearfix table {
background:rgb(153,0,75);
}
div[id="shortcuts"] {
background:none!important;
}
.clearfix {
border:10px solid rgb(102,0,51);
border-top:0;
border-bottom:0;
width:810px;
_width:850px; /* stupid, stupid IE */
}
.clearfix .clearfix {
border:0;
width:auto;
}
table {
background:rgb(51,51,51) url(http://a357.ac-images.myspacecdn.com/images01/37/l_a6b2781542d7b08e58c5d4331b658c04.gif) right repeat-y;
border:10px solid rgb(34,34,34);
border-top:0;
border-bottom:0;
margin:0 auto;
padding:0;
text-align:left;
width:800px;
_width:850px; /* stupid, stupid IE */
}
table table {
background:none;
width:auto;
}
.clearfix div, table table, tr, td {
background:none;
border:0;
vertical-align:top;
}
.clearfix h1, .clearfix form, .clearfix select, .clearfix option, .clearfix input, .clearfix span,
.ImgOnlineNow, .contactTable .text, .contactTable table td, .contactTable img, .extendedNetwork, .latestBlogEntry,
.orangetext15, .interestsAndDetails .text, .interestsAndDetails .lightbluetext8, .userProfileDetail .text, .btext, .redbtext {
display:none;
}
.contactTable table td.text {
display:table-cell;
_display:block;
}
.contactTable a {
display:block;
height:14px;
margin:3px 6px;
width:138px;
}
.profileInfo, .contactTable, .friendSpace {
border:1px solid rgb(85,85,85);
padding:10px;
}
.profileInfo {
background:rgb(68,68,68) url(http://a731.ac-images.myspacecdn.com/images01/40/l_e0174329041185cfebd753a3c1c37142.gif) bottom center no-repeat;
border-bottom:0;
margin:0 0 -15px;
width:322px;
}
.profileInfo .text {
border-bottom:1px dotted rgb(204,204,204);
padding:0 0 3px;
}
.profileInfo table .text {
border:0;
padding:0;
}
.profileInfo a img {
margin:3px 0 0;
}
.profileInfo br {
line-height:3px;
}
.contactTable {
background:rgb(68,68,68) url(http://a254.ac-images.myspacecdn.com/images01/127/l_8bec9661cec5d08afa0c43a271272f65.gif) center center no-repeat;
border-top:0;
height:80px;
_height:100px; /* stupid, stupid IE */
width:280px;
_width:300px; /* stupid, stupid IE */
}
.interestsAndDetails {
position:relative;
top:-40px;
}
.interestsAndDetails td {
width:100%;
}
.userProfileDetail td {
width:50%;
}
.blurbs {
margin-top:-80px;
}
.friendSpace {
background:rgb(68,68,68) url(http://a886.ac-images.myspacecdn.com/images01/98/l_3133e36ddd4b62b03739d2b41d3573e5.gif) top center no-repeat;
margin:0 10px 0 0;
padding:70px 0 0;
width:410px;
_width:405px; /* stupid, stupid IE */
}
.friendSpace table {
height:0;
}
.friendSpace div {
background:none;
}
table div {
display:none;
}
table table div {
display:block;
}

/* google search properties */
.google {
left:50%;
margin:99px 0 0 -470px;
position:absolute;
top:0;
width:780px;
}
.google div {
background:url(http://a147.ac-images.myspacecdn.com/images01/95/l_c05c0d22d5f877ef11323bc58ec7b57a.png) right no-repeat;
float:right;
height:19px;
padding:0 0 0 27px;
text-align:right;
width:750px;
}
.google div span {
color:rgb(204,204,204);
font:normal 11px/13px helvetica, 'trebuchet ms', sans-serif;
padding:0 5px 0 0;
}
.google div input {
background:none;
}
.google-search {
border:0;
color:rgb(99,99,99);
font:normal 9px/11px helvetica, 'trebuchet ms', sans-serif;
height:19px;
padding:1px 0 0 27px;
width:430px;
}
.google-submit {
display:none;
}
.google-reset {
border:0;
height:15px;
width:15px;
}

/* comment table properties */
.comment textarea, .comment input {
background:rgb(68,68,68);
border:1px solid rgb(85,85,85);
color:rgb(204,204,204);
font:normal 11px/13px helvetica, 'trebuchet ms', sans-serif;
}
.comment textarea {
padding:5px;
height:50px;
width:420px;
_width:430px; /* stupid, stupid IE */
}
.comment input {
padding:5px;
}

/* text properties */
.profileInfo .text, .profileInfo td, .searchMonkey-lastLogin {
color:rgb(204,204,204);
font:normal 9px/11px helvetica, 'trebuchet ms', sans-serif;
}
.profileInfo a:link, .profileInfo a:visited {
color:rgb(255,255,255);
font:normal 9px/11px helvetica, 'trebuchet ms', sans-serif;
}
.profileInfo a:active, .profileInfo a:hover {
font:normal 9px/11px helvetica, 'trebuchet ms', sans-serif;
}
.nametext {
color:rgb(204,204,204);
font:normal 18px/19px 'trebuchet ms', sans-serif;
letter-spacing:-1px;
text-transform:lowercase;
}
.nametext:after {
content:"RED™";
font:normal 9px/11px helvetica, 'trebuchet ms', sans-serif;
text-transform:uppercase;
vertical-align:super;
}
.nametext br, .friendSpace br {
display:none;
}
td, p, span, font, div, h4, h5, h6 {
color:rgb(204,204,204);
font:normal 12px/14px helvetica, 'trebuchet ms', sans-serif;
}
p {
text-align:justify;
text-indent:5px;
}
.interestsAndDetails h4, h1, h2, h3 {
border-bottom:1px dotted rgb(204,204,204);
color:rgb(114,114,114);
font:normal 19px/19px georgia, times, serif;
padding:15px 0 0;
text-align:left;
}
.lightbluetext8 {
color:rgb(114,114,114);
font:normal 14px/14px georgia, times, serif;
margin:0;
}
a:link, a:visited, a.redlink:link, a.redlink:visited {
color:rgb(255,255,255);
font:normal 12px/14px helvetica, 'trebuchet ms', sans-serif;
}
a:active, a:hover, a.redlink:active, a.redlink:hover {
color:rgb(197,8,114);
font:normal 12px/14px helvetica, 'trebuchet ms', sans-serif;
}
a.friendtext:active, a.friendtext:hover, a.friendtext:link, a.friendtext:visited {
color:rgb(204,204,204);
}


/* image properties */
a img, .interestsAndDetails img, .blurbs img {
background:rgb(68,68,68);
border:1px solid rgb(85,85,85);
padding:5px;
}
a:hover img {
background:rgb(68,68,68);
border:1px solid rgb(34,34,34);
padding:5px;
}
.friendSpace img {
width:75px;
}

/* music player properties */
table table div {
background:url(http://a430.ac-images.myspacecdn.com/images01/32/l_9c02da731ffc1704b51350cd13939c35.gif);
width:322px;
height:51px;
}
table div table div, table table td.text div, div table table div, table table table div {
width:auto;
height:auto;
}
table table div object, table table div embed {
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
table table table div object, table table table div embed, table table td.text div object, table table td.text div embed {
filter:none;
-moz-opacity:1.0;
-khtml-opacity:1.0;
opacity:1.0;
}

/* lists properties */
.interestsAndDetails p {
border-left:10px solid rgb(102,0,51);
border-right:10px solid rgb(25,25,25);
font:normal 14px/14px georgia, times, serif;
margin:0;
padding:20px 4px 2px 4px;
}
.interestsAndDetails p.first {
padding:2px 4px;
}
.interestsAndDetails ul {
list-style:none;
margin:0;
padding:0;
text-align:left;
}
.interestsAndDetails ul li {
margin:0;
_margin:0 0 -14px; /* stupid, stupid IE */
padding:0;
}
.interestsAndDetails ul li a {
border-left:10px solid rgb(102,0,51);
border-right:10px solid rgb(25,25,25);
display:block;
padding:2px 15px;
text-decoration:none;
text-transform:lowercase;
}
.interestsAndDetails ul li a:hover {
background:rgb(57,57,57);
border-left:10px solid rgb(136,0,68);
border-right:10px solid rgb(41,41,41);
text-decoration:none;
}
.interestsAndDetails div {
background:none;
left:-4px;
position:relative;
text-align:center;
width:322px;
}

/* big ad */
.bigad {
left:50%;
margin:0 0 0 -364px;
position:absolute;
top:0;
}
.bigad-link {
display:block;
height:33px;
left:50%;
margin:30px 0 0 168px;
position:absolute;
top:0;
width:111px;
}

/* stop IE */
.stop-ie {
_background:url(http://a285.ac-images.myspacecdn.com/images01/25/l_4c315b32149964ee1b30870bc0328e84.gif);
_display:block;
_height:50px;
_width:430px;
}
</style>

Thank you so much in advance!
 
 
Start new topic
Replies (1 - 12)
creole
post Sep 1 2008, 09:37 AM
Post #2


Senior Member
*******

Group: Staff Alumni
Posts: 4,665
Joined: Aug 2008
Member No: 676,364



Well, to fix the hover problem, go to this script to fix your hover/navigation problem.
(Edit the hover colors and also it can change the navigation colors..)
 
Mickey
post Sep 1 2008, 10:53 AM
Post #3


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Check this script out to spice up the navigation. To align the right side of your page with the left side and to hide that little line, use this code:

CODE
<style>
.blurbs {position:relative; margin-top:-80px;}
div[id="shortcuts"] {background:none!important;}
</style>

Enjoy!
 
Nadiyya
post Sep 1 2008, 11:47 AM
Post #4


Senior Member
***

Group: Member
Posts: 59
Joined: Aug 2008
Member No: 681,928



Ughh. This is going to be the death of me. margin-top:-80px; works, but only when I don't use position:relative. That does some funky things with my search bar.

For the div[id="shortcuts"] thing...it works in Safari & Firefox, but I'm still getting that stupid little line in IE. Is there another way to get rid of it? =(
 
creole
post Sep 1 2008, 11:52 AM
Post #5


Senior Member
*******

Group: Staff Alumni
Posts: 4,665
Joined: Aug 2008
Member No: 676,364



QUOTE(nadiyya @ Sep 1 2008, 08:47 AM) *
Ughh. This is going to be the death of me. margin-top:-80px; works, but only when I don't use position:relative. That does some funky things with my search bar.

For the div[id="shortcuts"] thing...it works in Safari & Firefox, but I'm still getting that stupid little line in IE. Is there another way to get rid of it? =(



Do you still need help with the pink line thing?
I can't see it. mellow.gif
 
Nadiyya
post Sep 1 2008, 12:12 PM
Post #6


Senior Member
***

Group: Member
Posts: 59
Joined: Aug 2008
Member No: 681,928



It's extreeeemely faint, but it's there (only in Internet Explorer). I'm sorry, I'm just such a perfectionist. =(
Of course if I'm such a perfectionist I should be fixing my friends & my charity list in IE, too...

 
Nadiyya
post Sep 1 2008, 12:34 PM
Post #7


Senior Member
***

Group: Member
Posts: 59
Joined: Aug 2008
Member No: 681,928



How could I get it to repeat over the line? Do you mean like copying the location of the gradient and making it the background of a div?
 
creole
post Sep 1 2008, 12:36 PM
Post #8


Senior Member
*******

Group: Staff Alumni
Posts: 4,665
Joined: Aug 2008
Member No: 676,364



QUOTE(nadiyya @ Sep 1 2008, 09:34 AM) *
How could I get it to repeat over the line? Do you mean like copying the location of the gradient and making it the background of a div?


We have Myspace Scripts here, if you are looking to fix it up..
 
Mickey
post Sep 1 2008, 01:50 PM
Post #9


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Put this in your About Me:

CODE
<div class="bigad">
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="90" width="728" data="http://www.charitywater.org/banners/728x90_sept.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.charitywater.org/banners/728x90_sept.swf" />
<param name="quality" value="high" />
</object>
</div>
<a class="bigad-link" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNoYXJpdHl3YXRlci5vcmcvYmlydGhkYXlzL2ludHJvL3RyYWlsZXIuaHRtbA=="></a>

<div class="google" style="background-image:url(http://i37.tinypic.com/bjah4l.jpg); background-repeat:repeat-x; height:32px; width:675px; display:block;">
<form action="http://www.google.com/cse" id="cse-search-box">
<input type="hidden" name="cx" value="partner-pub-0291336549619849:1smdekqz2q1" />
<input type="hidden" name="ie" value="ISO-8859-1" />
<div>
<span>Search the web. Save the world.</span>
<input type="text" class="google-search" name="q" size="31" />
<input type="submit" class="google-submit" name="sa" value="Search" />
<input type="reset" class="google-reset" value="" />
</div>
</form>
</div>

<form class="comment" method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment&friendID=403088763">
<input name="friendID" value="403088763" type="hidden" />
<textarea rows="2" cols="100" name="f_comments"></textarea><br />

<input type="submit" value="Leave a Comment" />
</form>

<a class="stop-ie" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnNwcmVhZGZpcmVmb3guY29tL25vZGUmYW1wO2lkPTIyMTk1NCZhbXA7dD0zMzE="></a>

<p>This is both a personal and promotional profile. My goal is to raise awareness and money for many different charities; the companies on this page sponsor me for these charities.</p>

<p style="text-align:center;"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNoYXJpdHl3YXRlci5vcmcvd2h5d2F0ZXI="><img src="http://www.charitywater.org/media/banners/390x70_glasses.jpg" width="392" height="72" /></a></p>
<p style="text-align:center;"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmpvaW5yZWQuY29t"><img src="http://a115.ac-images.myspacecdn.com/images01/74/l_3670ce298b167711b6643d5db61b4f7a.gif" width="392" height="72" /></a></p>

<h1>About me</h1>
<p>I am original, I am the same. Originality is just another way of saying, “I take pride in being just like everybody else.” I like fan mail and I like hate mail. I’m Egyptian, Portuguese, Italian, Polish, Persian and a freakin’ mutt. I can start World War III by glancing in the mirror.</p>

<p>I’m Nadiyya; you can call me Gonads, Nads, Nincompoop, Naardvark, or whatever silly word may come your way. By day I’m Nadiyya Virus (vee-roo, not like the little infectuous bugs that eat out your brains), by night & birth, Nadiyya Bayoumi. Virus really is my last name; I had it changed…what a dork.</p>

<p>And lovingly so, while I say I’m the norm, I’m still above average. Not the not-your-ordinary-kind-of-girl above average, but in a way that I actually have a personality. These days personalities are hard to come by, apathy is rampant and the days are short when everything isn’t run by teenie boppers.</p>

<p>I absolutely love fashion, movies, music (jazz, classical, ambient rock to be specific), books and the occasional fig newton…mmm. I’m a vegan by choice, lesbian by design, and the type of person who can only be offended by outright personal attacks and a blow to the face. I love being surprised, excited, loved and accomplished. I love mice. I hate tarantulas.</p>

<p>Expressionism is a masterpiece.</p>

<img src="http://a155.ac-images.myspacecdn.com/images01/101/l_60c2f12f8415c87ddf021c6184545312.gif" alt="" width="418" height="76" style="border:0; padding:0;" />

Put this in your Who I'd Like To Meet:

CODE
<style>
.r{}
body {
background:rgb(17,17,17);
text-align:center;
}

.r{}
.clearfix a:hover, .open {
background:rgb(153,0,75)!important;
color:rgb(10,10,10)!important;
}
.clearfix ul {
border:0!important;
}
.clearfix ul small, div[id=subnav], ul[id=subNav0],
ul[id=subNav1], ul[id=subNav2], ul[id=subNav3] {
display:none!important;
}
div[id="shortcuts"] {
background:none!important;
}

.r{}
.clearfix table {
background:rgb(153,0,75);
}
.clearfix {
border:10px solid rgb(102,0,51);
border-top:0;
border-bottom:0;
width:810px;
_width:850px; .r{}
}
.clearfix .clearfix {
border:0;
width:auto;
}
table {
background:rgb(51,51,51) url(http://a357.ac-images.myspacecdn.com/images01/37/l_a6b2781542d7b08e58c5d4331b658c04.gif) right repeat-y;
border:10px solid rgb(34,34,34);
border-top:0;
border-bottom:0;
margin:0 auto;
padding:0;
text-align:left;
width:800px;
_width:850px; .r{}
}
table table {
background:none;
width:auto;
}
.clearfix div, table table, tr, td {
background:none;
border:0;
vertical-align:top;
}
.clearfix h1, .clearfix form, .clearfix select, .clearfix option, .clearfix input, .clearfix span,
.ImgOnlineNow, .contactTable .text, .contactTable table td, .contactTable img, .extendedNetwork, .latestBlogEntry,
.orangetext15, .interestsAndDetails .text, .interestsAndDetails .lightbluetext8, .userProfileDetail .text, .btext, .redbtext {
display:none;
}
.contactTable table td.text {
display:table-cell;
_display:block;
}
.contactTable a {
display:block;
height:14px;
margin:3px 6px;
width:138px;
}
.profileInfo, .contactTable, .friendSpace {
border:1px solid rgb(85,85,85);
padding:10px;
}
.profileInfo {
background:rgb(68,68,68) url(http://a731.ac-images.myspacecdn.com/images01/40/l_e0174329041185cfebd753a3c1c37142.gif) bottom center no-repeat;
border-bottom:0;
margin:0 0 -15px;
width:322px;
}
.profileInfo .text {
border-bottom:1px dotted rgb(204,204,204);
padding:0 0 3px;
}
.profileInfo table .text {
border:0;
padding:0;
}
.profileInfo a img {
margin:3px 0 0;
}
.profileInfo br {
line-height:3px;
}
.contactTable {
background:rgb(68,68,68) url(http://a254.ac-images.myspacecdn.com/images01/127/l_8bec9661cec5d08afa0c43a271272f65.gif) center center no-repeat;
border-top:0;
height:80px;
_height:100px; .r{}
width:280px;
_width:300px; .r{}
}
.interestsAndDetails {
position:relative;
top:-40px;
}
.interestsAndDetails td {
width:100%;
}
.userProfileDetail td {
width:50%;
}
.blurbs {
margin-top:-80px;
}
.friendSpace {
background:rgb(68,68,68) url(http://a886.ac-images.myspacecdn.com/images01/98/l_3133e36ddd4b62b03739d2b41d3573e5.gif) top center no-repeat;
margin:0 10px 0 0;
padding:70px 0 0;
width:410px;
_width:405px; .r{}
}
.friendSpace table {
height:0;
}
.friendSpace div {
background:none;
}
table div {
display:none;
}
table table div {
display:block;
}

.r{}
.google {
left:50%;
margin:99px 0 0 -375px;
position:absolute;
top:0;
width:750px;
text-align:center;
}
.google div {
background:url(http://a147.ac-images.myspacecdn.com/images01/95/l_c05c0d22d5f877ef11323bc58ec7b57a.png) right no-repeat;
float:right;
height:19px;
padding:0 0 0 27px;
text-align:center;
width:750px;
}
.google div span {
color:rgb(204,204,204);
font:normal 11px/13px helvetica, 'trebuchet ms', sans-serif;
padding:0 5px 0 0;
}
.google div input {
background:none;
}
.google-search {
border:0;
color:rgb(99,99,99);
font:normal 9px/11px helvetica, 'trebuchet ms', sans-serif;
height:19px;
padding:1px 0 0 27px;
width:430px;
}
.google-submit {
display:none;
}
.google-reset {
border:0;
width:15px;
}

.r{}
.comment textarea, .comment input {
background:rgb(68,68,68);
border:1px solid rgb(85,85,85);
color:rgb(204,204,204);
font:normal 11px/13px helvetica, 'trebuchet ms', sans-serif;
}
.comment textarea {
padding:5px;


height:50px;
width:420px;
_width:430px; .r{}
}
.comment input {
padding:5px;
}

.r{}
.profileInfo .text, .profileInfo td, .searchMonkey-lastLogin {
color:rgb(204,204,204);
font:normal 9px/11px helvetica, 'trebuchet ms', sans-serif;
}
.profileInfo a:link, .profileInfo a:visited {
color:rgb(255,255,255);
font:normal 9px/11px helvetica, 'trebuchet ms', sans-serif;
}
.profileInfo a:active, .profileInfo a:hover {
font:normal 9px/11px helvetica, 'trebuchet ms', sans-serif;
}
.nametext {
color:rgb(204,204,204);
font:normal 18px/19px 'trebuchet ms', sans-serif;
letter-spacing:-1px;
text-transform:lowercase;
}
.nametext:after {
content:"RED™";
font:normal 9px/11px helvetica, 'trebuchet ms', sans-serif;
text-transform:uppercase;
vertical-align:super;
}
.nametext br, .friendSpace br {
display:none;
}
td, p, span, font, div, h4, h5, h6 {
color:rgb(204,204,204);
font:normal 12px/14px helvetica, 'trebuchet ms', sans-serif;
}
p {
text-align:justify;
text-indent:5px;
}
.interestsAndDetails h4, h1, h2, h3 {
border-bottom:1px dotted rgb(204,204,204);
color:rgb(114,114,114);
font:normal 19px/19px georgia, times, serif;
padding:15px 0 0;
text-align:left;
}
.lightbluetext8 {
color:rgb(114,114,114);
font:normal 14px/14px georgia, times, serif;
margin:0;
}
a:link, a:visited, a.redlink:link, a.redlink:visited {
color:rgb(255,255,255);
font:normal 12px/14px helvetica, 'trebuchet ms', sans-serif;
}
a:active, a:hover, a.redlink:active, a.redlink:hover {
color:rgb(197,8,114);
font:normal 12px/14px helvetica, 'trebuchet ms', sans-serif;
}
a.friendtext:active, a.friendtext:hover, a.friendtext:link, a.friendtext:visited {
color:rgb(204,204,204);
}


.r{}
a img, .interestsAndDetails img, .blurbs img {
background:rgb(68,68,68);
border:1px solid rgb(85,85,85);
padding:5px;
}
a:hover img {
background:rgb(68,68,68);
border:1px solid rgb(34,34,34);
padding:5px;
}
.friendSpace img {
width:75px;
}

.r{}
table table div {
background:url(http://a430.ac-images.myspacecdn.com/images01/32/l_9c02da731ffc1704b51350cd13939c35.gif);
width:322px;
height:51px;
}
table div table div, table table td.text div, div table table div, table table table div {
width:auto;
height:auto;
}
table table div object, table table div embed {
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
table table table div object, table table table div embed, table table td.text div object, table table td.text div embed {
filter:none;
-moz-opacity:1.0;
-khtml-opacity:1.0;
opacity:1.0;
}

.r{}
.interestsAndDetails p {
border-left:10px solid rgb(102,0,51);
border-right:10px solid rgb(25,25,25);
font:normal 14px/14px georgia, times, serif;
margin:0;
padding:20px 4px 2px 4px;
}
.interestsAndDetails p.first {
padding:2px 4px;
}
.interestsAndDetails ul {
list-style:none;
margin:0;
padding:0;
text-align:left;
}
.interestsAndDetails ul li {
margin:0;
_margin:0 0 -14px; .r{}
padding:0;
}
.interestsAndDetails ul li a {
border-left:10px solid rgb(102,0,51);
border-right:10px solid rgb(25,25,25);
display:block;
padding:2px 15px;
text-decoration:none;
text-transform:lowercase;
}
.interestsAndDetails ul li a:hover {
background:rgb(57,57,57);
border-left:10px solid rgb(136,0,68);
border-right:10px solid rgb(41,41,41);
text-decoration:none;
}
.interestsAndDetails div {
background:none;
left:-4px;
position:relative;
text-align:center;
width:322px;
}

.r{}
.bigad {
left:50%;
margin:0 0 0 -364px;
position:absolute;
top:0;
}
.bigad-link {
display:block;
height:33px;
left:50%;
margin:30px 0 0 168px;
position:absolute;
top:0;
width:111px;
}

.r{}
.stop-ie {
_background:url(http://a285.ac-images.myspacecdn.com/images01/25/l_4c315b32149964ee1b30870bc0328e84.gif);
_display:block;
_height:50px;
_width:430px;
}
</style>

Basically, I came up with a background that was used on the Google bar DIV to cover the little line. I tested it on IE and FF. Have fun. thumbsup.gif
 
Nadiyya
post Sep 1 2008, 05:29 PM
Post #10


Senior Member
***

Group: Member
Posts: 59
Joined: Aug 2008
Member No: 681,928



Ohh, dang. It's gorgeous =)
The background was a little off (you could see the top left corner of it), so I just made a couple adjustments to it. It's absolutely perfect now! ...Except for IE being IE, of course.

Thank you much, guys =)
 
creole
post Sep 1 2008, 05:30 PM
Post #11


Senior Member
*******

Group: Staff Alumni
Posts: 4,665
Joined: Aug 2008
Member No: 676,364



Your welcome. =)
cb Rocks huh?!
 
Nadiyya
post Sep 1 2008, 05:48 PM
Post #12


Senior Member
***

Group: Member
Posts: 59
Joined: Aug 2008
Member No: 681,928



Surely =)
I never knew about it until I was looking for a place to list my site in need of a new home. I promise I'll pester you all with more later.
 
schizo
post Sep 2 2008, 04:01 PM
Post #13


Senior Member
******

Group: Staff Alumni
Posts: 2,435
Joined: Feb 2007
Member No: 506,205



Topic closed and moved to Resolved.
 

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