PDA

View Full Version : A small issue with centering vb4 Portal

MrHorror
10-01-2016, 05:14 PM
So we are currently doing the beginnings of some re-design work on our forum. We had no problem centering the forum itself to the middle of the page. By adding the proper values:

Style Variable Editor > doc_margin: LEFT:auto . Right:auto
Style Variable Editor > doc_width: 960 px

The portal (VBA CMPS) however was another story. We followed the same blueprint for the style that we are using for the Portal. But for some reason the portal remains stuck on the left side of the page. SEE BELOW. So we could use a little help here in how to get this right.

https://vborg.vbsupport.ru/external/2016/10/10.png
webmastersun
10-02-2016, 07:43 AM
You can send the link to this page so we can know how to help you out.

I think it needs to be correct CSS code in this case.
KevinL
10-02-2016, 12:24 PM
Can you try putting this in your additional.css and see if it works?


body {
margin: 0 auto;
}
MrHorror
10-02-2016, 03:31 PM
Can you try putting this in your additional.css and see if it works?


body {
margin: 0 auto;
}



I added the above into the additional.css template for my Portal Style. No dice, didn't work.

--------------- Added 1475429524 at 1475429524 ---------------

You can send the link to this page so we can know how to help you out.

I think it needs to be correct CSS code in this case.

Hello. Here is the link to our portal. http://www.horrormoviesandstuffforums.com/forums/portal.php
Seven Skins
10-02-2016, 04:10 PM
You have error in ad_location_template fix/remove the code below and it should work.

<div class="ad_global_header">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Black Menu Tabs</title>
<style type="text/css">
<!--
body {
margin:0;
padding:0;
font: 11px/1.5em Verdana;
}
h2 {
font: 17px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}
#tabsH {
font-family: arial;
font-size: 13px;
float:left;
width:100%;
background:#000;
font-size:93%;
line-height:normal;
}
#tabsH ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsH li {
display:inline;
margin:0;
padding:0;
}
#tabsH a {
font-family: arial;
font-size: 13px;
float:left;
background:url("/images2/misc/tableftH.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsH a span {
font-family: arial;
font-size: 13px;
float:left;
display:block;
background:url("/images2/misc/tabrightH.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#cc0000;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsH a span {float:none;}
/* End IE5-Mac hack */
#tabsH a:hover span {
color:#FFF;
}
#tabsH a:hover span { color:#ffffff;
background-position:0% -42px;
}
#tabsH a:hover span {
background-position:100% -42px;
}
#tabsH #current a {
background-position:0% -42px;
}
#tabsH #current a span {
background-position:100% -42px;
}
-->
</style>
</head>
<body>
<div id="tabsH">
<ul>
</ul>
</div>
</div>
MrHorror
10-02-2016, 06:22 PM
You have error in ad_location_template fix/remove the code below and it should work.

<div class="ad_global_header">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Black Menu Tabs</title>
<style type="text/css">
<!--
body {
margin:0;
padding:0;
font: 11px/1.5em Verdana;
}
h2 {
font: 17px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}
#tabsH {
font-family: arial;
font-size: 13px;
float:left;
width:100%;
background:#000;
font-size:93%;
line-height:normal;
}
#tabsH ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsH li {
display:inline;
margin:0;
padding:0;
}
#tabsH a {
font-family: arial;
font-size: 13px;
float:left;
background:url("/images2/misc/tableftH.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsH a span {
font-family: arial;
font-size: 13px;
float:left;
display:block;
background:url("/images2/misc/tabrightH.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#cc0000;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsH a span {float:none;}
/* End IE5-Mac hack */
#tabsH a:hover span {
color:#FFF;
}
#tabsH a:hover span { color:#ffffff;
background-position:0% -42px;
}
#tabsH a:hover span {
background-position:100% -42px;
}
#tabsH #current a {
background-position:0% -42px;
}
#tabsH #current a span {
background-position:100% -42px;
}
-->
</style>
</head>
<body>
<div id="tabsH">
<ul>
</ul>
</div>
</div>




:up: THIS WORKED! THANKS A LOT MAN!