Youtube & CSS Help…
-
I am coding my first worpress theme (I’m really more piecing it together from other themes and throwing in some of my own magic ;). Anyway. I had a youtube video inserted in the sidebar and working. I continued editing and fixing little issues (lots of little issues). I hadn’t really paid attention, but somewhere during the process, my youtube video stopped working in firefox only. It is working fine in IE7. It’s really weird. I have exhausted my limited resources and knowledge and can’t figure out at what point I lost the ability to see the video in firefox. So, here is the css and link to the blog. If anyone can help, it would be SO appreciated!!!
https://epic4life.com/kent//* CSS Document */ html, body { height: 100%; background: url(images/backgound_image.jpg); background-attachment: fixed; text-align: center; font: normal 12px arial, sans-serif; text-transform: none; margin:0; } h2, h3, h4 { margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; } small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; } h1 img { display: block; } img { border: 0; background-position: center; } a { color: #F51A28; text-decoration:none; } a:hover { color: #829EC3; text-decoration:underline; } /*=== Each Post ===*/ .pagetitle{ color: #41484d !important; font-size:14px !important; text-transform:uppercase; font-weight:bold !important; border-bottom:#41484d dotted 1px; padding-bottom:5px; } .post{ background: url(images/hl-dot2.gif) repeat-x bottom; padding: 15px 0 5px; border-bottom:#41484d dotted 1px; } .post p{ clear: both; padding: 0 0 15px; } .post.last{ background: none; } .postmetadata{ font-size: 12px; padding: 0 0 5px; width:450px; } .postmetadata a{ color: #777; } .meta-cal { background:url(images/ico-cal.gif) center left no-repeat; padding-left:15px; } .meta-comm { background:url(images/ico-comm.gif) center left no-repeat; padding-left:15px; margin-left:15px; } .meta-tag { background:url(images/ico-tag.gif) center left no-repeat; padding-left:15px; } .postimg img.fl{ margin: -10px 15px 0 0; padding-bottom:15px; } .entry p{ text-align:justify; font-size:12px; line-height:20px; } .entry blockquote { padding: 3px 15px; border: 1px dotted #000000; margin: 5px auto 15px auto; color:#000; width:85%; background-color: #D8E0EB; font-size: 15px; font-weight: bold; text-transform: uppercase; } .entry blockquote a{ color:#F51A28; } .entry blockquote p { font-size:12px; padding: 5px 0px; margin: 5px 0px; line-height: 20px; } .entry img { padding: 2px 2px 2px 2px; background:#f0f0f0; border: solid 1px #DEDEDE; margin: 0px 15px 15px 0px !important; float:left; display:inline; } .none-img { background:none !important; border:none !important; } .none-img img { background:none !important; border:none !important; } .entry ul, .entry ol { margin-bottom:15px; font-size:12px; line-height:20px; margin-left:15px; } .entry ul li ul, .entry ol li ol{ margin-bottom:0px; padding-top:3px; } .entry ul li { list-style:circle inside !important; padding:3px 0px; } .entry ul li ul li { list-style:disc inside !important; } .entry ol li { list-style:decimal inside !important; font-size:12px; padding:3px 0px; } .entry ol li ol li { list-style:decimal-leading-zero inside !important; } /*=== Comments ===*/ .left { float: left; } .right { float: right; } .more { text-align: right; } .clear { clear: both; } #wrapper { height: 100%; position: relative; text-align: left; width: 766px; z-index: 1000; margin-top: auto; margin-right: auto; margin-left: auto; } #header { background-image: url(images/header-maina.png); background-repeat:no-repeat; height: 198px; width: 766px; } #header ul {list-style:none;} #media { background-image: url(images/headera.png); background-repeat:no-repeat; height: 95px; width: 766px; padding-top:0px; z-index: 5; } #menu a { position: absolute; height: 52px; width: 199px; top: 223px; text-decoration: none; } #menu a i { visibility: hidden; } a#med { left: 280px; width: 199px; } a#med:hover { background-image: url(images/hover_03.gif); } a#med:hover { border: none; } #button{ height: 28px; width: 766px; text-align: center; float:left; padding-top:0px; } #button ul {list-style: none;padding:0; margin:0; } #button li { display: inline; margin: 0 0 0 0; } #nav-reg a { background-image: url(images/buttonsa.png); display: inline; height: 29px; width: 124px; color:#CCCCCC; text-decoration:none; font-weight: bold; float:left; background-repeat: no-repeat; } #nav-reg a:hover { background-image: url(images/buttons-highlighteda.png); color:#FFFFFF; height: 29px; width: 124px; text-decoration: none; font-weight: bold; float:left; padding-top: 3px; background-repeat: no-repeat; } #nav-new a { background-image: url(images/buttons-highlightedab.png); display: inline; height: 29px; width: 124px; color:#FFFFFF; text-decoration:none; font-weight: bold; float:left; padding-top:1px; background-repeat: no-repeat; } #nav-new a:hover{ background-image: url(images/buttons-highlighteda.png); color:#FFFFFF; height: 29px; width: 124px; text-decoration: none; font-weight: bold; float:left; padding-top: 3px; background-repeat: no-repeat; } .hiddenPic {display:none;} #text { width:766px; color:#000000; } .floatl{float:left; padding:0px 15px 15px 15px;} .floatr{float:right;} .widthr{width:274px; background:url(images/side-right.png); z-index:-1;} .widthl{width:450px; background:url(images/side-left.png); z-index:-1; } #lefty{ float:left; width: 480px; margin-top:0px; } .postimg img.fl{ margin: -10px 15px 0 0; padding-bottom:15px; } .bumpup{ position:relative; top: -40px; } .bumpdown{ position:relative; bottom: 60px; } #fake { border:none; } #left-text-header{ z-index:1000; text-align: left; padding: 5px 100px 5px 5px; } #left-text{ z-index:1000; text-align: left; padding: 0px 15px 15px 32px; } #right-text-header{ z-index:1000; text-align: left; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; } #right-text{ z-index:1000; text-align: left; padding: 0px 15px 15px 32px; font-size:12px;} .hdr1{ background: url(images/star_03.gif) no-repeat left; padding: 0 0 0 27px; color:#000000; font-size: 18px; } .hdr1 a{ color:#333333; } .hdr1 a:hover{ color:#829EC3; } #right { height:auto; } #bottom { background:url(images/footera.png) bottom center; background-repeat:no-repeat; position: relative; height: 60px; z-index:1000; margin-top:-60px; margin-bottom:-100px; } .clearfooter { clear: both; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; width:450px; } .alignright { float: right; } .alignleft { float: left } .center { text-align: center; } #searchform { margin: 10px auto; padding: 5px 3px; text-align: center; height:30px; } #sidebar #searchform #s { width: 108px; padding: 2px; height:30px; } /*- Search -*/ .search1{ border:dotted #999999 thin; float: right; height: 30px; margin: 20px 0 0; width: 250px; } .search1 input{ background: none; border: 1 #999999; color: #000; float: left; font-size: 14px; margin: 4px 0 0 10px; padding: 2px; width: 150px; } .search1 .btn{ margin: 4px 0 0 14px; padding: 0; width: auto; } #sidebar #searchsubmit { padding: 1px; } .entry form { /* This is mainly for password protecteds, makes them look better. */ text-align:center; } select { width: 130px; } #commentform input { width: 120px; padding: 2px; margin: 5px 5px 1px 0; height:auto; } #commentform textarea { width: 100%; padding: 2px; height:auto; } #commentform #submit { margin: 0; float: right; } /* Begin Sidebar */ #sidebar { padding: 20px 0 10px 0; margin-left: 545px; width: 190px; } #sidebar form { margin: 0; height:auto; } /* End Sidebar */
PS – I’m sure my code is pretty ugly, sorry. Also, I have searched for solutions and can’t find any similar to this…
- The topic ‘Youtube & CSS Help…’ is closed to new replies.