WordPress.org

Ready to get started?Download WordPress

Forums

UL LI Tag problem (FF, IE work fine Chrome not) (1 post)

  1. Rbbiz
    Member
    Posted 2 years ago #

    Hey there,

    On my website http://www.mhcomputerservice.nl I have a problem with the UL tag LI tag. It works perfect in Firefox and IE but in Chrome it always puts the first bullet on the right instead of left.

    If I remove the plain text above the unordered list it works fine. When I add the text it messes it up again. I've been searching for an answer for hours now.

    How do I get the list to display normal in Chrome?

    Help would be much appropriated, thank you in advance!

    /*
    Theme Name: utility
    Theme URI: http://utilitydemo.blitzthemes.com/
    Author URI: http://www.blitzthemes.com/
    Description: A Free WordPress theme designed by blitzthemes.com is stylish, customizable, simple, and readable. It has 3 widget areas, theme options, custom menu, slider, a photoblogging layout, news-ticker, dynamic header for custom logo, custom background and featured images (thumbnails for gallery posts and custom size images for posts).
    Author: bzthemes
    Version: 1.1.3
    Tags: blue, white, two-columns, right-sidebar, fixed-width, featured-images, full-width-template, theme-options, custom-header, custom-menu, custom-background, threaded-comments, sticky-post, photoblogging
    License: GNU General Public License v2.0
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    */
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; }
    body { line-height: 1; }
    hr {
    	background-color: #e7e7e7;
    	border: 0;
    	clear: both;
    	height: 1px;
    	margin-bottom: 18px;
    }
    
    /* Text elements */
    p {
    	margin-bottom: 18px;
    }
    ul {
    	list-style: square;
            margin: 0 0 18px 1.5em;
    
    }
    ol {
    	list-style: decimal;
    	margin: 0 0 18px 1.5em;
    }
    ol ol {
    	list-style: upper-alpha;
    }
    ol ol ol {
    	list-style: lower-roman;
    }
    ol ol ol ol {
    	list-style: lower-alpha;
    }
    ul ul,
    ol ol,
    ul ol,
    ol ul {
    	margin-bottom: 0;
    }
    dl {
    	margin: 0 0 24px 0;
    }
    dt {
    	font-weight: bold;
    }
    dd {
    	margin-bottom: 18px;
    }
    strong {
    	font-weight: bold;
    }
    cite,
    em,
    i {
    	font-style: italic;
    }
    big {
    	font-size: 131.25%;
    }
    ins {
    	background: #ffc;
    	text-decoration: none;
    }
    blockquote {
    	font-style: italic;
    	padding: 0 3em;
    }
    blockquote cite,
    blockquote em,
    blockquote i {
    	font-style: normal;
    }
    pre {
    	background: #f7f7f7;
    	color: #222;
    	float:left;
    	width:100%;
    	line-height: 18px;
    	margin-bottom: 18px;
    	padding: 1.5em;
    }
    abbr,
    acronym {
    	border-bottom: 1px dotted #666;
    	cursor: help;
    }
    sup,
    sub {
    	height: 0;
    	line-height: 1;
    	position: relative;
    	vertical-align: baseline;
    }
    sup {
    	bottom: 1ex;
    }
    sub {
    	top: .5ex;
    }
    input[type="text"],
    textarea {
    	background: #f9f9f9;
    	border: 1px solid #ccc;
    	padding: 2px;
    }
    h1, h2, h3, h4, h5, h6 {
    	font-weight: normal;
    	clear: both;
    }
    blockquote {
    	quotes: none;
    }
    blockquote:before, blockquote:after {
    	content: '';
    	content: none;
    }
    del {
    	text-decoration: line-through;
    }
    /* tables still need 'cellspacing="0"' in the markup */
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
    a img {
    	border: none;
    }
    body {
    	font-family: Georgia, "Bitstream Charter", serif;
    	font-size: 16px;
    	line-height: 20px;
    	background: #757575;
    	margin:0 auto;
    	padding:0;
    }
    h1, h2, h3, p {
    	margin: 0px;
    	padding: 0px;
    }
    a {
    	text-decoration: none;
    	color:#0066CC;
    }
    a:hover {
    	text-decoration: none;
    	color:#000;
    }
    a img {
    	border:0;
    }
    a.clik {
    	background:#005c91;
    	padding:3px 8px;
    	color:#fff;
    }
    a.clik:hover {
    	background:#666;
    }
    .w100 {
    	width:100% !important;
    }
    .fright {
    	float: right!important;
    }
    .fleft {
    	float: left!important;
    }
    .cls {
    	clear: both;
    }
    .pad_left {
    	padding-left:10px;
    }
    .pad_right {
    	padding-right:10px;
    }
    .pad_bottom20 {
    	padding-bottom:20px;
    }
    .border {
    	border:1px solid #005c91;
    }
    .border_dot_botm {
    	border-bottom:1px dotted #005c91;
    }
    .margin_zero {
    	margin:0!important;
    }
    .padding_zero {
    	padding:0!important;
    }
    .margin_not {
    	margin-bottom:10px;
    }
    .m15 {
    	margin:0 15px 0 15px;
    }
    /* ------------ */
    .container {
    	width: 975px;
    	margin: 0 auto;
    	background: #fff;
    	position: relative;
    }
    .header {
    	width: 100%;
    	float: left;
    	margin-bottom: 10px;
    }
    .header .head_link {
    	padding:5px 0;
    	overflow:hidden;
    	background:#4e4e4e;
    	color:#fff;
    	font-size:11px
    }
    .header .head_link p { }
    .header .head_link p.best_pic {
    	width:73%;
    	text-align:center;
    }
    .header .head_link p span a {
    	padding:0 7px;
    	color:#fff;
    }
    .header .logo_cont {
    	padding:5px 0;
    	width:100%;
    	float:left;
    }
    .header .logo_cont .logo {
    	padding:5px 0 5px 10px;
    	font-size:50px;
    	font-weight:bold;
    	color:#333333;
    }
    
    /*Navigation*/
    .nav {
    	width: 100%;
    	float: left;
    	background:url(design/beta/images/nav-bg.jpg) top left;
    }
    .nav ul {
    	width: 750px;
    	float: left;
    	background:url(design/beta/images/nav-bg.jpg) repeat-x top left;
    	list-style:none;
    	margin:0px;
    	line-height:30px;
    	font-size:16px;
    }
    .nav ul li {
    	float: left;
    	position:relative;
    }
    .nav ul li a {
    	color:#fff;
    	padding: 5px 10px 5px 10px;
    	display:block;
    }
    .nav ul li:hover {
    	background:url(design/beta/images/nav-bg-ro.jpg) repeat-x top left;
    }
    .nav ul li:hover a:hover{
    	color:#FFF;
    	background:url(design/beta/images/nav-bg-ro.jpg) repeat-x top left;
    }
    .nav ul li:hover a {
    	color:#FFF;
    }
    /*Second Level menu*/
    .nav ul ul{
    	display:none;
    	background:#000;
    	color:#FFF;
    	width:188px;
    	position:absolute;
    	top:38px;
    	left:0;
    	border:0px solid red;
    	z-index:10000;
    }
    .nav ul li:hover ul{
    	display:block;
    }
    .nav ul li:hover ul ul{
    	display:none;
    }
    .nav ul ul li{
    	width:100%;
    	float:left;
    	padding: 0px;
    	border-bottom:1px dotted #00273e;
    	background:#80d1ff;
    }
    .nav ul ul a{
    	background:#000;
    	color:#FFF!important;
    }
    .nav ul ul li:hover {}
    .nav ul ul li:hover a {}
    /*Third Level menu*/
    .nav ul ul ul {
    	display:none;
    	left:0;
    	position:absolute;
    	background:#80d1ff;
    	color:#005c91;
    	width:188px;
    	top:0px;
    	margin-left:188px;
    }
    .nav ul ul li:hover ul{
    	display:block;
    }
    .nav ul ul ul li{
    	width:100%;
    	float:left;
    	padding: 0px;
    
    	border-bottom:1px dotted #00273e;
    }
    .nav ul ul li:hover ul a{
    	color:#FFF!important;
    }
    .nav ul ul ul li:hover {
    	background: #FFF;
    }
    
    .nav ul li.current_page_item > a,
    .nav ul li.current-menu-item > a,
    .nav ul li.current-cat > a,
    .nav ul li.current-category-ancestor > a {
    	font-weight:bold;
    }
    
    /*#twoColContainer { height: 700px; border: 1px solid red; }*/
    .left_Main {
    	width: 615px;
    	float: left;
    	margin-left:15px;
    }
    .no_sidebar {
    	width: 100%;
    	float: left;
    }
    .k_main {
    	margin: 0 auto 2px 0px;
    	width:940px;
    	overflow: hidden;
    	background:url(design/beta/images/bar.gif) no-repeat left bottom;
    	padding-bottom:15px;
    }
    .k_main h1, h2, h3, h4, h5, h6 {
    	font-weight: normal;
    	margin:0 0 20px 0;
    	line-height:normal;
    }
    .k_main .post-title {
      font-size: 26px;
    	font-weight: normal;
    	padding: 5px 0;
    	color:#005c91;
    	margin-bottom:0px;
    	line-height:normal;
    }
    
    .k_main h3 a, .k_main h2 a, .k_main h1 a, .k_main h4 a {
    	color:#005c91;
    }
    .k_main em {
    	width:100%;
    	margin-bottom:10px;
    	padding-left:0px;
    }
    .k_main .imgarea {
    	padding-top:5px;
    }
    .k_main .description {
    	padding-top:5px;
    	line-height:25px;
    }
    .k_main .description p {
    	margin-bottom:20px;
    	line-height:25px;
    	float:left;
    	width:100%
    }
    .k_main .c_link {
    	font-size:12px;
    	color:#005c91;
    }
    .k_main .description .content {
    	width:592px;
    	float:left;
    	background:#f9fcfd;
    	border:1px solid #f3f8fb;
    	padding:10px;
    	margin:0px 0 10px 0;
    }
    .k_main .description .content p {
    	margin-bottom:0!important;
    	color:#333;
    }
    .k_main .description .content .ta1 {
    	float:left;
    	width:120px;
    }
    .k_main .description .content .ta2 {
    	float:left;
    	width:78%;
    	font-size:15px;
    }
    .k_main .description .content .ta2 em {
    	display:block;
    	font-size:11px;
    	color:#666;
    	font-style:normal;
    }
    .k_main .description .content .ta2 b, .k_main .description .content .search b {
    	display:block;
    	margin-bottom:2px;
    	font-size:13px;
    }
    .k_main .description .content .ta2 em {
    	display:block;
    	font-size:11px;
    	font-style:normal;
    }
    .k_main .description .content .ta2 em a {
    	color:Red;
    	font-style:normal;
    }
    .k_main ul.scroll {
    	border:0px solid red;
    	overflow:hidden;
    }
    .k_main ul.scroll li {
    	float:left;
    	padding:5px 6px 5px 6px;
    	border:1px solid #eee;
    	margin:2px;
    }
    
    .k_main .linkcontainer {
    	float:left;
    	width:100%;
    }
    .k_main .linkcontainer a {
    	background:#666;
    	padding:2px 7px;
    	margin:1px;
    	color:#fff;
    }
    .right_Main {
    	float: right;
    	text-align: left;
    	width: 320px;
    	margin-right:15px;
    	background:#f7f8f8;
    }
    .right_Main .prnt_cont {
    	border:1px solid #005c91;
    	overflow:hidden;
    	margin:10px 0px 10px 0px;
    }
    .right_Main .prnt_cont .subcontainer {
    	padding:5px;
    }
    .right_Main .brd-zero {
    	border:1px solid #eee;
    	background:#eee;
    	text-align:center;
    }
    .right_Main .prnt_cont h1 {
    	background:#005c91;
    	font-size:14px;
    	font-weight:bold;
    	padding:5px 10px;
    	color:#fff;
    	width:94%;
    }
    .right_Main .prnt_cont h1 a {
    	color:#fff;
    }
    .right_Main .prnt_cont h2 {
    	background:#005c91;
    	font-size:14px;
    	font-weight:bold;
    	padding:5px 10px;
    	color:#fff;
    	width:100%;
    }
    .right_Main .prnt_cont .subcontainer p {
    	float:left;
    	width:100%;
    	padding-bottom:10px;
    }
    .right_Main .prnt_cont .subcontainer span.thumb {
    	float:left;
    	display:block;
    	height:136px;
    	padding:10px 18px 0px 18px; ;
    }
    .right_Main .prnt_cont .subcontainer span.thumb a {
    	display:block;
    	color:#005c91;
    }
    .right_Main .prnt_cont .subcontainer span.thumb a img {
    	border:1px solid #aaa;
    	padding:2px;
    }
    .right_Main .prnt_cont .subcontainer span.thumb_a {
    	float:left;
    	width:112px;
    	padding:5px;
    	padding-bottom:10px;
    }
    .right_Main .prnt_cont .subcontainer span.thumb_a a img {
    	border:1px solid #aaa;
    	padding:2px;
    }
    .right_Main .prnt_cont .subcontainer span.thumb_detail {
    	float:left;
    	width:171px;
    	padding:5px;
    	margin-left:5px;
    	font-size:14px;
    	color:#005c91;
    }
    .right_Main .prnt_cont .subcontainer span.thumb_detail b.bold_txt {
    	display:block;
    	padding:0 0 5px 0;
    	width:174px;
    	overflow:hidden;
    }
    .right_Main .prnt_cont .subcontainer span.thumb_detail b.bold_txt a {
    	color:#005c91;
    }
    .right_Main .prnt_cont .subcontainer span.thumb_detail em {
    	font-style:normal;
    }
    .right_Main .prnt_cont .subcontainer ul li {
    	list-style:disc outside none;
    	color:#ffae00;
    	font-size:14px;
    	margin-left:-5px;
    }
    .right_Main .prnt_cont .subcontainer ul li em {
    	font-size:12px;
    	text-decoration:none;
    	color:#333;
    	font-style:normal;
    	font-weight:bold;
    }
    .right_Main .prnt_cont .subcontainer ul li a{
    	font-size:13px;
    	text-decoration:none;
    	color:#005C91;
    	font-style:normal;
    	font-weight:bold;
    }
    .comm {
    	position:absolute;
    	top:113px;
    	height:232px;
    	width:68px;
    	left:-68px;
    }
    .star_pic {
    	background:#333;
    	padding:8px;
    	text-align:center;
    }
    .star_pic span { }
    .star_pic p b {
    	display:block;
    	margin-bottom:5px;
    	font-size:14px;
    }
    .star_pic p b a {
    	color:#FFFFFF;
    }
    .star_pic p {
    	text-align:left;
    	color:#fff;
    	line-height:18px;
    }
    .star_pic p span.pic {
    	display:block;
    }
    .icon_c {
    	padding:15px 8px;
    	float:left;
    	width:96%;
    }
    .icon_c span {
    	padding:3px;
    }
    .icon_c span a {
    	float:left;
    }
    .icon_c span a.font {
    	font-size:22px;
    	padding:7px;
    }
    .icon_c .rss {
    	float:left;
    	width:34px;
    }
    .icon_c .twitter {
    	float:right;
    }
    /*Form*/
    .form_cont {
    	margin:5px;
    	overflow:hidden;
    }
    .form_cont ul {
    	float:left;
    	width:99%;
    	background:#eee;
    	padding:10px;
    }
    .form_cont ul li {
    	padding:5px 0;
    	width:99%;
    	float:left;
    }
    .form_cont ul li span {
    	float:left;
    	padding-right:10px;
    }
    .form_cont ul li span input {
    	width:120px;
    }
    .form_cont ul li span textarea {
    	width:555px;
    	height:120px;
    }
    .form_cont ul li div.comment {
    	background:#fdea9e;
    	width:97%;
    	position:relative;
    	padding:5px;
    	font-size:11px;
    	line-height:16px;
    }
    .form_cont ul li div.comment .c_img {
    	position:absolute;
    	top:5px;
    	right:5px;
    }
    /*Footer*/
    .footer {
    	margin:0 auto;
    	width:100%;
    	float:left;
    }
    .footer .inner_footer {
    	background:#212121;
    	margin:0 auto;
    	width:975px;
    	padding-top:15px;
    	padding-bottom:20px;
    	color:#fff;
    	position:relative;
    }
    .footer .inner_footer p {
    	text-align:center;
    	width:100%;
    	float:left;
    	padding-top:5px;
    }
    .footer .inner_footer ul {
    	width:93%;
    	float:left;
    	border:0px solid red;
    	text-align:center;
    	padding:10px 0 0 0;
    }
    .footer .inner_footer ul li {
    	text-align:center;
    	padding:3px 10px;
    	display:block;
    	float:left;
    	margin-bottom:5px;
    }
    .footer .inner_footer ul li a {
    	font-size:11px;
    	color:#aaa;
    }
    .footer .inner_footer ul.link_a {
    	float:left;
    	width:100%;
    	margin:1px 10px;
    }
    .footer .inner_footer ul.link_a li {
    	padding:2px 11px;
    	border:1px solid #333!important;
    	margin:0 2px 5px 2px;
    }
    .footer .inner_footer ul.link_a li:hover {
    	background:#333;
    }
    .footer .inner_footer ul.link_a li.selected {
    	background:#333;
    }
    .latest_news {
    	background:#666;
    	color:#fff;
    	padding:5px 0px 5px 8px;
    	clear:both;
    	/*margin:0 15px;*/
    	margin-bottom:5px;
    }
    .search {
    	margin-top:8px;
    }
    .search label {
    	float:left;
    	padding-left:10px;
    }
    .search label input {
    	width:145px;
    	font-size:11px;
    	border:1px solid #005C91;
    	margin-top:2px;
    	padding:2px 3px;
    }
    .search label a {
    	color:#fff;
    }
    .search label a:hover {
    	color:#000;
    }
    .k_main .description .content .search {
    	float:left;
    	width:100%;
    	font-size:15px;
    }
    .breadcrumb {
    	width:100%;
    	padding:5px 0;
    	font-size:15px;
    	color:#666;
    	border-bottom:1px dotted #999;
    	margin-bottom:10px;
    }
    .breadcrumbs a {
    	color:#000;
    	font-weight:bold;
    }
    .article_page_tags {
    	padding:10px;
    	border:1px solid #eee;
    	float:left;
    	margin-top:10px;
    	background:#eee;
    	line-height:18px;
    }
    .readmore {
    	color:#666666;
    	float:left;
    	width:100%;
    }
    .has-js {
    	background:#fff;
    	width:98.8%;
    	padding:6px;
    	height:16px;
    	margin-top:0px;
    	float:left;
    	border-bottom:1px solid #999;
    }
    .news1 {
    	float: left;
    	color:#333;
    }
    .news1 a {
    	color:#333;
    }
    .news1 em {
    	color:red;
    	padding:0 0 0 5px;
    	font-style:normal;
    }
    .s-hidden {
    	float: left;
    	width: 700px;
    }
    .comment-body{
    	margin:7px 0;
    	padding:10px 10px
    }
    input.search1 {
    	cursor:pointer;
    	width:auto !important;
    	padding:1px 3px!important;
    	background:#88ccf3;
    }
    
    .submit {
    	cursor:pointer;
    	height:38px;
    	width:119px!important;
    }
    #commentform {
    	border-top:1px dotted #999;
    	padding-top:10px;
    }
    #commentform p {
    	padding:6px 0;
    }
    #commentform p input {
    	width:97%;
    }
    #commentform p label {
    	width:100%
    }
    #commentform p textarea {
    	width:97%
    }
    #comments {
    	clear: both;
    	width:100%
    }
    #comments .navigation {
    	padding: 0 0 18px 0;
    }
    h3#comments-title, h3#reply-title {
    	color: #000;
    	font-size: 20px;
    	font-weight: bold;
    	margin-bottom: 0;
    }
    h3#comments-title {
    	padding: 24px 0;
    }
    .commentlist {
    	list-style: none;
    	margin: 0;
    }
    .commentlist li.comment {
    	border-bottom: 1px solid #e7e7e7;
    	line-height: 24px;
    	margin: 0 0 0px 0;
    	padding: 0 0 0 42px;
    	position: relative;
    }
    #comments .comment-body ul, #comments .comment-body ol {
    	margin-bottom: 18px;
    }
    .commentlist ol {
    	list-style: decimal;
    }
    .commentlist .avatar {
    	position: absolute;
    	top: 4px;
    	left: 0;
    }
    .comment-author { }
    .comment-author cite {
    	color: #000;
    	font-style: normal;
    	font-weight: bold;
    }
    .comment-author .says {
    	font-style: italic;
    }
    .comment-meta {
    	font-size: 12px;
    	margin: 0 0 5px 0;
    }
    .comment-meta a:link, .comment-meta a:visited {
    	color: #888;
    	text-decoration: none;
    }
    .comment-meta a:active, .comment-meta a:hover {
    	color: #ff4b33;
    }
    .commentlist .even {
    	background:#F3F6FB
    }
    .commentlist .odd { background:#FFF }
    .commentlist .bypostauthor { }
    .reply { font-size: 15px; padding: 0 0 24px 0; clear:both;margin-bottom:5px;}
    .reply a { color: #fff; background:#076fab; padding:1px 6px; float:right; margin:11px -10px 0 0px;}
    .reply a:hover { color: #fff!important;}
    a.comment-edit-link { color: #888; }
    .reply a:hover, a.comment-edit-link:hover { color: #ff4b33; }
    .commentlist .children { list-style: none; margin: 0; }
    .commentlist .children li { border: none; margin: 0; }
    .nopassword, .nocomments { display: none; }
    #comments .pingback { border-bottom: 1px solid #e7e7e7; margin-bottom: 18px; margin-top:20px;padding-bottom: 18px; }
    .commentlist li.comment+li.pingback { margin-top: 20px; }
    #comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; }
    #comments .pingback .url { font-size: 13px; font-style: italic; }
    #cancel-comment-reply-link {color:red;}
    #respond { margin-top:20px;}
    #respond .comment-notes {
        margin-bottom: 1em;
    }
    #respond p {
        margin: 0;
    }
    #respond .form-allowed-tags {
        color: #888888;
        font-size: 12px;
        line-height: 18px;
    }
    #respond .required {
      color:red;
    }
    #respond .form-submit input {
        font-size: 14px;
        width: auto;
    }
    
    .footer .inner_footer span{
    	font-size:11px;
    }
    .footer .inner_footer span a{
    	font-weight:bold;
    	color:#FFFFFF;
    	font-size:12px;
    }
    .footer .inner_footer span a:hover{
    	text-decoration:underline;
    }
    .footer-cone1{
    	background:url(design/beta/images/footer_cone.png) no-repeat left bottom;
    	width:75px;
    	height:153px;
    	position:absolute;
    	left:-75px;
    	bottom:0;
    }
    .footer-cone2{
    	background:url(design/beta/images/footer_cone.png) no-repeat right bottom;
    	width:75px;
    	height:153px;
    	position:absolute;
    	right:-75px;
    	bottom:0;
    }
    
    .descpanelfg a {
    	color:white;
    }
    .subcontainer #searchform {
    	padding-bottom:10px;
    }
    
    .subcontainer div a{
    	float:left;
    }
    .tag_cloud {
    	line-height:25px;
    	float:left;
    	width:100%
    }
    .tag_cloud a{
    	padding:0 5px
    }
    .mt0{
    	margin-top:0px !important;
    }
    .ml15{
    	margin-left:15px;
    }
    .separator {
    	clear:both;
    	margin-top:10px;
    	border-top: 1px dotted #005C91;
    	padding-bottom:10px;
    }
    #site-title {
       width: 966px !important;
       text-align: center;
       font-size: 20px !important;
    }
    #site-description {
       float: left !important;
       width: 966px !important;
       text-align: center;
       font-size: 25px;
       margin: 0 0 18px !important;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags