3 {{ upvoteCount | shortNum }}
3 {{ upvoteCount | shortNum }}

Video is too far to the right (RESOLVED)

by LondonPaladin
2 replies
  • WEB DESIGN
    • |
On my wordpress site, I am trying to insert a youtube video into the header. For some reason it's sliding to the right outside of the box.

Organic Seduction

What is the html error that I am making? Below is the content of header.php

------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>


<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<title>
<?php bloginfo('name'); ?>
<?php if ( is_single() ) { ?> :: <?php foreach((get_the_category()) as $cat) { echo $cat->cat_name . ' '; } ?> <?php } ?>
<?php wp_title(' :: '); ?>
</title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<meta name="verify-v1" content="HOIqEIhWUZXjHaPNcErCRj5AzvOEh0wmGc/HUxZHsUE=" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style-ui-tabs.css" type="text/css" media="screen" />
<!--[if IE]>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style-browser-ie.css" type="text/css" media="screen" />
<![endif]-->
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/ui.tabs.pack.js"></script>
<script type="text/javascript">
$(function() {
$("div#navmenu-wrapper > ul > li:first").css('margin-left', '17px');
$('#box-tabs > ul').tabs();
$("input#s").focus(function() {
$(this).val('');
});
$("input#s").blur(function() {
$(this).val('search');
});
/*$('div#tab-blogroll > ul > li:last').css('border-bottom','none');
$('div#tab-categories > ul > li:last').css('border-bottom','none');
$('div#tab-archives > ul > li:last').css('border-bottom','none');
*/
});
</script>
</head>

<body>
<script type="text/javascript" src="http://forms.aweber.com/form/58/788279258.js"></script>
<div id="container">
<div id="header">
<div id="header-wrapper">
<div id="header-title">
<h1><a href="<?php echo get_option('home'); ?>/"><span><?php bloginfo('name'); ?></span></a></h1>
</div>
<div id="header-search">
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</div>
</div>
</div>
<div id="navmenu">
<div id="navmenu-wrapper">
<ul>

<?php wp_list_pages('title_li='); ?>
</ul>
</div>
</div>
<div id="topads">
<div id="topads-wrapper">
<!-- Google Adsense Code Start -->
<script type="text/javascript"><!--
google_ad_client = "ca-pub-3576934889908018";
/* 728x15, Trendy Cork */
google_ad_slot = "5810419487";
google_ad_width = 728;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

<!-- Google Adsense Code End -->
</div>
</div>
<div id="about">
<div id="about-wrapper">
<div class="text">
<p class="para1">Learn how to attract women</p>
<p class="para2">Have you ever been in a bar of club and just now known what to say when you see a beautiful woman? Have you seen her in the arms of another man and wondered what he has that you don't have?</p>
</div>
<div class="advertisement">
<p style="text-align: left;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="278" height="225" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/LQ3Cb_CDxl0&amp;hl=en&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="278" height="225" src="http://www.youtube.com/v/LQ3Cb_CDxl0&amp;hl=en&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object>
<p style="text-align: left;"></p>

</div>
</div>
</div>

<div id="wrapper">
#video
  • Profile picture of the author CarloD.
    Hey there,

    Simple fix, you have padding around it because its in a paragraph. That paragraph has padding set.

    I would recommend changing the class of the <p> tag. and then adding different padding.

    I have attached 2 photos showing the difference.
    (I don't have 15 posts so you'll have to visit the 2 URLS below and add .jpg to the end)

    Please let me know if you have other questions.

    affiliatedeveloper.com/help/screen1
    affiliatedeveloper.com/help/screen2


    Carlo
    Signature

    {{ DiscussionBoard.errors[1487516].message }}
  • Profile picture of the author LondonPaladin
    Thanks. That worked a treat.
    Signature
    {{ DiscussionBoard.errors[1487547].message }}

Trending Topics