• 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!

Layout - tabelka z prawej strony

marcinek99097

Banned User
Joined
Feb 6, 2010
Messages
588
Reaction score
4
Location
Poland/Dg
Witam , otóż mam problem , więc liczę na to ,że pomożecie.
Mianowicie chciał bym zrobić dodatkową tabele z prawej strony próbowałem w style css itd.
i nie mam pojęcia już jak to zrobić , liczę na jakieś wskazówki itd.

.css

Code:
body
{
    background: #000000 url(images/bg.png);
    font-family: Verna, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #562200;
    padding: 0px;
    margin: 20px;
}

#page
{
    margin: auto;
    width: 1000px;
}



#logo-box
{
    width: 1000px;
    height: 137px;
    float: left;
}

#logo
{
    width: 439px;
    height: 137px;
    margin: auto;
}

/*
===============
* Content Container *
===============
*/
#cnt-box
{
    width: 1000px;
    float: left;
}

#RightArtwork 
{
  text-align: left;
    float: left;
  top: -1px;
  right: 24px;
  width: 132px;
  background-repeat: no-repeat;
  z-index: 90;
}

#PedestalAndOnline 
{
    float: left;
  top: -100px;
  width: 132px;
  height: 111px;
}

#RightArtwork #PlayersOnline
{
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  font-size: 7pt;
  line-height: 8pt;
  text-align: center;
  float: left;
  width: 920px;
  bottom: 11px;
  left: 21px;
  color: #cfa600;
  border-bottom: 1px solid #010101;
  cursor: pointer;
}

#cnt-box2
{
    width: 1000px;
    float: left;
}


    #cnt-container
    {
        width: 863px;
        margin: auto;
    }
    
    #cnt-left
    {
        width: 181px;
        float: left;
    }
    
    #cnt-center
    {
        width: 682px;
        float: left;
    }
    
/*
=============
* Menu Container
=============
*/

ul
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}

#menu
{
    font-size: 12px;
    font-weight: bold;
    text-align: justify;
    float: left;
}





#menu-dol
{
    width: 181px;
    height: 11px;
    background: url(images/menu_dol.png) no-repeat;
    float: left;
    font-family: martel;
    font-size: 15px;
    color: #FFFFFF;
    padding-left: 20px;
}

#menu-top
{
    width: 181px;
    height: 40px;
    background: url(images/nav-top.png) no-repeat;
    float: left;
    color: #FFFFFF;
    padding-left: 20px;
}

#menu-top2
{
    width: 181px;
    height: 40px;
    background: url(images/nav-top2.png) no-repeat;
    float: left;
    color: #FFFFFF;
    padding-top: 3px;
    padding-left: 20px;
}

#menu-cnt
{
    width: 181px;
    font-size: 11px;
    color: #bea963;
    float: left;
    background: url(images/menu_przejscie_L.png);
}


#menu li {
    padding: 1px 0px 1px 10px;
}

#menu li li {
    padding: 2px 0px 4px 14px;
    background: url(images/zmiana.png) no-repeat 15px bottom;
    display: block;
    width: 100%;
}

#menu li li a {
    color: #bea963;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    display: block;
    width: 100%;
}

#menu li li a {
    color: #bea963;
    padding: 3px 0px 0px 0px;
    text-decoration: none;
    display: block;
    width: 100%;
    background: url(images/pointer.png) no-repeat 135px 7px;
}

#menu li li a:hover {
    color: #FFFFFF;
}


/*
===========
* Content
===========
*/

#content-cnt
{
    width: 682px;
    float: left;
}

#content-bg
{
    background: url(images/cnt-bg.png) repeat-y;
}

#content-top
{
    background: url(images/cnt-top.png) no-repeat top;
}

#content-bot
{
    background: url(images/cnt-bot.png) no-repeat bottom;
    padding: 30px;
}

a
{
    color: #0033CC;
    font-weight: bold;
    text-decoration: none;
}

a:hover
{
    color: #0033FF;
    text-decoration: none;
}

.white
{
    color: #FFF;
}

.whites
{
    color: #FFF;
}
oraz layout.php

Code:
<!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"><head>



    <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
    <title>game-over.org.pl - Open Tibia Server [8.6] Real Map</title>
    <link rel="stylesheet" href="<?PHP echo $layout_name; ?>/default.css" type="text/css">
    <link rel="stylesheet" href="<?PHP echo $layout_name; ?>/basic.css" type="text/css">
    <link rel="stylesheet" href="<?PHP echo $layout_name; ?>/tooltip.css" type="text/css" media="screen">
    <script src="<?PHP echo $layout_name; ?>/tooltip.js" type="text/javascript"></script>
    <script type=text/javascript src=snow/snowstorm.js></script>
</head><body>
<div id="page">
    <div id="logo-art">
        <div id="logo-box"></div>
        <div id="cnt-box">
            <div id="cnt-container">
                <div id="cnt-left">
                    <div id="menu">
                        <div id="menu-status">
                            <center>
                             <style type="text/css"> 
<!-- 

body, th, td, input, textarea, select { 
    cursor : url("http://sunnyneo.com/pointers/swordcursor.gif"), url("http://sunnyneo.com/pointers/swordcursor.gif"), pointer; 
} 

--> 

</style> 
                            

</center>                        </div>

                        <div id="menu-regi">
                            
                                
                                                    
                            
                                
                                
                            
                        </div>
                        
                        <div id="menu-top"><img src="<?PHP echo $layout_name; ?>/images/label-news.gif" border="0"><img src="<?PHP echo $layout_name; ?>/images/icon-news.gif" border="0"></div>
                        <div id="menu-cnt">
                            <ul>
                                <li>
                                <ul>
                                    <li><a href="?subtopic=latestnews">Last News</a></li>
                                    <li><a href="#"><FONT COLOR="red">Forum</FONT></a></li>
                                    
                                   </ul>

                                </li>
                            </ul>
                        </div>
                        
                        <div id="menu-top2"><img src="<?PHP echo $layout_name; ?>/images/label-account.gif" border="0"><img src="<?PHP echo $layout_name; ?>/images/icon-account.gif" border="0"></div>
                        <div id="menu-cnt">
                            <ul>

                                <li>
                                <ul>
                    <li><a href="?subtopic=createaccount"><FONT COLOR="red">Create Account</FONT></a></li>
                    <li><a href="?subtopic=accountmanagement">Login Account</a></li>
                                            <li><a href="?subtopic=lostaccount">Lost Account?</a></li>                                    <li><a href="?subtopic=tibiarules">GameOver Rules</a></li>
                                   </ul>
                                </li>
                            </ul>
                        </div>
                        
                        <div id="menu-top2"><img src="<?PHP echo $layout_name; ?>/images/label-community.gif" border="0"><img src="<?PHP echo $layout_name; ?>/images/icon-community.gif" border="0"></div>
                        <div id="menu-cnt">
                            <ul>
                                <li>
                                <ul>
                                    <li><a href="?subtopic=characters">Search Characters</a></li>
                                    <li><a href="?subtopic=guilds">Guilds</a></li>
                                    <li><a href="?subtopic=wars"><FONT COLOR="yellow">Guild Wars</FONT></a></li>
                                    <li><a href="?subtopic=frags"><FONT COLOR="yellow">Top Frags</FONT></a></li>
                                    <li><a href="?subtopic=whoisonline">Online Players</a></li>
                                    <li><a href="?subtopic=highscores">Highscores</a></li>
                                    <li><a href="?subtopic=records">Online Records</a></li>
                                    <li><a href="?subtopic=killstatistics">Last Kills</a></li>
                                    <li><a href="?subtopic=team">Support List</a></li>
                                    
                                    
                                                                    </ul>
                                </li>
                            </ul>
                        </div>
                        
                    
                        
                        <div id="menu-top2"><img src="<?PHP echo $layout_name; ?>/images/label-library.gif" border="0"><img src="<?PHP echo $layout_name; ?>/images/icon-library.gif" border="0"></div>
                        <div id="menu-cnt">
                            <ul>
                                <li>
                                <ul>
                                    
                                    <li><a href="?subtopic=serverinfo">Informacje OTS</a></li>
                                    <li><a href="#">Tutorials</a></li>
                                    <li><a href="#">Quest</a></li>        
                                    <li><a href="#">Addons</a></li>                                    
                                </ul>
                                </div>
                                
                    
                                
                                <div id="menu-top2"><img src="<?PHP echo $layout_name; ?>/images/label-shops.gif" border="0"><img src="<?PHP echo $layout_name; ?>/images/icon-forum.gif" border="0"></div>
                        <div id="menu-cnt">
                            <ul>
                                <li>
                                <ul>
                    <li><a href="?subtopic=buypoints"><FONT COLOR="red">Buy Points</FONT></a></li>
                    <li><a href="?subtopic=shopsystem"><FONT COLOR="green">Shop Offer</FONT></a></li>
                                </ul>
                                </li>
                            </ul>
                        </div>
                                </li>
                            </ul>
                            <div id="menu-dol"></div>
                        </div>
                    </div>

                </div>
                  <div id="cnt-right">
                    <div id="content-cnt">
                        <div id="content-bg">
                            <div id="content-top">
                                <div id="content-bot">
                                    <center>
                                    <b><?PHP
if($config['status']['serverStatus_online'] == 1)
    echo '<FONT color="green"><b>GameOver Online</b></FONT><br /><b>Players: '.$config['status']['serverStatus_players'].'/'.$config['status']['serverStatus_playersMax'].'</b><br /><b>Uptime: '.$config['status']['serverStatus_uptime'].'</b>';
else
    echo '<FONT color="red"><b>OFFLINE</b></FONT>';?></b>
                                    </div>
                            </div>
                        </div>
                    </div>
                
                <div id="cnt-right">
                    <div id="content-cnt">
                        <div id="content-bg">
                            <div id="content-top">
                                <div id="content-bot">
                                    <center>
                                    

                                    
                                    IP Adress: <strong>game-over.org.pl</strong>
                                    <br>
                                    Server Port: <strong>7171</strong>
                                    
                                    
                                    
                                    <br><br>
                                    Pobierz naszego klienta ! <A HREF="adres_URL">GameOver 8.6 Client</A><br><br>
                                    <br>
    <?php                                 
$host = 'localhost'; #HOST 
$user = 'root'; #NAZWA USERA 
$pass = 'kd2apzcp'; #HASLO DO BAZY 
$db = 'mysql1'; #NAZWA BAZY 

$m = mysql_connect($host, $user, $pass); 
if (!$m) { 
    echo "Błąd połączenia do bazy danych: ".mysql_error(); 
} else { 
    mysql_select_db($db); 
    
    $players = "SELECT count(*) FROM `players`"; 
    $players = mysql_fetch_assoc(mysql_query($players)); 
    echo "Jest już <b>{$players['count(*)']} graczy</b> na <br>"; 
    $konta = "SELECT count(*) FROM `accounts`"; 
    $konta = mysql_fetch_assoc(mysql_query($konta)); 
    echo "<b>{$konta['count(*)']} kontach</b> zajerestrowanych na Game-Over.<br>
    <br>
    "; 
} 
?>

                                
                                    


                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div id="content-cnt">
                        <div id="content-bg">
                            <div id="content-top">
                                <div id="content-bot">
                                    <div class="NewsHeadline">

            <?PHP echo $main_content; ?>                                
                            </div>
                        </div>
                    </div>
                </div>
           
            </div>            
            <div id="cnt-box2">
                <center><p style="color: rgb(255, 255, 255);">Copyrights by game-over.org.pl © 2010. All rights reserved.<br><br><br><li><a href="?subtopic=shopadmin"><FONT COLOR="white">Admin Panel</FONT></a></li><br><li><a href="?subtopic=adminpanel"><FONT COLOR="white">Admin Panel Two</FONT></a></li></p></center>
            </div>
        </div>
    </div>
</div>

<div id="bubble_tooltip">
    <table border="0" cellpadding="0" cellspacing="0">
        <tbody><tr>
            <td style="background: transparent url(<?PHP echo $layout_name; ?>/images/tooltip/tl.gif) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="6" height="6"></td>
            <td style="background: transparent url(<?PHP echo $layout_name; ?>/images/tooltip/t.gif) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" height="6"></td>
            <td style="background: transparent url(<?PHP echo $layout_name; ?>/images/tooltip/tr.gif) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="6" height="6"></td>

        </tr>
        <tr>
            <td style="background: transparent url(<?PHP echo $layout_name; ?>/images/tooltip/l.gif) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="6"></td>
            <td style="padding: 10px; background: transparent url(<?PHP echo $layout_name; ?>/images/tooltip/m.gif) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">
                <div class="bubble_middle"><div id="bubble_intable"><div id="bubble_intable_margin"><span id="bubble_tooltip_content">Content is comming here as you probably can see.Content is comming here as you probably can see.</span></div></div></div>
            </td>
            <td style="background: transparent url(<?PHP echo $layout_name; ?>/images/tooltip/r.gif) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="6"></td>
        </tr>

        <tr>
            <td style="background: transparent url(<?PHP echo $layout_name; ?>/images/tooltip/bl.gif) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="6" height="6"></td>
            <td style="background: transparent url(<?PHP echo $layout_name; ?>/images/tooltip/b.gif) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" height="6"></td>
            <td style="background: transparent url(<?PHP echo $layout_name; ?>/images/tooltip/br.gif) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="6" height="6"></td>
        </tr>
    </tbody></table>
</div>

</body></html>
 
Last edited by a moderator:
HTML:
<div style="float: right">
<!-- zawartość diva -->
</div>
<div style="clear: right"></div>

Jak by Ci wypychało przypadkiem coś, czego nie chcesz, to możesz dodać position: absolute
 
Back
Top