Congratulations to AcaCandy on her 100,000th post!
There's no such thing as a stupid question, but they're the easiest to answer.
JoinTour
Login
 
Tag Cloud
acer black screen blue screen boot bsod computer connection crash css dell driver drivers email error ethernet excel firefox firefox 3 freeze game hard drive internet internet explorer itunes laptop linux malware monitor network networking nvidia outlook outlook 2003 outlook 2007 outlook express partition password problem router slow software sound trojan usb video virus vista windows windows xp wireless
Web Design & Development
Search
Search in:
 
Advanced Search
Tech Support Guy Forums > Internet & Networking > Web Design & Development >
Blogspot template problem...


HELLO AND WELCOME! Before you can post your question, you'll have to register -- it's completely free! Click here to join today! We highly recommend that you print a copy of our Guide for New Members. Enjoy!

Closed Thread
 
Thread Tools
soulraven's Avatar
Junior Member with 9 posts.
 
Join Date: Feb 2008
Location: Campulung Muscel
Experience: Advanced
29-Mar-2008, 04:31 AM #1
Unhappy Blogspot template problem...
hy, i have a problem with a template for blogspot, i can't center the video bar on the butom page.... http://vismec.blog.com ...i want the video to align to center...not vericali...please help me

sorry for my bad english....
TheRobatron's Avatar
Computer Specs
Senior Member with 457 posts.
 
Join Date: Oct 2007
Location: England
Experience: Intermediate
29-Mar-2008, 06:33 PM #2
Can you post the code for the page?
soulraven's Avatar
Junior Member with 9 posts.
 
Join Date: Feb 2008
Location: Campulung Muscel
Experience: Advanced
30-Mar-2008, 04:17 AM #3
this is the template.......place help me
PHP Code:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
----------------------------------------------------------------------
Blogger Template Style
Name:     Nyoba 780 3 Column
Designer: Isnaini
URL:      www.isnaini.com
Date:     19 Feb 2007
----------------------------------------------------------------------
*/

/* Variable definitions
   ====================
 <Variable name="bgColor" description="Page Background Color"
           type="color" default="#666666" value="#666666">
 <Variable name="bodyFont" description="Text Font"
           type="font" default="normal normal 73% Verdana, Arial, Sans-serif;" value="normal normal 73% Verdana, Arial, Sans-serif;">
 <Variable name="textColor" description="Text Color"
           type="color" default="#000000" value="#000000">
<Variable name="linkColor" description="Link Color"
           type="color" default="#336699" value="#0000ff">
 <Variable name="HoverlinkColor" description="Hover Link Color"
           type="color" default="#0000ff" value="#ff2400">
 <Variable name="mainBgColor" description="Main Background Color"
           type="color" default="#ffffff" value="#ffffff">
 <Variable name="mainBdColor" description="Main Border Color"
           type="color" default="#cccccc" value="#333333">
 <Variable name="postImgBdColor" description="Post Images Border Color"
           type="color" default="#f1f1f1" value="#e6e6e6">
 <Variable name="headerBgColor" description="Page Header Background Color"
           type="color" default="#336699" value="#333333">
 <Variable name="PostTitleFont" description="Post Title Font"
           type="font" default="normal normal 100% 'Trebuchet MS', Arial, Sans-serif;" value="normal bold 165% 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif;">
 <Variable name="titleFont" description="Blog Title Font"
           type="font" default="normal normal 210% 'Trebuchet MS', Arial, Sans-serif;" value="normal bold 200% 'Trebuchet MS', Arial, Sans-serif;">
 <Variable name="titleTextColor" description="Blog Title Text Color"
           type="color" default="#ffffff" value="#000000"> 
 <Variable name="dateHeaderColor" description="Date Header Color"
           type="color" default="#999999" value="#666666">
 <Variable name="postTitleBgColor" description="Post Title Background Color"
           type="color" default="#f1f1f1" value="#f9f9f9">
<Variable name="postTitleTxtColor" description="Post Title Text Color"
           type="color" default="#000000" value="#000080">
 <Variable name="SBbgColor" description="Sidebar Background Color"
           type="color" default="#efefef" value="#f1f1f1">
 <Variable name="SBbdColor" description="Sidebar Border Color"
           type="color" default="#efefef" value="#b3b3b3">
 <Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"
           type="color" default="#CCCCCC" value="#666666">
 <Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"
           type="color" default="#333333" value="#ff9200">
 <Variable name="SBtextColor" description="Sidebar Text Color"
           type="color" default="#333333" value="#666666">
<Variable name="SBTitleFont" description="Sidebar Title Color"
           type="font" default="normal normal 210% 'Trebuchet MS', Arial, Sans-serif;" value="normal bold 118% Arial, sans-serif">
<Variable name="SBLinkColor" description="Sidebar Link Color"
           type="color" default="#0000ff" value="#4040c0">
 <Variable name="footrcolor" description="Footer Background Color"
           type="color" default="#666666" value="#333333">
 <Variable name="footrTextcolor" description="Footer Text Color"
           type="color" default="#666666" value="#b3b3b3">

*/

/* lain
----------------------------------------------- */
#toplinkads{
    background-color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
}
#blogtitle h1{
    color:  $titleTextColor;
    font-size: 18px;
    text-align: center;
     font: $titleFont;
    margin-top: 2px;
    margin-bottom: 2px;
    }
#blogtitle h1 a{
    color: #ff6600;
    }
#blogtitle{
    padding: 0px;
    width: 300px;
    margin: 0px;
}
.description {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    }
.narrowcolumn {
    float: left;
    width: 440px;
    overflow: hidden;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    }
#sidebar{
    width: 300px;
    float: right;
    position: static;
    top: 0px;
        color: $SBtextColor;
        background-color: $SBbgColor;
    border: 1px solid $SBbdColor;
    padding-top: 0px;
    padding-right: 4px;
    padding-bottom: 0px;
    padding-left: 4px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
}
#sidebar a {
        color: $SBLinkColor;
}
#sidebar .widget { 
    margin-bottom: 1em;

}

#sidebar .widget-content {
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
}
#sidebar h2{
    font-size: 12px;
    font-weight: bold;
    color: $sidebarTitleTextColor;
        font: $SBTitleFont;
        background-color: $sidebarTitleBgColor;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
        padding: 4px 5px;
}
#leftsidebar h2 {
        background-color: $SBbgColor;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
        padding: 4px 5px;
    }

#leftsidebar
{
    width: 160px;
    float: left;
    padding-top: 0;
    padding-right: 1px;
    padding-bottom: 0;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 1px;

    }
#rightsidebar
{
    margin-top: 0px;
    margin-left: 0px;
    width: 125px;
    margin-right: 4px;
    margin-bottom: auto;
    padding: 0px;
    float: right;
    }
#kotakkanan{
    float: left;
    width: 300px;
    list-style-image: none;
    list-style-type: none;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    margin: 0px;
}
#kotakkanan2{
    float: left;
    width: 300px;
    list-style-image: none;
    list-style-type: none;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    margin: 0px;
}


  #footer {
    padding: 0px;
    width: 780px;
    clear: both;
    height: 60px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    background-color: $footrcolor;
    color: $footrTextcolor;
    }
#footer a {
    color: $footrTextcolor;
}

 .kosong 
 {
    clear: both;
 }

body {
    font: $bodyFont;
    text-align: center;
    margin: 0px;
    padding: 0px;
    background-color: #CCCCCC;
        color: $textColor;
        background: $bgColor;
    }

#page {
    text-align: left;
    width: 780px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
        background-color: $mainBgColor;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: $mainBdColor;
    border-left-color: $mainBdColor;
    }

#header {
    height: 180px;
    margin: 0px;
    padding: 0px;
    background-color: $headerBgColor;
    }
/* Posts
----------------------------------------------- */
.date-header {
  margin: 1.5em 0 0;
  font-weight: normal;
  color: $dateHeaderColor;
  font-size: 100%;
}
.post {
    float: none;
    padding: 0px;
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 12px;
    margin-left: 0;
        text-align: justify;
    }
.post-title {
  margin: 0;
  padding: 0;
  font: $PostTitleFont;
  line-height: 1.1em;
  background-color: $postTitleBgColor;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: left;
}
.post-title a, .post-title a:visited, .post-title strong {
  text-decoration: none;
  color: $postTitleTxtColor;
  font-weight: bold;
}
.post div {
  margin: 0 0 .75em;
  line-height: 1.3em;
}
p.post-footer {
  margin: -.25em 0 0;
  color: $mainBgColor;
  font-size: 10px;
}
.post-labels {
  font-size: 10px;
}
.post-footer .span {
  margin-right: .3em;
}
.comment-link {
  margin-left: .3em;
}
.post img {
  padding: 4px;
  border: 1px solid $postImgBdColor;
}
.post blockquote {
  margin: 1em 20px;
  font-style: italic;
}
}
.post blockquote p {
  margin: .75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
  margin: 1em 0;
  color: $dateHeaderColor;
}
#comments h4 strong {
  font-size: 90%;
}
#comments-block {
  margin: 1em 0 1.5em;
  line-height: 1.3em;
}
#comments-block dt {
  margin: .5em 0;
}
#comments-block dd {
  margin: .25em 0 0;
}
#comments-block dd.comment-footer {
  margin: -.25em 0 2em;
  line-height: 1.4em;
  font-size: 78%;
}
#comments-block dd p {
  margin: 0 0 .75em;
}

.deleted-comment {
  font-style:italic;
  color:gray;
}

.feed-links {
  clear: both;
  line-height: 2.5em;
}

#blog-pager-newer-link {
  float: left;
 }

#blog-pager-older-link {
  float: right;
 }
 
#blog-pager {   
  text-align: center; 
 }

small {
    font-family: Arial, Verdana, sans-serif;
    font-size: 9px;
    line-height: 11px;
    }

h1, h2, h3 {
    font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
    }

h1, h1 a, h1 a:hover, h1 a:visited, .description {
    text-decoration: none;
    }

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #leftsidebar h2, #rightsidebar h2, #wp-calendar caption, cite {
    text-decoration: none;
    }

acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
    }

a, h2 a:hover, h3 a:hover {
        color: $linkColor;
    text-decoration: none;

    }

a:hover {
        color: $HoverlinkColor;
    text-decoration: underline;
    }



.widecolumn .post {
    margin: 0;
    }

.narrowcolumn .postmetadata {
    padding-top: 5px;
    }

.widecolumn .postmetadata {
    margin: 30px 0;
    }
    
h2 {
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    }
h3 {
    padding: 0px;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    }

h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
    }
/* End Headers */



/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }

/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */
    
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;
    }

.alignright {
    float: right;
    }
    
.alignleft {
    float: left
    }
/* End Images */



/* Begin Lists

    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {

    } 

html>body .entry li {
    list-style-type: square;
    padding: 0px;
    margin-left: 10px;
    }

#leftsidebar ul, #leftsidebar ul ol, #rightsidebar ul, #rightsidebar ul ol {
    padding: 0px;
    margin: 0px;
    }

#leftsidebar ul li, #rightsidebar ul li  {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
    }

#leftsidebar ul p, #leftsidebar ul select, #rightsidebar ul p, #rightsidebar ul select {
    margin: 5px 0 8px;
    }

#leftsidebar ul ul, #leftsidebar ul ol, #rightsidebar ul ul, #rightsidebar ul ol {
    margin: 5px 0 0 5px;
    }

#leftsidebar ul ul ul, #leftsidebar ul ol, #rightsidebar ul ul ul, #rightsidebar ul ol {
    margin: 0 0 0 10px;
    }

ol li, #leftsidebar ul ol li, #rightsidebar ul ol li  {
    list-style: decimal outside;
    }

#leftsidebar ul ul li, #leftsidebar ul ol li, #rightsidebar ul ul li, #rightsidebar ul ol li {
    margin: 3px 0px 0px;
    padding: 0px;
    }
/* End Entry Lists */

.entry form {
    text-align:center;
    border: 1px solid #CCCCCC;
    }

select {
    width: 130px;
    }

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
    }

acronym, abbr {
    border-bottom: 1px dashed #CCCCCC;
    }

blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 25px;
    font-family: Arial, Verdana, sans-serif;
    background-image: url(images/quote.gif);
    background-repeat: no-repeat;
    background-position: left top;
    }

blockquote cite {
    margin: 5px 0 0;
    display: block;
    }

.center {
    text-align: center;
    }

hr {
    display: none;
    }

a img {
    border: none;
    }

input, textarea, select, button {
    border: 1px solid #999999;
    background-color: #fafafa;
    font-size: 11px;
    padding-right: 2px;
    padding-left: 2px;
}

form .button {
    border: 1px solid #CCCCCC;
    background-color: #fafafa;
}
]]></b:skin>
  </head>

  <body>
  <div id='page'>
 
      <b:section class='header' id='header' maxwidgets='4' showaddelement='no'>
<b:widget id='Image1' locked='false' title='' type='Image'/>
</b:section>

 <b:section class='toplinkads' id='ads1' maxwidgets='1' showaddelement='yes'/>

    <div class='narrowcolumn'>

        <b:section class='post' id='main' maxwidgets='4' showaddelement='no'>
<b:widget id='Blog1' locked='false' title='Articole blog' type='Blog'/>
</b:section>

      </div>


      <div id='sidebar'>

        <b:section class='blogtitle' id='blogtitle' preferred='yes'>
<b:widget id='Slideshow1' locked='false' title='Fotografii din timpul cursului' type='Slideshow'/>
<b:widget id='LinkList2' locked='false' title='Prestari Servicii' type='LinkList'/>
</b:section>

<b:section class='kotakkanan' id='kotakkanan1' maxwidgets='4' showaddelement='yes'>
<b:widget id='LinkList1' locked='false' title='Organizatia noastra presteaza urmatoarele servicii' type='LinkList'/>
</b:section>


<!-- left sidebar -->
 <b:section class='leftsidebar' id='leftsidebar' maxwidgets='4' showaddelement='yes'>
<b:widget id='LinkList3' locked='false' title='Pagini Afiliate' type='LinkList'/>
</b:section>

<!-- right sidebar -->
 <b:section class='rightsidebar' id='rightsidebar' maxwidgets='4' showaddelement='yes'>
<b:widget id='Profile1' locked='false' title='Despre Noi' type='Profile'/>
</b:section>

<!-- kontent bawah -->
<b:section class='kotakkanan' id='kotakkanan2' maxwidgets='4' showaddelement='yes'/>

<DIV class='kosong' style='text-align: center; padding: 4px'>
<SMALL><A href='http://www.blogspottemplate.com' target='_blank'>Blogspot Template</A> by <A href='http://www.isnaini.com'>Isnaini Dot Com </A></SMALL>
</DIV>
      </div>
<hr/>
         <b:section id='footer' maxwidgets='4' showaddelement='yes'>
<b:widget id='VideoBar1' locked='false' title='Cursuri Video Online' type='VideoBar'/>
</b:section>
    
  </div> 

</body>
</html>
TheRobatron's Avatar
Computer Specs
Senior Member with 457 posts.
 
Join Date: Oct 2007
Location: England
Experience: Intermediate
30-Mar-2008, 07:49 AM #4
You could try:
HTML Code:
<p align="center"> <b:section id='footer' maxwidgets='4' showaddelement='yes'> <b:widget id='VideoBar1' locked='false' title='Cursuri Video Online' type='VideoBar'/> </b:section> </p>
or

CSS:
Code:
div#video {
margin-left: auto;
margin-right: auto;
}
HTML:
HTML Code:
<div id="video"> <b:section id='footer' maxwidgets='4' showaddelement='yes'> <b:widget id='VideoBar1' locked='false' title='Cursuri Video Online' type='VideoBar'/> </b:section> </div>
Hopefully that will work. I couldn't test it out on my PC because the content is linked relatively and the link to your blog doesn't work for me (404 error).
__________________
There's no place like 127.0.0.1

soulraven's Avatar
Junior Member with 9 posts.
 
Join Date: Feb 2008
Location: Campulung Muscel
Experience: Advanced
30-Mar-2008, 07:58 AM #5
is not working......and i quess i make the righ changes....
PHP Code:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
----------------------------------------------------------------------
Blogger Template Style
Name:     Nyoba 780 3 Column
Designer: Isnaini
URL:      www.isnaini.com
Date:     19 Feb 2007
----------------------------------------------------------------------
*/

/* Variable definitions
   ====================
 <Variable name="bgColor" description="Page Background Color"
           type="color" default="#666666" value="#666666">
 <Variable name="bodyFont" description="Text Font"
           type="font" default="normal normal 73% Verdana, Arial, Sans-serif;" value="normal normal 73% Verdana, Arial, Sans-serif;">
 <Variable name="textColor" description="Text Color"
           type="color" default="#000000" value="#000000">
<Variable name="linkColor" description="Link Color"
           type="color" default="#336699" value="#0000ff">
 <Variable name="HoverlinkColor" description="Hover Link Color"
           type="color" default="#0000ff" value="#ff2400">
 <Variable name="mainBgColor" description="Main Background Color"
           type="color" default="#ffffff" value="#ffffff">
 <Variable name="mainBdColor" description="Main Border Color"
           type="color" default="#cccccc" value="#333333">
 <Variable name="postImgBdColor" description="Post Images Border Color"
           type="color" default="#f1f1f1" value="#e6e6e6">
 <Variable name="headerBgColor" description="Page Header Background Color"
           type="color" default="#336699" value="#333333">
 <Variable name="PostTitleFont" description="Post Title Font"
           type="font" default="normal normal 100% 'Trebuchet MS', Arial, Sans-serif;" value="normal bold 165% 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif;">
 <Variable name="titleFont" description="Blog Title Font"
           type="font" default="normal normal 210% 'Trebuchet MS', Arial, Sans-serif;" value="normal bold 200% 'Trebuchet MS', Arial, Sans-serif;">
 <Variable name="titleTextColor" description="Blog Title Text Color"
           type="color" default="#ffffff" value="#000000"> 
 <Variable name="dateHeaderColor" description="Date Header Color"
           type="color" default="#999999" value="#666666">
 <Variable name="postTitleBgColor" description="Post Title Background Color"
           type="color" default="#f1f1f1" value="#f9f9f9">
<Variable name="postTitleTxtColor" description="Post Title Text Color"
           type="color" default="#000000" value="#000080">
 <Variable name="SBbgColor" description="Sidebar Background Color"
           type="color" default="#efefef" value="#f1f1f1">
 <Variable name="SBbdColor" description="Sidebar Border Color"
           type="color" default="#efefef" value="#b3b3b3">
 <Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"
           type="color" default="#CCCCCC" value="#666666">
 <Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"
           type="color" default="#333333" value="#ff9200">
 <Variable name="SBtextColor" description="Sidebar Text Color"
           type="color" default="#333333" value="#666666">
<Variable name="SBTitleFont" description="Sidebar Title Color"
           type="font" default="normal normal 210% 'Trebuchet MS', Arial, Sans-serif;" value="normal bold 118% Arial, sans-serif">
<Variable name="SBLinkColor" description="Sidebar Link Color"
           type="color" default="#0000ff" value="#4040c0">
 <Variable name="footrcolor" description="Footer Background Color"
           type="color" default="#666666" value="#333333">
 <Variable name="footrTextcolor" description="Footer Text Color"
           type="color" default="#666666" value="#b3b3b3">

*/

/* lain
----------------------------------------------- */
#toplinkads{
    background-color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
}
#blogtitle h1{
    color:  $titleTextColor;
    font-size: 18px;
    text-align: center;
     font: $titleFont;
    margin-top: 2px;
    margin-bottom: 2px;
    }
#blogtitle h1 a{
    color: #ff6600;
    }
#blogtitle{
    padding: 0px;
    width: 300px;
    margin: 0px;
}
.description {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    }
.narrowcolumn {
    float: left;
    width: 440px;
    overflow: hidden;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    }
#sidebar{
    width: 300px;
    float: right;
    position: static;
    top: 0px;
        color: $SBtextColor;
        background-color: $SBbgColor;
    border: 1px solid $SBbdColor;
    padding-top: 0px;
    padding-right: 4px;
    padding-bottom: 0px;
    padding-left: 4px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
}
#sidebar a {
        color: $SBLinkColor;
}
#sidebar .widget { 
    margin-bottom: 1em;

}

#sidebar .widget-content {
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
}
#sidebar h2{
    font-size: 12px;
    font-weight: bold;
    color: $sidebarTitleTextColor;
        font: $SBTitleFont;
        background-color: $sidebarTitleBgColor;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
        padding: 4px 5px;
}
#leftsidebar h2 {
        background-color: $SBbgColor;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
        padding: 4px 5px;
    }

#leftsidebar
{
    width: 160px;
    float: left;
    padding-top: 0;
    padding-right: 1px;
    padding-bottom: 0;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 1px;

    }
#rightsidebar
{
    margin-top: 0px;
    margin-left: 0px;
    width: 125px;
    margin-right: 4px;
    margin-bottom: auto;
    padding: 0px;
    float: right;
    }
#kotakkanan{
    float: left;
    width: 300px;
    list-style-image: none;
    list-style-type: none;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    margin: 0px;
}
#kotakkanan2{
    float: left;
    width: 300px;
    list-style-image: none;
    list-style-type: none;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    margin: 0px;
}


  #footer {
    padding: 0px;
    width: 780px;
    clear: both;
    height: 60px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    background-color: $footrcolor;
    color: $footrTextcolor;
    }
#footer a {
    color: $footrTextcolor;
}

 .kosong 
 {
    clear: both;
 }

body {
    font: $bodyFont;
    text-align: center;
    margin: 0px;
    padding: 0px;
    background-color: #CCCCCC;
        color: $textColor;
        background: $bgColor;
    }

#page {
    text-align: left;
    width: 780px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
        background-color: $mainBgColor;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: $mainBdColor;
    border-left-color: $mainBdColor;
    }

#header {
    height: 180px;
    margin: 0px;
    padding: 0px;
    background-color: $headerBgColor;
    }
#video {
margin-left: auto;
margin-right: auto;
}

/* Posts
----------------------------------------------- */
.date-header {
  margin: 1.5em 0 0;
  font-weight: normal;
  color: $dateHeaderColor;
  font-size: 100%;
}
.post {
    float: none;
    padding: 0px;
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 12px;
    margin-left: 0;
        text-align: justify;
    }
.post-title {
  margin: 0;
  padding: 0;
  font: $PostTitleFont;
  line-height: 1.1em;
  background-color: $postTitleBgColor;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: left;
}
.post-title a, .post-title a:visited, .post-title strong {
  text-decoration: none;
  color: $postTitleTxtColor;
  font-weight: bold;
}
.post div {
  margin: 0 0 .75em;
  line-height: 1.3em;
}
p.post-footer {
  margin: -.25em 0 0;
  color: $mainBgColor;
  font-size: 10px;
}
.post-labels {
  font-size: 10px;
}
.post-footer .span {
  margin-right: .3em;
}
.comment-link {
  margin-left: .3em;
}
.post img {
  padding: 4px;
  border: 1px solid $postImgBdColor;
}
.post blockquote {
  margin: 1em 20px;
  font-style: italic;
}
}
.post blockquote p {
  margin: .75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
  margin: 1em 0;
  color: $dateHeaderColor;
}
#comments h4 strong {
  font-size: 90%;
}
#comments-block {
  margin: 1em 0 1.5em;
  line-height: 1.3em;
}
#comments-block dt {
  margin: .5em 0;
}
#comments-block dd {
  margin: .25em 0 0;
}
#comments-block dd.comment-footer {
  margin: -.25em 0 2em;
  line-height: 1.4em;
  font-size: 78%;
}
#comments-block dd p {
  margin: 0 0 .75em;
}

.deleted-comment {
  font-style:italic;
  color:gray;
}

.feed-links {
  clear: both;
  line-height: 2.5em;
}

#blog-pager-newer-link {
  float: left;
 }

#blog-pager-older-link {
  float: right;
 }
 
#blog-pager {   
  text-align: center; 
 }

small {
    font-family: Arial, Verdana, sans-serif;
    font-size: 9px;
    line-height: 11px;
    }

h1, h2, h3 {
    font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
    }

h1, h1 a, h1 a:hover, h1 a:visited, .description {
    text-decoration: none;
    }

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #leftsidebar h2, #rightsidebar h2, #wp-calendar caption, cite {
    text-decoration: none;
    }

acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
    }

a, h2 a:hover, h3 a:hover {
        color: $linkColor;
    text-decoration: none;

    }

a:hover {
        color: $HoverlinkColor;
    text-decoration: underline;
    }



.widecolumn .post {
    margin: 0;
    }

.narrowcolumn .postmetadata {
    padding-top: 5px;
    }

.widecolumn .postmetadata {
    margin: 30px 0;
    }
    
h2 {
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    }
h3 {
    padding: 0px;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    }

h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
    }
/* End Headers */



/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }

/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */
    
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;
    }

.alignright {
    float: right;
    }
    
.alignleft {
    float: left
    }
/* End Images */



/* Begin Lists

    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {

    } 

html>body .entry li {
    list-style-type: square;
    padding: 0px;
    margin-left: 10px;
    }

#leftsidebar ul, #leftsidebar ul ol, #rightsidebar ul, #rightsidebar ul ol {
    padding: 0px;
    margin: 0px;
    }

#leftsidebar ul li, #rightsidebar ul li  {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
    }

#leftsidebar ul p, #leftsidebar ul select, #rightsidebar ul p, #rightsidebar ul select {
    margin: 5px 0 8px;
    }

#leftsidebar ul ul, #leftsidebar ul ol, #rightsidebar ul ul, #rightsidebar ul ol {
    margin: 5px 0 0 5px;
    }

#leftsidebar ul ul ul, #leftsidebar ul ol, #rightsidebar ul ul ul, #rightsidebar ul ol {
    margin: 0 0 0 10px;
    }

ol li, #leftsidebar ul ol li, #rightsidebar ul ol li  {
    list-style: decimal outside;
    }

#leftsidebar ul ul li, #leftsidebar ul ol li, #rightsidebar ul ul li, #rightsidebar ul ol li {
    margin: 3px 0px 0px;
    padding: 0px;
    }
/* End Entry Lists */

.entry form {
    text-align:center;
    border: 1px solid #CCCCCC;
    }

select {
    width: 130px;
    }

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
    }

acronym, abbr {
    border-bottom: 1px dashed #CCCCCC;
    }

blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 25px;
    font-family: Arial, Verdana, sans-serif;
    background-image: url(images/quote.gif);
    background-repeat: no-repeat;
    background-position: left top;
    }

blockquote cite {
    margin: 5px 0 0;
    display: block;
    }

.center {
    text-align: center;
    }

hr {
    display: none;
    }

a img {
    border: none;
    }

input, textarea, select, button {
    border: 1px solid #999999;
    background-color: #fafafa;
    font-size: 11px;
    padding-right: 2px;
    padding-left: 2px;
}

form .button {
    border: 1px solid #CCCCCC;
    background-color: #fafafa;
}
]]></b:skin>
  </head>

  <body>
  <div id='page'>
 
      <b:section class='header' id='header' maxwidgets='4' showaddelement='no'>
<b:widget id='Image1' locked='false' title='' type='Image'/>
</b:section>

 <b:section class='toplinkads' id='ads1' maxwidgets='1' showaddelement='yes'/>

    <div class='narrowcolumn'>

        <b:section class='post' id='main' maxwidgets='4' showaddelement='no'>
<b:widget id='Blog1' locked='false' title='Articole blog' type='Blog'/>
</b:section>

      </div>


      <div id='sidebar'>

        <b:section class='blogtitle' id='blogtitle' preferred='yes'>
<b:widget id='Slideshow1' locked='false' title='Fotografii din timpul cursului' type='Slideshow'/>
<b:widget id='LinkList2' locked='false' title='Prestari Servicii' type='LinkList'/>
</b:section>

<b:section class='kotakkanan' id='kotakkanan1' maxwidgets='4' showaddelement='yes'>
<b:widget id='LinkList1' locked='false' title='Organizatia noastra presteaza urmatoarele servicii' type='LinkList'/>
</b:section>


<!-- left sidebar -->
 <b:section class='leftsidebar' id='leftsidebar' maxwidgets='4' showaddelement='yes'>
<b:widget id='LinkList3' locked='false' title='Pagini Afiliate' type='LinkList'/>
</b:section>

<!-- right sidebar -->
 <b:section class='rightsidebar' id='rightsidebar' maxwidgets='4' showaddelement='yes'>
<b:widget id='Profile1' locked='false' title='Despre Noi' type='Profile'/>
</b:section>

<!-- kontent bawah -->
<b:section class='kotakkanan' id='kotakkanan2' maxwidgets='4' showaddelement='yes'/>

<DIV class='kosong' style='text-align: center; padding: 4px'>
<SMALL><A href='http://www.blogspottemplate.com' target='_blank'>Blogspot Template</A> by <A href='http://www.isnaini.com'>Isnaini Dot Com </A></SMALL>
</DIV>
      </div>
<hr/>
         <div id="video"> <b:section id='footer' maxwidgets='4' showaddelement='yes'> <b:widget id='VideoBar1' locked='false' title='Cursuri Video Online' type='VideoBar'/> </b:section> </div>
    
  </div> 

</body>
</html>
TheRobatron's Avatar
Computer Specs
Senior Member with 457 posts.
 
Join Date: Oct 2007
Location: England
Experience: Intermediate
02-Apr-2008, 07:50 PM #6
That's odd... It may be that the div is within another div that stops it from centering properly. Try putting the video div outside of all others. If not, try <p align='center'> to center it. If that doesn't work, try putting it in a table (no idea if this will make any diference but it might )
__________________
There's no place like 127.0.0.1

soulraven's Avatar
Junior Member with 9 posts.
 
Join Date: Feb 2008
Location: Campulung Muscel
Experience: Advanced
03-Apr-2008, 03:19 AM #7
PHP Code:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
----------------------------------------------------------------------
Blogger Template Style
Name:     Nyoba 780 3 Column
Designer: Isnaini
URL:      www.isnaini.com
Date:     19 Feb 2007
----------------------------------------------------------------------
*/

/* Variable definitions
   ====================
 <Variable name="bgColor" description="Page Background Color"
           type="color" default="#666666" value="#93C6E0">
 <Variable name="bodyFont" description="Text Font"
           type="font" default="normal normal 73% Verdana, Arial, Sans-serif;" value="normal normal 73% Verdana, Arial, Sans-serif;">
 <Variable name="textColor" description="Text Color"
           type="color" default="#000000" value="#000000">
<Variable name="linkColor" description="Link Color"
           type="color" default="#336699" value="#0000ff">
 <Variable name="HoverlinkColor" description="Hover Link Color"
           type="color" default="#0000ff" value="#ff2400">
 <Variable name="mainBgColor" description="Main Background Color"
           type="color" default="#ffffff" value="#E0B893">
 <Variable name="mainBdColor" description="Main Border Color"
           type="color" default="#cccccc" value="#333333">
 <Variable name="postImgBdColor" description="Post Images Border Color"
           type="color" default="#f1f1f1" value="#e6e6e6">
 <Variable name="headerBgColor" description="Page Header Background Color"
           type="color" default="#336699" value="#333333">
 <Variable name="PostTitleFont" description="Post Title Font"
           type="font" default="normal normal 100% 'Trebuchet MS', Arial, Sans-serif;" value="normal bold 165% 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif;">
 <Variable name="titleFont" description="Blog Title Font"
           type="font" default="normal normal 210% 'Trebuchet MS', Arial, Sans-serif;" value="normal bold 200% 'Trebuchet MS', Arial, Sans-serif;">
 <Variable name="titleTextColor" description="Blog Title Text Color"
           type="color" default="#ffffff" value="#000000"> 
 <Variable name="dateHeaderColor" description="Date Header Color"
           type="color" default="#999999" value="#666666">
 <Variable name="postTitleBgColor" description="Post Title Background Color"
           type="color" default="#f1f1f1" value="#F5EDF1">
<Variable name="postTitleTxtColor" description="Post Title Text Color"
           type="color" default="#000000" value="#000080">
 <Variable name="SBbgColor" description="Sidebar Background Color"
           type="color" default="#efefef" value="#f1f1f1">
 <Variable name="SBbdColor" description="Sidebar Border Color"
           type="color" default="#efefef" value="#b3b3b3">
 <Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"
           type="color" default="#CCCCCC" value="#666666">
 <Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"
           type="color" default="#333333" value="#ff9200">
 <Variable name="SBtextColor" description="Sidebar Text Color"
           type="color" default="#333333" value="#666666">
<Variable name="SBTitleFont" description="Sidebar Title Color"
           type="font" default="normal normal 210% 'Trebuchet MS', Arial, Sans-serif;" value="normal bold 118% Arial, sans-serif">
<Variable name="SBLinkColor" description="Sidebar Link Color"
           type="color" default="#0000ff" value="#4040c0">
 <Variable name="footrcolor" description="Footer Background Color"
           type="color" default="#666666" value="#333333">
 <Variable name="footrTextcolor" description="Footer Text Color"
           type="color" default="#666666" value="#b3b3b3">

*/

/* lain
----------------------------------------------- */
#toplinkads{
    background-color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
}
#blogtitle h1{
    color:  $titleTextColor;
    font-size: 18px;
    text-align: center;
     font: $titleFont;
    margin-top: 2px;
    margin-bottom: 2px;
    }
#blogtitle h1 a{
    color: #ff6600;
    }
#blogtitle{
    padding: 0px;
    width: 300px;
    margin: 0px;
}
.description {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    }
.narrowcolumn {
    float: left;
    width: 440px;
    overflow: hidden;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    }
#sidebar{
    width: 300px;
    float: right;
    position: static;
    top: 0px;
        color: $SBtextColor;
        background-color: $SBbgColor;
    border: 1px solid $SBbdColor;
    padding-top: 0px;
    padding-right: 4px;
    padding-bottom: 0px;
    padding-left: 4px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
}
#sidebar a {
        color: $SBLinkColor;
}
#sidebar .widget { 
    margin-bottom: 1em;

}

#sidebar .widget-content {
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
}
#sidebar h2{
    font-size: 12px;
    font-weight: bold;
    color: $sidebarTitleTextColor;
        font: $SBTitleFont;
        background-color: $sidebarTitleBgColor;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
        padding: 4px 5px;
}
#leftsidebar h2 {
        background-color: $SBbgColor;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
        padding: 4px 5px;
    }

#leftsidebar
{
    width: 160px;
    float: left;
    padding-top: 0;
    padding-right: 1px;
    padding-bottom: 0;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 1px;

    }
#rightsidebar
{
    margin-top: 0px;
    margin-left: 0px;
    width: 125px;
    margin-right: 4px;
    margin-bottom: auto;
    padding: 0px;
    float: right;
    }
#kotakkanan{
    float: left;
    width: 300px;
    list-style-image: none;
    list-style-type: none;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    margin: 0px;
}
#kotakkanan2{
    float: left;
    width: 300px;
    list-style-image: none;
    list-style-type: none;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    margin: 0px;
}


  #footer {
    padding: 0px;
    width: 780px;
    clear: both;
    height: 60px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    background-color: $footrcolor;
    color: $footrTextcolor;
    }
#footer a {
    color: $footrTextcolor;
}

 .kosong 
 {
    clear: both;
 }

body {
    font: $bodyFont;
    text-align: center;
    margin: 0px;
    padding: 0px;
    background-color: #CCCCCC;
        color: $textColor;
        background: $bgColor;
    }

#page {
    text-align: left;
    width: 780px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
        background-color: $mainBgColor;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: $mainBdColor;
    border-left-color: $mainBdColor;
    }

#header {
    height: 180px;
    margin: 0px;
    padding: 0px;
    background-color: $headerBgColor;
    }
/* Posts
----------------------------------------------- */
.date-header {
  margin: 1.5em 0 0;
  font-weight: normal;
  color: $dateHeaderColor;
  font-size: 100%;
}
.post {
    float: none;
    padding: 0px;
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 12px;