Okay heres some things I wanted to change or couldn't fix myself...
Visual of the problem:
Related Code:
Quote: #content .markItUpHeader ul { height: 20px; margin: 10px 0 0 0; }
#content .markItUpHeader ul li { list-style:none; float:left; position:relative; clear: none; }
.markItUpHeader ul li ul{ display: none; }
.markItUpHeader ul li:hover > ul{ display:block; }
.markItUpHeader ul .markItUpDropMenu { background:transparent; margin-right:5px; }
.markItUpHeader ul .markItUpDropMenu li { margin-right:0px; }
.markItUpHeader ul .markItUpSeparator { margin:0 4px; width: 1px; height:16px; overflow:hidden; background-color:#dcdcdc; }
.markItUpHeader ul ul .markItUpSeparator { width:auto; height:1px; margin:0px; }
/* next rows of buttons */
.markItUpHeader ul ul { display: none; position:absolute; top: 8px; left:0px; height:inherit; }
.markItUpHeader ul ul li { float:none; background: none; }
/* next rows of buttons */
.markItUpHeader ul ul ul { position:absolute; top:-1px; left:150px; }
.markItUpHeader ul ul ul li { float:none; }
.markItUpHeader ul a { display:block; width:16px; height:16px; text-indent:-10000px; background-repeat:no-repeat;
background-image: #ffffff; border: 1px solid #232323; color: #6b6b6b; }
.markItUpHeader ul a:hover { border-color: #232323; }
.markItUpHeader ul ul a { display:block; padding-left:0px; text-indent:0; width:120px; padding: 5px; background: #000; }
.markItUpHeader ul ul a:hover { color:#6b6b6b; background-color:#000; }.markItUp .markItUpButton1 a { background-position: 0 -112px; }
.markItUp .markItUpButton2 a { background-position: -16px -112px; }
.markItUp .markItUpButton3 a { background-position: -32px -112px; }
.markItUp .markItUpButton4 a { background-position: -32px -128px; }
.markItUp .markItUpButton5 a { background-position: -16px -128px; }
.markItUp .markItUpButton6 a { background-position: 0px -128px; }
.markItUp .markItUpButton7 a { background: none; text-indent: 0; width: auto; padding: 0 2px; }
.markItUp .markItUpButton8 a { background: none; text-indent: 0; width: auto; padding: 0 2px; }
.markItUp .markItUpButton9 a { background: none; text-indent: 0; width: auto; padding: 0 2px; }
Visual of the problem:
Related code:
Quote: #random p, #random p * {
font-size: 15px;
color: #6b6b6b;
}
Comment: I only copied it out of the Inspect box .. I also trid adding #random p a.
Visual of the problem:
Comment: Is there a way to make the list-style image alternate? I tried the suggested "li li" or "#menu
li li" but I'm betting its not scripted or something. I dont know a lot. It seems to me that I could use the
list-counter set to 2 but I have no way to set the second list-style image.
Link to 2nd image:
I know this is a jumbled mess lol no obligations