I Am Chris Posted January 5, 2009 Share Posted January 5, 2009 alright i know is just myspace... but i don't understand why this isn't removing the bullets from my list heres the parts of the code that madder <html> <head> <style type="text/css"> /*removes bullets from contact list and positions it*/ ul#contact { list-style-type: none; list-style-image: none; margin: 0 0 0 0; } </style> </head> <body > <ul id="contact"> <li> <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID =442524945" title="Add"><img src="http://s528.photobucket.com/ albums/dd325/9359324/crushlyts/myspace/contact-buttons/group14/add.gif" border=0 alt="add"></a> </li> <li> <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=442524945" title="Message"><img src="http://s528.photobucket.com/albums/dd325/9359324/crushlyts/myspace/contact-buttons/group14/msg.gif" border=0 alt="message"></a></li> <li> <a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=442524945" title="Block"><img src="http://s528.photobucket.com/albums/dd325/9359324/crushlyts/myspace/contact-buttons/group14/block.gif" border=0 alt="block"></a></li> <li> <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=442524945" title="Comment"><img src="http://s528.photobucket.com/albums/dd325/9359324/crushlyts/myspace/contact-buttons/group14/com.gif" border=0 alt="comment"></a></li> </ul> </body> </html> and heres the whole thing if you need it <html> <head> <style type="text/css"> .r{} div.content { background-color: transparent; border:none; border-width: 0px; } body { background-image:url('http://i703.photobucket.com/albums/ww34/rumbleseat1/BURNROAD-1.jpg'); background-attachment:fixed; background-position:center center; background-repeat:no-repeat; border-top-width:0px; border-bottom-width:0px; border-left-width:0px; border-right-width:0px; border-color:none; border-style:solid; padding-left:0px; padding-right:0px; } table, td, tr {background-color:transparent} /*removes bullets from contact list and positions it*/ ul#contact { list-style-type: none; list-style-image: none; margin: 0 0 0 0; } div.moduleMid2 table{border:0px; background-color:rbg(255,255,255);} div.content { background-color:black; border:single; border-width: 3px;} div.moduleMid2 { border-style:double; border-width: 5px; border-color:rgb(transparent); background-color:rgb(102,0,0); background-image:url('insert background image'); background-repeat:repeat; background-attachment:fixed; background-position:top center; } body div div table td {background-color:rgb(255,255,255);} div.moduleMid2 table td {filter:none;} div.moduleMid2 table {border:0px;} td.text div.content.text table td {removed:300px; padding:0px;} td.text div.moduleMid2 div.content.text div.moduleMid2 table td {removed:0px;} div.content td {removed:10px;} div div.content td, div.moduleMid2 {removed:auto;} td.text td.text removed, td.text td.text div.content a img {removed:75px; removed:65px ; border-width:0px;} .r{} div.content, li, p, div {font-family:impact ; font-size:14px ; font-weight:bold; } .btext, h4, div.basicInfoDetails h2, h3.moduleHead span span {font-family:impact ; font-size:14px ; font-weight:bold; font-style:normal; } div.commentsModule p.datePosted, .blacktext11, .blacktext12, ul.moduleList li h4, ul.moduleList li strong, span.count, span.count, .text {font-family:impact ; font-size:14px ; color:black ; font-weight:normal; font-style:normal; background-color:white; } .r{} a:active, a:visited, a:link {font-family:impact ; color:rgb(220,20,20) ; font-weight:bold; font-style:normal; background-color:white; } a:hover {font-family:impact ; color:rgb(220,105,105) ; font-weight:bold; font-style:normal; text-decoration: underline; background-color:white;} .r{} .contactTable { display:none;} /*.friendsComments { display:none; }*/ .latestBlogEntry { display:none; } .userProfileDetail { display:none; } a.text, table div font a, table div div {visibility:hidden;} a .text { font-weight:bold; font-family:Arial, Helvetica, sans-serif; } divheader, divgooglebar, divtopnav { background-color:transparent; } topnav ul { border-right:1px transparent solid; } topnav ul li { border-left:1px transparent solid; } div.basicInfoDetails h2 { height:28px; display:block; .r{} } </style> </head> <body > <ul id="contact"> <li> <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID =442524945" title="Add"><img src="http://s528.photobucket.com/ albums/dd325/9359324/crushlyts/myspace/contact-buttons/group14/add.gif" border=0 alt="add"></a> </li> <li> <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=442524945" title="Message"><img src="http://s528.photobucket.com/albums/dd325/9359324/crushlyts/myspace/contact-buttons/group14/msg.gif" border=0 alt="message"></a></li> <li> <a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=442524945" title="Block"><img src="http://s528.photobucket.com/albums/dd325/9359324/crushlyts/myspace/contact-buttons/group14/block.gif" border=0 alt="block"></a></li> <li> <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=442524945" title="Comment"><img src="http://s528.photobucket.com/albums/dd325/9359324/crushlyts/myspace/contact-buttons/group14/com.gif" border=0 alt="comment"></a></li> </ul> </body> </html> you can see here that my bullets are still there! http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=442524945 at least in firefox? its frustraiting me i don't understand what the problem is. plz help ty Quote Link to comment Share on other sites More sharing options...
bubbasheeko Posted January 5, 2009 Share Posted January 5, 2009 Try this: #contact ul { list-style: none; margin: 0 0 0 0; } Made an error: Here, CSS: #list ul { list-style: none; margin: 0 0 0 0; } HTML: <div id="list"> <ul> <li> <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID =442524945" title="Add"><img src="http://s528.photobucket.com/ albums/dd325/9359324/crushlyts/myspace/contact-buttons/group14/add.gif" border=0 alt="add"></a> </li> <li> <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=442524945" title="Message"><img src="http://s528.photobucket.com/albums/dd325/9359324/crushlyts/myspace/contact-buttons/group14/msg.gif" border=0 alt="message"></a></li> <li> <a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=442524945" title="Block"><img src="http://s528.photobucket.com/albums/dd325/9359324/crushlyts/myspace/contact-buttons/group14/block.gif" border=0 alt="block"></a></li> <li> <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=442524945" title="Comment"><img src="http://s528.photobucket.com/albums/dd325/9359324/crushlyts/myspace/contact-buttons/group14/com.gif" border=0 alt="comment"></a></li> </ul> </div> Quote Link to comment Share on other sites More sharing options...
I Am Chris Posted January 5, 2009 Author Share Posted January 5, 2009 eh that seems to be working in Internet explorer but not firefox... and it works fine in w3 school's try-it editor.. idk y firefox isn't reading it Quote Link to comment Share on other sites More sharing options...
bubbasheeko Posted January 5, 2009 Share Posted January 5, 2009 Strange, you must be using Firefox 2.x... it works in Firefox 3...that's what I am using. Quote Link to comment Share on other sites More sharing options...
TheFilmGod Posted January 5, 2009 Share Posted January 5, 2009 #list ul li { list-style: none; } Use bubbasheeko's html. If that doesn't work, then I think another stylesheet is overriding your properties. Is there any documentation on that? Quote Link to comment Share on other sites More sharing options...
I Am Chris Posted January 5, 2009 Author Share Posted January 5, 2009 no.. i have firefox version 3.0.5 and i don't think its another stylesheet just because i've been having the problem the whole time i've been designing the site.. and i've had JUST the list at one point with no other styles.. and i completely changed the path i was going too and started over pretty much at one point also also its the same on google chrome, the bullets are still there and if you really want to look at all the code now here it is but i don't think theres anything in that that will madder -.- i meen i did it just like bubbasheeko said.. i blame myspace alright heres the myspace-edited code <html> <head> <style type="text/css"> body { background-color:rgb(100,100,100); } list ul { list-style: none; margin: 0 0 0 0; } body table { margin-top: 110px; } .banner { position: absolute; top: 200px; width: 728px; height: 90px; text-align:center; margin-top: 15px; margin-left: -420px; left: 50%; } body td table, body div table { margin-top: 0; } .userProfileURL { color: white; border-style: solid; border-top-width: thick; border-color: black; } .latestBlogEntry {display:none;} .contactTable { display: none } </style> <STYLE type=text/css> table {border-collapse: separate;} body.bodyContent { background-color: rgb(235,235,235); scrollbar-face-color: 867878; scrollbar-arrow-color: rgb(255,181,117); scrollbar-darkshadow-color: black; scrollbar-shadow-color: 282828; scrollbar-highlight-color: c0c0c0; scrollbar-3dlight-color: c0c0c0; } table tbody tr td div, table tbody tr td div div, tr {background-color: transparent;} table, td, img {border: 0px;} img {display: none;} table img {display: inline;} table {background-image: none; background-color: transparent;} table td, table table, table table td, table table table td {background-image: none; background-color: transparent; border: 0px;} table table table table div, table table table table tr {background-color: transparent;} div table {background-image: none; background-color: transparent;} table table table { border: 6px ridge orangered; background-color: rgb(10,10,10); background-image: none; } table table table table {border: 0px;} table table table table {margin-left: 0px; border: 0px; background-image: none;} table table table table table {margin-left: 0px; background-image: none;} .whitetext12, .orangetext15, .blacktext12 {display: block; text-align: left;} .whitetext12, .orangetext15 {padding-left: 3px;} .blacktext12 {text-indent: 3px;} table table table table .orangetext15 {padding-left: 0px;} .blacktext12 {margin-top: 15px;} table table table table td {text-align: left;} table table table td {padding-left: 7px;} table table table table td, table table table table table td {padding-left: 0px;} table tbody tr td div div b font {display: block; padding-top: 20px;} table table table .btext {display: block; padding-top: 10px; padding-bottom: 10px;} td.text td.text .orangetext15 {margin-top: 10px;} .clearfix table td div ul li a:link, .clearfix table td div ul li a:visited, .clearfix table td div ul li a:hover, .clearfix table td div ul li a:active, table tbody tr td div div, table tbody tr td div div A:link, table tbody tr td div div A:visited, table tbody tr td div div A:hover, table tbody tr td div div A:active {color: black ! important; font-family: arial; font-size: 12px ! important;} td.text div table table td {vertical-align: top;} div table table td.text .whitetext12 {display: block; margin-left: 0px;} span.whitelink {display: block; margin-top: 15px;} td.text div {background-color: transparent;} .dummyClass {color: black ! important} TABLE table tbody tr td div a:link, table table tbody tr td div a:visited, table table tbody tr td div a:hover, table table tbody tr td div a:active {font-size: 12px ! important;} a:link, a:visited, a:hover, a:active, a.redlink:link, a.redlink:visited, a.redlink:hover, a.redlink:active, .ispider a:link, .ispider a:visited, .ispider a:hover, .ispider a:active {COLOR: teal; background-image: none; background-color: transparent; font-weight: normal;} table, td, div, span, table table a, font { font-family: Tahoma ! important; line-height: normal ! important; } table table table table td, table table table table td.text, table table table table td span, table table table td a, table table table table td a, .ispider, .lightbluetext8, .text, body, td, li, p, div, li, h1, h2, p, a.searchlinkSmall:link, a.searchlinkSmall:hover, a.searchlinkSmall:visited, a.searchlinkSmall:active, table table table table td b, .blacktext10, font strong { color: rgb(145,145,145); font-family: Tahoma ! important; font-size: 12px ! important; line-height: normal ! important; } .ispider a:link, .ispider a:visited, .ispider a:hover, .ispider a:active {font-size: 12px ! important;} .nametext { display: block; margin-top: 10px; font-size: 12px; width: 100%; line-height: normal; font-weight: bold; color: rgb(145,145,145); } .whitetext12, .btext {color: rgb(145,145,145); font-size: 12px;} td.text .orangetext15 {font-size: 12px ! important; color: rgb(145,145,145);} .btext, .blacktext10, .lightbluetext8 {font-size: 12px;} table table table table td b, table table table table .redtext, b .redtext, .redbtext, .blacktext12 {color: rgb(145,145,145);} table table table table table div strong {font-weight: normal;} .blacktext12 {font-size: 12px;} .FreeStyle {font-size: 12px ! important;} table table table {width: 335px;} table table table .blacktext12 {display: block; width: 340px; margin: 7px 0px 7px 7px; text-align: left;} table table table .btext {display: block; width: 329px; padding-top: 7px; padding-bottom: 20px;}table table table .btext {width: 334px;} table table table table .btext {width: auto;} .contactTable {width: 335px;}.contactTable .whitetext12 {width: 333px;} .contactTable table {width: 310px; margin-right: 25px;} .contactTable table td img {width: 4px;} .contactTable table td.text img {width: 115px; height: 29px;} .contactTable table td {width: 5px;} .contactTable table td.text {width: 130px;} table table table table table {width: 95%;} .blurbs table, .friendSpace table, .friendsComments table {margin-left: 5px;} .blurbs table table, .friendSpace table table, .friendsComments table table {margin-left: 0px;} table table table table table table img {border: 1px solid black; width: 70px;} table table table table table table div img {border: 0px; width: auto; margin-right: 0px;} table table table table table table td div {width: 70px ! important;} table table table table table div strong, table table table table div {font-size: 12px ! important;}.contactTable table {background-image: url(http://i42.photobucket.com/albums/e336/lilgiant47/ct1_arial_teal.gif); background-repeat: no-repeat; margin-bottom: 5px;} .contactTable td.text img {visibility: hidden;} .contactTable table td {padding: 0px 0px 0px 0px;} .contactTable table td.text {text-align: left; height: 30px; padding: 0px 0px 0px 0px; border: 0px;} .contactTable table td.text a:link, .contactTable table td.text a:visited, .contactTable table td.text a:active { display: block; font-size: 12px ! important; line-height: 15px ! important; width: 120px; height: 29px; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; border: 1px solid transparent; background: white; } .contactTable table td.text a:hover {filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; border: 1px solid black; background: teal; } * html .contactTable table td.text a {width: 130px;}.TopCorner {position: absolute; top: 0px; left: 0px; ..;}.TopCorner A {display: block;}* html object {margin-left: 5px;}.ispider {text-align: left; margin-top: 15px;}.ImgOnlineNow {width: 80px ! important; border: 0px ! important;}table td br, table table td br {display: none;} table table table td br, table table table table td br, table div br {display: inline ! important;} table table table {margin-top: 15px ! important;} table table table table, table table table table table, td.text table td embed, td.text table td object {margin-top: 0px ! important;} * html object {margin-left: 0px ! important;}* html .userProfileURL table {width: 334px ! important;}table table div object {margin-top: 15px;} table table div {background: transparent ! important;}td, .rail tr, .clearfix table td div ul li a:link, .clearfix table td div ul li a:visited, .clearfix table td div ul li a:hover, .clearfix table td div ul li a:active {background: transparent ! important;} small {display: none;}</STYLE><div class="ispider"></div> </head> <body > <div class="banner"><img src="http://i703.photobucket.com/albums/ww34/rumbleseat1/driverborder-1.jpg" alt='' border=0></div> <div id="list"> <ul> <li> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5hZGRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPQ==" ><img src="http://i230.photobucket.com/albums/ee210/wfl_icons/Contact-Buttons/7-9-08/12add.gif" alt="Add Me" border="0"/></a> </li> <li><a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9" ><img src="http://i230.photobucket.com/albums/ee210/wfl_icons/Contact-Buttons/7-9-08/12message.gif" alt="Message Me" border="0" /></a> </li> <li><a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPQ==" ><img src="http://i230.photobucket.com/albums/ee210/wfl_icons/Contact-Buttons/7-9-08/12block.gif" alt="Block Me" border="0" /></a> </li> </ul> </div> </body> </html> eh sorry for the horrible style the code is in.. myspace again Quote Link to comment Share on other sites More sharing options...
bubbasheeko Posted January 5, 2009 Share Posted January 5, 2009 Do you see what you expect here: http://www.kdmp.ca/bullet-test.php Quote Link to comment Share on other sites More sharing options...
I Am Chris Posted January 5, 2009 Author Share Posted January 5, 2009 Do you see what you expect here: http://www.kdmp.ca/bullet-test.php well i actually did change the buttom style.. and you don't have a button for add there... but as far as the bullets go yes thats how it SHOULD look.. no bullets! but look here next to the add me message and block buttons.. notice there are bullets to the left (but not on internet explorer) see wut i meen? Quote Link to comment Share on other sites More sharing options...
bubbasheeko Posted January 5, 2009 Share Posted January 5, 2009 Check your PM Quote Link to comment Share on other sites More sharing options...
I Am Chris Posted January 5, 2009 Author Share Posted January 5, 2009 Bubbasheeko spent time helping me over his support chat which was really cool that he'd spend the time to help out Myspace's formatting is getting in the way of mine and isn't letting it work currently.. and they also won't accept external css but its alright i'll try something else seriously though thanks kevin Quote Link to comment Share on other sites More sharing options...
TheFilmGod Posted January 5, 2009 Share Posted January 5, 2009 Since myspace is overriding your properties by a more specific stylesheet, I recommend using inline styles: <ul> <li style="list-style: none;"><a href="#">Link 1</a></li> <li style="list-style: none;"><a href="#">Link 2</a></li> <li style="list-style: none;"><a href="#">Link 3</a></li> </ul> Quote Link to comment Share on other sites More sharing options...
bubbasheeko Posted January 5, 2009 Share Posted January 5, 2009 FilmGod - that's right - I forgot all about inline styles....wow...spent too much time on that one to miss that. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.