• There is NO official Otland's Discord server and NO official Otland's server list. The Otland's Staff does not manage any Discord server or server list. Moderators or administrator of any Discord server or server lists have NO connection to the Otland's Staff. Do not get scammed!
  • 2026 staff recruitment is open! Check it out and consider applying!

New Layout - HELP!

Snavy

Bakasta
Senator
Joined
Apr 1, 2012
Messages
1,250
Solutions
71
Reaction score
632
GitHub
idontreallywolf
hello i've downloaded an layout from a website and i 've edited menu's and links to pages but when i click on : example: Login (?subtopic=accountmanagement)... but it doesn't show in the center of page like other layouts.

UBwNWo.jpg
 
And what does the CSS document(s) say about this:
Code:
<div id="col-2">
        <div class="CntBox">
                <div class="CntHead">
                        <div class="CntHeadInfo">\\ Ikasera-OTS 8.6 //</div>
                </div>
                <div class="CntFill">
 
@WibbenZ // Sir, the text position is now much better :D
EhkzbE.png
...

but.. can it be something wrong with the "NewsHeadline_Background" image?.. shall i change it with a new background image which is longer than this one in the picture?..

kQFohM.png


here:S the css:

Code:
.NewsHeadlineBackground {
  position: relative;
  height: 28px;
  margin-bottom: 5px;
  background-repeat: repeat-x;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}

_______________________________________


@HalfAway


here's the css:

Code:
#col-1 {
   padding: 0px;
   margin: 0px;
   width: 198px;
   position: relative;
   overflow: hidden;
   float: left;
}
#col-2 {
   padding: 0px;
   margin: 0px;
   width: 488px;
   position: relative;
   overflow: hidden;
   float: left;
}
#col-3 {
   margin: 0px;
   padding: 0px;
   width: 198px;
   position: relative;
   overflow: hidden;
   float: right;
}


Code:
.CntBox {
   padding: 0px;
   margin: 0px;
   width: 488px;
   position: relative;
   overflow: hidden;
}

Code:
.CntHead {
   width: 488px;
   height: 42px;
   position: relative;
   overflow: hidden;
   margin: 0px;
   padding: 0px;
   background-image: url('theme/cntHead.jpg');
   background-repeat: no-repeat;
}

Code:
 
Last edited:
@WibbenZ // Sir, the text position is now much better :D
EhkzbE.png
...

but.. can it be something wrong with the "NewsHeadline_Background" image?.. shall i change it with a new background image which is longer than this one in the picture?..

kQFohM.png


here:S the css:

Code:
.NewsHeadlineBackground {
  position: relative;
  height: 28px;
  margin-bottom: 5px;
  background-repeat: repeat-x;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}
_______________________________________

@HalfAway


here's the css:

Code:
#col-1 {
   padding: 0px;
   margin: 0px;
   width: 198px;
   position: relative;
   overflow: hidden;
   float: left;
}
#col-2 {
   padding: 0px;
   margin: 0px;
   width: 488px;
   position: relative;
   overflow: hidden;
   float: left;
}
#col-3 {
   margin: 0px;
   padding: 0px;
   width: 198px;
   position: relative;
   overflow: hidden;
   float: right;
}


Code:
.CntBox {
   padding: 0px;
   margin: 0px;
   width: 488px;
   position: relative;
   overflow: hidden;
}

Code:
.CntHead {
   width: 488px;
   height: 42px;
   position: relative;
   overflow: hidden;
   margin: 0px;
   padding: 0px;
   background-image: url('theme/cntHead.jpg');
   background-repeat: no-repeat;
}

Code:

That pic is loaded from latestnews.php
PHP:
        <div class=\'NewsHeadlineBackground\' style=\'background-image:url('.$layout_name.'/images/news/newsheadline_background.gif)\'>
 
Back
Top