Problem - Strona. Daje limit!

15 Marca 2014

Witam,

Mam problem z pewną stroną. NIe mogę dodać kolejnej tabelki. Chodzi mi o :

http://screenshooter.net/4236060/iawjesb

Dokładnie "user login" chcę mieć taką samą drugą tabelkę tylko np. na top 10 albo status serwera. Tylko nie idzie jej dodać :/.

Index.php

<?php
session_start();
require("./conn/config.php");
$date = date("Y-m-d H:i:s",time());
?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Free M2 Stagnis Template</title>
    <link href="style/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<a href="index.php" onFocus="blur()"><div id="logo"></div></a>
<div id="navigation">
    <ul>
    <li><a href="index.php" onFocus="blur()">Startseite</a></li>
<li><a href="index.php?sys=registration" onFocus="blur()")>Registration</a></li>
<li><a href="index.php?sys=rangliste" onFocus="blur()" >Rangliste</a></li>
<li><a href="index.php?sys=downloads" onFocus="blur()">Downloads</a></li>
<li><a href="index.php?sys=medien" onFocus="blur()">Medien</a></li>
<li><a href="index.php?sys=support" onFocus="blur()">Support</a></li>
    </ul>
</div>

<div id="main">
    <div class="main_ui main_titel"></div>
    <div class="main_ui main_cont">

<div id="sidebar">
    <div class="sb-ui sb-title">
        <span>User Login</span>
    </div>
    <div class="sb-ui sb-cont">
<div class="sb-middle">

<?php
if(!isset($_SESSION['account_id'])) {
    include ('system/login.php');

} else { ?>
<div id="clear"></div>
<p>
<b>Willkommen </b><?php echo $_SESSION['account_id'] ; ?></p>
<p>
<b>Deine GP: </b><?php echo $_SESSION['account_gp'] ; ?></p>
<div class="sb-sep2"></div>
<a href="index.php?sys=logout">
<p class="off"><span>></span><b> Ausloggen</b></p>
</a>
<div class="sb-sep2"></div>
<a href="index.php?sys=usercp&user=accinfo">
<p class="info"><span>></span> Account Informationen</p>
</a>
<div class="sb-sep2"></div>
<a href="index.php?sys=usercp&user=editepw">
<p class="info"><span>></span> Passwort ändern</p>
</a>                
<div class="sb-sep2"></div>
<a href="index.php?sys=usercp&user=itemshop">                    
<b><p class="on"><span>></span> Itemshop</p></b>
</a>                
<div class="sb-sep2"></div>
<a href="index.php?sys=usercp&user=getgp">         
<b><p class="on"><span>></span> [G]ame[P]oints kaufen</p></b>
</a>
<div class="sb-sep2"></div>
<a href="index.php?sys=admincp">
<p class="off"><span>></span><b> AdminPanel</b></p>
</a>
<div id="clear"></div>                    
<?php
}
?>
</div>
</div>
<div class="sb-ui sb-bt">
</div></div>
<?PHP

if(isset($_GET['sys']) && !empty($_GET['sys']))
{
if(file_exists("./system/".$_GET['sys'].".php"))
{
include("./system/".$_GET['sys'].".php");
}
else {
include("./system/start.php");
}
} else
{
include("./system/start.php");
}

?>

    <div id="clear"></div>
</div>


    <div class="main_ui main_bt"></div>
</div>

<div id="footer">
    <div class="footer">
Copyright © Metin2 Server 2011/2012 . Design u. Code by Stagnis.com. All rights reserved
    </div>
</div><br>

</body>
</html>

Styls.css

/* <-----------------------------------------> */
/* CSS Document Copyright 2011 by Stagns.com */
/* Dieses Copyright darf nicht entfernt werden.*/
/* <-----------------------------------------> */

body {
    background:url(images/bg.jpg) #000 no-repeat top center;
    margin:0;
    padding:0;
    color:#CCC;
}

#clear {
    clear:both;
    height:1px;
}
a {
    text-decoration:none;
}

/* <------------------> */
/* Navigations Elemente */
/* <------------------> */

#navigation {
    background:url(images/navigation.png);
    width:800px;
    height:46px;
    margin:auto;
}
    #navigation ul {
        width:800px;
        margin:auto;
        padding:0;
        list-style:none;
     width:700px;
    }
    
        #navigation ul li {
            float:left;
            width:110px;
            border:0;
            margin-left:5px;
        }
    #navigation a {
        background:url(images/button.png) no-repeat;
        display:block;
        width:112px;
        height:36px;
        line-height:35px;
        text-align:center;
        font-size:14px;
        text-decoration:none;
        color:#CCC;
        margin-top:4px;
    }

            #navigation a:hover {
                background:url(images/buttonh.png) no-repeat;
                color:#FFF;
        
    }
/* <-----------> */
/* Logo Elemente */
/* <-----------> */
#logo {
    background:url(images/header.png);
    width:800px;
    height:200px;
    margin:auto;
}

/* <-----------> */
/* Main Elemente */
/* <-----------> */

#main {
    width:800px;
    margin:auto;
    margin-top:10px;
}
    .main_ui {
        background:url(images/main_ui.png);
    }
    
        .main_titel {
            height:4px;
        }
        .main_bt {
            height:4px;
            background-position:bottom left;
            margin-bottom:0px;
        }
        .main_cont {
            background-position:center right;
            background-repeat:repeat-y;
        }
/* <-------------> */
/* Content Elemente*/
/* <-------------> */

#content {
    width:576px;
    float:left;
    vertical-align:top;
    margin:6px;
}
    .con_ui {
        background:url(images/content_ui.png);
    }
        .con_title {
            height:55px;
        }
        .con_title h2 {
            float:left;
            font-size:100px;
         text-shadow:0 2px 4px #000;
            line-height:15px;
            text-indent:20px;
            font-size:18px;            
        }
        .con_bt {
            height:15px;
            background-position:bottom left;
            margin-bottom:0px;
        }
        .con_cont {
            background-position:center right;
            background-repeat:repeat-y;
        }
            .con_middle {
                width:540px;
                margin:auto;
            }
        
/* <--------------> */
/* Sidebar Elemente */
/* <--------------> */

#sidebar_admin{
    float:left;
    width:197px;
    vertical-align:top;
    margin:6px;
    
}
#sidebar{
    float:right;
    width:197px;
    vertical-align:top;
    margin:6px;
    vertical-align:top;
    
}

    .sb-ui {
        background:url(images/sidebar_ui.png);
    }

    .sb-title {
        height:55px;
        text-align:center;

    }
        
        .sb-bt {
            height:15px;
            background-position:bottom left;
            margin-bottom:0px;
        }
            .sb-cont {
                background-position:center right;
                background-repeat:repeat-y;
            }
        
                .sb-title span {
                    color: #6CF;
                    text-shadow:0 2px 4px #000;
                    font-size:18px;
                    line-height:45px;
                    font-weight:400;
                }    
            
                    .sb-middle {
                        margin:auto;
                        width:170px;
                        color:#FFF;
    
                    }
                    
/* <-------------> */
/* Footer Elemente */
/* <-------------> */

#footer {
    background:url(images/footer.png);
    width:800px;
    height:46px;
    margin:auto;
    margin-top:10px;
}
    .footer {
        padding-top:14px;
        text-indent:20px;
        font-size:12px;
    }
/* <----------------> */
/* Buttons und Inputs */
/* <----------------> */
input.btn {
    background:url(images/btn.png);
    height:30px;
    width:70px;
    color:#CCC;
    font-size:10px;
    border:none;
    text-align:center;
    line-height:20px;
    text-shadow:0 2px 3px #000;
    margin:3px;
}
    input.btn:hover {
        background:url(images/btnh.png);
        color:#FFF;
    }
    
input.txt {
    background:url(images/input.png);
    height:30px;
    width:161px;
    color:#CCC;
    font-size:10px;
    border:none;
    text-indent:5px;
    text-shadow:0 2px 3px #000;
    margin:3px;
}

.sb-sep2 {
            height:3px;
            background:url(images/ct.png);
            width:100%;
                    }

            p {
                margin:2px;
                padding:4px 10px 4px;
                font-size:12px;
                text-decoration:none;
            }

            .on {
                color:#597b24;
            }
            
            .off {
                color:#a03434;
            }
            
            .info {
                color:#316183;
            }

/* <-----------------------> */
/* Itemshop Window & Buttons */
/* <-----------------------> */
#is_tap {
    width:521px;
    margin:auto;
    vertical-align:top;
}
    .is_tap_ui {
        background:url(images/is_tap.png);
    }
        .is_tap_title {
            height:46px;
        }
        .is_tap_title h2 {
            text-align:left;
            font-size:10px;
         text-shadow:0 2px 4px #000;
            line-height:44px;
            text-indent:20px;
            font-size:18px;            
        }
        .is_tap_bt {
            height:46px;
            background-position:bottom left;
        }
        .is_bt_middle {
                width:490px;
                margin:auto;
            }
        .is_tap_bt p.right {
                float:right;
                width:100px;
                    margin:0;
            }
            .is_tap_bt p.left {
                float:left;
                width:250px;
                padding-top:12px;
                font-size:15px;
                
            }
        .is_tap_cont {
            background-position:center right;
            background-repeat:repeat-y;
        }
            .is_tap_middle {
                width:490px;
                margin:auto;
            }
    .is_tap_middle p.right {
                float:right;
                width:350px;
            }
            .is_tap_middle p.left {
                float:left;
                width:90px;
                padding:0;
                margin:0;
            }
    #is_img {
        background:url(images/is_bild.png);
        width:86px;
        height:69px;
        margin:5px;
        padding:0;
    }

Login.php

<center>
<?php
include ('conn/config.php');

if(isset($_POST['submit']) && $_POST['submit'] == 'Einloggen') {
    
$account = mysql_real_escape_string($_POST['account']);
$password = mysql_real_escape_string($_POST['password']);
$select = "SELECT * FROM account.account WHERE login = '".$account."' AND password = PASSWORD('$password')";
$query = mysql_query($select);
$result = mysql_num_rows($query);

if($result > 0) {
    $fetch = mysql_fetch_array($query);
    $_SESSION['account_id'] = $fetch['login'];
    $_SESSION['account_gp'] = $fetch['gp'];
    echo 'Sie haben sich erfolgreich eingeloggt <meta http-equiv="refresh" content="1; URL=index.php?sys=usercp"> ';        
    } else {
    echo '<center>Login fehlgeschlagen!<br>
    <a href="index.php?sys=getpw">Passwort vergessen ?</a><br>
    </center>';
    }
}
?>
</center>
<center>
<form action="index.php" method="post">

<input type="text" name="account" class="txt" onFocus="if(this.value=='Username') this.value='';" onBlur="if(this.value=='') this.value='Username';" value="Username"><br>

<input type="password" name="password" class="txt" onFocus="if(this.value=='Username') this.value='';" onBlur="if(this.value=='') this.value='Username';" value="Username">
<input type="submit" name="submit" class="btn" value="Einloggen"> <input type="reset" class="btn" value="Reset"> </form>
<div id="clear"></div>

</center>

Próbowałem i mi się nie udało. Ciągle jedna tabelka wchodzi na drugą, albo inne tabelki się bugują :/.

Jeżeli ktoś może pomóc bardzo bym prosił, daje limit!

Z góry dzięki za pomoc!

Xenov · 15 Marca 2014

Napisz na gg: 49962757 , pomogę.

cody3223 · 15 Marca 2014

<span>NAZWA</span>

</div>

[[ TREŚĆ ]]

</div>

</div></div>

NeqGPlay · 15 Marca 2014

Zrób sobię kod sidebar'a potem float: left w css i podepnij pod niego skrypt php na topkę czy na coś tam chcesz ustaw aby pobierdało lvl i nick i zrób sobię tabelki w ładny sposób a potem css.

15 Marca 2014

Teraz wygląda to tak:

http://screenshooter.net/4236060/dpnxhuw

index.php

<?php

session_start();

require("./conn/config.php");

$date = date("Y-m-d H:i:s",time());

?>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />

<title>test!</title>

<link href="style/style.css" rel="stylesheet" type="text/css">

</head>

<body>

<a href="index.php" onFocus="blur()"><div id="logo"></div></a>

<div id="navigation">

<ul>

<li><a href="index.php" onFocus="blur()">Strona Główna</a></li>

<li><a href="index.php?sys=registration" onFocus="blur()")>Rejestracja</a></li>

<li><a href="index.php?sys=rangliste" onFocus="blur()" >Ranking</a></li>

<li><a href="index.php?sys=downloads" onFocus="blur()">Pobierz</a></li>

<li><a href="http://www.naszeforum.pl" onFocus="blur()">Forum</a></li>

<li><a href="index.php?sys=support" onFocus="blur()">Kontakt</a></li>

</ul>

</div>

<div id="main">

<div class="main_ui main_titel"></div>

<div class="main_ui main_cont">

<div id="sidebar">

<div class="sb-ui sb-title">

<span>Panel Użytkownika</span>

</div>

<div class="sb-ui sb-cont">

<div class="sb-middle">

<?php

if(!isset($_SESSION['account_id'])) {

include ('system/login.php');

} else { ?>

<div id="clear"></div>

<p>

<b>Witaj </b><?php echo $_SESSION['account_id'] ; ?></p>

<p>

<b>Sm: </b><?php echo $_SESSION['account_gp'] ; ?></p>

<div class="sb-sep2"></div>

<a href="index.php?sys=logout">

<p class="off"><span>></span><b> Wyloguj</b></p>

</a>

<div class="sb-sep2"></div>

<a href="index.php?sys=usercp&user=accinfo">

<p class="info"><span>></span>Informacje o koncie</p>

</a>

<div class="sb-sep2"></div>

<a href="index.php?sys=usercp&user=editepw">

<p class="info"><span>></span> Zmiana hasła</p>

</a>

<div class="sb-sep2"></div>

<a href="index.php?sys=usercp&user=itemshop">

<b><p class="on"><span>></span> Itemshop</p></b>

</a>

<div class="sb-sep2"></div>

<a href="index.php?sys=usercp&user=getgp">

<b><p class="on"><span>></span> Dotacje</p></b>

</a>

<div class="sb-sep2"></div>

<a href="index.php?sys=admincp">

<p class="off"><span>></span><b> AdminPanel</b></p>

</a>

<?php

}

?>

</div>

</div>

<div class="sb-ui sb-bt">

</div></div>

<div id="okienko">

<div class="sb-ui sb-title">

<span>Okienko sobie.</span>

</div>



<?PHP



if(isset($_GET['sys']) && !empty($_GET['sys']))

{

if(file_exists("./system/".$_GET['sys'].".php"))

{

include("./system/".$_GET['sys'].".php");

}

else {

include("./system/start.php");

}

} else

{

include("./system/start.php");

}



?>

<div id="clear"></div>

</div>

<div id="footer">

<div class="footer">

Copyright xxxx 2014 . Design u. Code by Stagnis.com. All rights reserved

</div>

</div><br>

</body>

</html>

Style.css

/* <-----------------------------------------> */

/* CSS Document Copyright 2011 by Stagns.com */

/* Dieses Copyright darf nicht entfernt werden.*/

/* <-----------------------------------------> */

body {

background:url(images/bg.jpg) #000 no-repeat top center;

margin:0;

padding:0;

color:#CCC;

}

#clear {

clear:both;

height:1px;

}

a {

text-decoration:none;

}

/* <------------------> */

/* Navigations Elemente */

/* <------------------> */

#navigation {

background:url(images/navigation.png);

width:800px;

height:46px;

margin:auto;

}

#navigation ul {

width:800px;

margin:auto;

padding:0;

list-style:none;

width:700px;

}



#navigation ul li {

float:left;

width:110px;

border:0;

margin-left:5px;

}

#navigation a {

background:url(images/button.png) no-repeat;

display:block;

width:112px;

height:36px;

line-height:35px;

text-align:center;

font-size:14px;

text-decoration:none;

color:#CCC;

margin-top:4px;

}

#navigation a:hover {

background:url(images/buttonh.png) no-repeat;

color:#FFF;



}

/* <-----------> */

/* Logo Elemente */

/* <-----------> */

#logo {

background:url(images/header.png);

width:800px;

height:200px;

margin:auto;

}

/* <-----------> */

/* Main Elemente */

/* <-----------> */

#main {

width:800px;

margin:auto;

margin-top:10px;

}

.main_ui {

background:url(images/main_ui.png);

}



.main_titel {

height:4px;

}

.main_bt {

height:4px;

background-position:bottom left;

margin-bottom:0px;

}

.main_cont {

background-position:center right;

background-repeat:repeat-y;

}

/* <-------------> */

/* Content Elemente*/

/* <-------------> */

}

#content {

width:576px;

float:left;

vertical-align:top;

margin:6px;

}

.con_ui {

background:url(images/content_ui.png);

}

.con_title {

height:55px;

}

.con_title h2 {

float:left;

font-size:100px;

text-shadow:0 2px 4px #000;

line-height:15px;

text-indent:20px;

font-size:18px;

}

.con_bt {

height:15px;

background-position:bottom left;

margin-bottom:0px;

}

.con_cont {

background-position:center right;

background-repeat:repeat-y;

}

.con_middle {

width:540px;

margin:auto;

}



/* <--------------> */

/* Sidebar Elemente */

/* <--------------> */

#sidebar_admin{

float:left;

width:197px;

vertical-align:top;

margin:6px;



}

#sidebar{

float:right;

width:197px;

vertical-align:top;

margin:0px;

vertical-align:top;



}

.sb-ui {

background:url(images/sidebar_ui.png);

}

.sb-title {

height:55px;

text-align:center;

}



.sb-bt {

height:15px;

background-position:bottom left;

margin-bottom:0px;

}

.sb-cont {

background-position:center right;

background-repeat:repeat-y;

}



.sb-title span {

color: #fff;

text-shadow:0 2px 4px #000;

font-size:18px;

line-height:45px;

font-weight:400;

}



.sb-middle {

margin:auto;

width:170px;

color:#FFF;



}

#okienko{

float:left;

width:197px;

vertical-align:top;

margin:0px;

vertical-align:top;

color:#fff;

border:2px;

border-color:#fff;

}

/* <-------------> */

/* Footer Elemente */

/* <-------------> */

#footer {

background:url(images/footer.png);

width:800px;

height:46px;

margin:auto;

margin-top:10px;

}

.footer {

padding-top:14px;

text-indent:20px;

font-size:12px;

}

/* <----------------> */

/* Buttons und Inputs */

/* <----------------> */

input.btn {

background:url(images/btn.png);

height:30px;

width:70px;

color:#CCC;

font-size:10px;

border:none;

text-align:center;

line-height:20px;

text-shadow:0 2px 3px #000;

margin:3px;

}

input.btn:hover {

background:url(images/btnh.png);

color:#FFF;

}



input.txt {

background:url(images/input.png);

height:30px;

width:161px;

color:#CCC;

font-size:10px;

border:none;

text-indent:5px;

text-shadow:0 2px 3px #000;

margin:3px;

}

.sb-sep2 {

height:3px;

background:url(images/ct.png);

width:100%;

}

p {

margin:2px;

padding:4px 10px 4px;

font-size:12px;

text-decoration:none;

}

.on {

color:#597b24;

}



.off {

color:#a03434;

}



.info {

color:#316183;

}

/* <-----------------------> */

/* Itemshop Window & Buttons */

/* <-----------------------> */

#is_tap {

width:521px;

margin:auto;

vertical-align:top;

}

.is_tap_ui {

background:url(images/is_tap.png);

}

.is_tap_title {

height:46px;

}

.is_tap_title h2 {

text-align:left;

font-size:10px;

text-shadow:0 2px 4px #000;

line-height:44px;

text-indent:20px;

font-size:18px;

}

.is_tap_bt {

height:46px;

background-position:bottom left;

}

.is_bt_middle {

width:490px;

margin:auto;

}

.is_tap_bt p.right {

float:right;

width:100px;

margin:0;

}

.is_tap_bt p.left {

float:left;

width:250px;

padding-top:12px;

font-size:15px;



}

.is_tap_cont {

background-position:center right;

background-repeat:repeat-y;

}

.is_tap_middle {

width:490px;

margin:auto;

}

.is_tap_middle p.right {

float:right;

width:350px;

}

.is_tap_middle p.left {

float:left;

width:90px;

padding:0;

margin:0;

}

#is_img {

background:url(images/is_bild.png);

width:86px;

height:69px;

margin:5px;

padding:0;

}

NeqGPlay · 15 Marca 2014

daj tekst w <p> bo automatycznie jest responsywny i jeżeli przypiszesz go do tej tabelki

.sidebar p

to powinien się automatycznie do niej dostosować ;p.

#EDIT

podeślij mi kod strony bez kodu php to może też coś pomyślę .

ArcheR. · 15 Marca 2014

#okienko{
float:right;
 width:197px;
vertical-align:top;
margin:0px;
vertical-align:top;
color:#fff;
border:2px;
border-color:#fff;
    }

Zmieniłem wartość we float (left>right). Powinno zadziałać ;_;.

16 Marca 2014

NeqGPlay dobrze powiedział. Temat do zamknięcia.

Zaloguj się

👋 Witaj na MPCForum!

Problem - Strona. Daje limit!

Rekomendowane odpowiedzi

Gość

Gość

Xenov

Xenov

cody3223

cody3223

NeqGPlay

NeqGPlay

Gość

Gość

NeqGPlay

NeqGPlay

ArcheR.

ArcheR.

Gość

Gość

Zarchiwizowany