4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

Youtube and css grrrr

by hometutor
3 replies
  • WEB DESIGN
    • |
The Youtube embedds are breaking my css. Here's my code can anyone help me

Code:
body {
  background-color: #fff;
  widthbak: 85%;
  margin: 0 auto;
margin-top:1cm;

color:black;







background: #014D5D url(bagsbg.jpg);
	background-repeat:repeat-x;

}


#page
{
  display: block; 
  height:auto;
  position: relative; 
  overflow: hidden; 
  width: 800px;
background-color:white;


padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;






margin-left: auto ;
margin-right: auto ;





}






a:link {text-decoration:underline;}
a:visited {text-decoration:underline;}
a:hover {background:#66ff66;}
a:active {text-decoration:underline;}
#css #grrrr #youtube
  • Profile picture of the author John J M
    I'm not sure what this line is: widthbak: 85%;

    Is it spelled incorrectly?

    Something as simple as that could break it.
    {{ DiscussionBoard.errors[8370396].message }}
    • Profile picture of the author hometutor
      Originally Posted by John J Rivers View Post

      I'm not sure what this line is: widthbak: 85%;

      Is it spelled incorrectly?

      Something as simple as that could break it.
      That was something I was saving. It didn't get broken till I embedded the Youtube video

      Rick
      Signature
      Video - How Local Businesses Benefit from Monetized On-Topic Breaking News Releases Linking Back to Their Websites
      {{ DiscussionBoard.errors[8371079].message }}
      • Profile picture of the author hometutor
        Oh G* I feel stupid

        Kompozure wiped my header which means my css tag got wiped too. For everyone's trouble I'll share this video embed css code I found.

        Code:
        
/************************************************************************************
VIDEO
*************************************************************************************/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* video fixed width wrappers */
.video-wrapper {
	width: 600px;
	max-width: 100%;
}
.video-wrapper2 {
	width: 500px;
	max-width: 100%;
}



[
        Signature
        Video - How Local Businesses Benefit from Monetized On-Topic Breaking News Releases Linking Back to Their Websites
        {{ DiscussionBoard.errors[8371161].message }}

Trending Topics