Webseite statisch machen @ tutorials.de: Tutorials, Forum & Hilfe

EuropaChat · 13.05.11 21:39

Hallo,

habe ein Webdesign auf http://wakestars.de/seite.php und das Design ist leider dynamisch. Wie mach ich das, das das komplette Design statisch ist, weil bei Dynamisch das mit den größen immer so umständlich ist. Wäre super, wenn mir dabei jemand helfen könnte es statisch zu machen.

Hier mal der CSS Code:

PHP-Code:


.body {

    width: 100%;

    height: 100%;



}



#header {

    background-image:url(images/header.jpg);

    background-repeat:repeat-x;

    background-color: #14005E;

    margin: 0;

    width: 100%;

    min-height: 147px;

}



#header-up {

    background-image:url(images/toolbar-up.png);

    background-repeat: repeat;

    height: 30px;

    border-bottom: 1px #FFFFFF;

}

    

#up-content {

    font-family: 'Trebuchet MS',Arial,sans-serif;

    unicode-bidi: embed;

    color: #EBF1F6;

    margin:auto;

    width:80%;

}



#UserNote {

    display: table-cell;

    float: left;

    padding: 10px 5px 3px 0;

    vertical-align:top;

    white-space: nowrap;

    height: 12px;

}



#UserMenu {

    display: table-cell;

    padding: 10px 5px 3px 0;

    vertical-align:top;

    white-space: nowrap;

    height: 12px;

}



#header-middle {

    height: 90px;

    width: 100%;

}



#middle-content {

    height: 100%;

    width: 80%;

    margin:auto;

    text-align: center;

}



#content-logo {

    background-image:url(images/logo.png);

    background-repeat: no-repeat;

    height: 80px;

    width: 260px;

    float: left;

    margin: 5px 0;

}



#content-search {

    background-image:url(images/search-middle.png);

    background-repeat: no-repeat;

    float: right;

    height: 44px;

    margin: 23px 0;

    width: 230px;

}



#search-place {

    border-width: 0;

    margin: 0;

    padding: 10px;

    color: #57595A;

}



#header-bottom {

    background-image:url(images/menu-top.png);

    background-repeat: repeat-x;

    width: 100%;

    height: 37px;

}



#bottom-content {

    height: 37px;

    width: 80%;

    margin:auto;

    text-align: center;

}



#content-menu {

    unicode-bidi: embed;

}



#content-menu a {

    float: left;

        line-height: 1;

       padding: 3px 5px 6px;

    height: 21px;

    width: auto;

}



.menu-one {

    margin-left:-1px;

    text-align: left;

    float: left;

    border-color: #C2C2C2;

        border-style: solid;

        border-width: 0 1px 1px;

}



.menu-text {

    position: relative;

    float: right;

    padding-left: 5px;

    line-height: 2;

}



a.menu-place {

    display:block;

    height:30px;

    color: #333333;

    text-shadow: 0 1px 0 #FFFFFF;

    text-decoration: none;

    text-underline: none;

}



a.menu-place:active { 

    display:block;

    background-image:url(images/menuActive.png); 

    height:30px;

    color: #D9E5EF;

    text-shadow: 0 -1px 0 #003366;

}



a.menu-place:active:hover {

    color: #FFFFFF;

}



a.menu-place:hover { 

    background-image:url(images/menuHover.png);  

    height:30px;

    color: #333333;

    text-shadow: 0 1px 0 #FFFFFF;

}



a.menu-place:visited {

        color: #333333;

}



.menu-place img { float:left; }



* {margin:0;padding: 0px 0;text-decoration:none;}

#men {font-size:10px}

#men {width:218px;}

#men p, #men div {margin:9px;}

#men .img a {border-bottom:1px solid #99f;}

#men .bsection {border:1px solid #99f;}

#men .img a, .bsection * {padding:.3em;}

#men a, dt {color:#aad;display:block;}

#men h2 {background:#eef;color:#779;font-weight:bold;font-size:1.1em;}

#men {font:normal normal normal 1em/1em sans-serif;font-size:10px;}

Hier mal der HTML Code:

PHP-Code:


<? session_start();?>

<?php print "<?xml version=\"1.0\" encoding=\"ISO-8859-1\"?>\n"; ?>





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

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

<head>

<?

include("connect.inc.php");

include("inc/onlinestatus.inc.php");

include("inc/status.inc.php");



$usernasme_session = $_SESSION["username"];

$username_get = $_GET["username"];



if($username_session == $username_get){$s = "mp";}



###################User Daten###########################

$abfrage_ud = "SELECT * FROM member WHERE username = '$username_session'";

$ergebnis_ud = mysql_query($abfrage_ud);

$user_daten = mysql_fetch_object($ergebnis_ud) ;



#########Datenabfrage anhand des Usernames##############

$abfrage = "SELECT * FROM member WHERE username = '$username_get'";

$ergebnis = mysql_query($abfrage);

$daten = mysql_fetch_object($ergebnis);



//Datenbankabfrage mit der ermittelten ID

$abfrage = "SELECT * FROM member WHERE id = '$id'";

$ergebnis = mysql_query($abfrage);

$row = mysql_fetch_object($ergebnis);



//Profilbild Aktiv / Inaktiv

if($user_daten->profilbild_aktiv == 0){$profilbild = "np.gif";}

else{$profilbild = $user_daten->bild;}

?>

<?

$domain =  "http://".$_SERVER['SERVER_NAME'];

?>

<head>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" >

 <title>Wen kennst Du - Wer kennt dich - Vernetze dich mit anderen</title>

 <script type="text/javascript" src="<?echo $domain;?>/design/JS.js"></script>

 <script type="text/javascript" src="<?echo $domain;?>/design/bbcode.js"></script>

 <script type="text/javascript" src="<?echo $domain;?>/design/suche_username.js"></script>

 

<link rel="stylesheet" type="text/css" href="<?echo $domain;?>/design/standart.css">

<link rel="stylesheet" href="<?echo $domain;?>/design/header.css">

</head>

<body>



    <div id="header" > 

        <div id="header-up">

            <div id="up-content">

                <div id="UserNote" >Sie sind nicht angemeldet.

                </div>

                <div id="UserMenu" >Menu</div>

            </div>

        </div>

        <div id="header-middle">

            <div id="middle-content">

                <div id="content-logo">

                </div>

                <div id="content-search">

                    <div id="search-place">

                    </div>

                </div>

            </div>

        </div>

        <div id="header-bottom">

            <div id="bottom-content">

                <div id="content-menu">

                    <div class="menu-one">

                        <a class="menu-place" title="Startseite" href="#">

                            <img alt="Forum" src="<?echo $domain;?>/design/images/icons/menu001.png">

                            <p class="menu-text">Startseite</p>

                        </a>

                    </div>

                    <div class="menu-one">

                        <a class="menu-place" title="Anmelden" href="#">

                            <img alt="Bugtracker" src="<?echo $domain;?>/design/images/icons/menu002.png">

                            <p class="menu-text">Anmelden</p>

                        </a>

                    </div>

                    <div class="menu-one">

                        <a class="menu-place" title="Login" href="#">

                            <img alt="Kalender" src="<?echo $domain;?>/design/images/icons/menu003.png">

                            <p class="menu-text">Login</p>

                        </a>

                    </div>

                    <div class="menu-one">

                        <a class="menu-place" title="Hilfe" href="#">

                            <img alt="Mitglieder" src="<?echo $domain;?>/design/images/icons/menu004.png">

                            <p class="menu-text">Hilfe</p>

                        </a>

                    </div>

                    <div class="menu-one">

                        <a class="menu-place" title="Forum" href="#">

                            <img alt="Galerie" src="<?echo $domain;?>/design/images/icons/menu005.png">

                            <p class="menu-text">Forum</p>

                        </a>

                    </div>

                    <div class="menu-one">

                        <a class="menu-place" title="Impressum" href="#">

                            <img alt="Blog" src="<?echo $domain;?>/design/images/icons/menu006.png">

                            <p class="menu-text">Impressum</p>

                        </a>

                    </div>

                </div>

            </div>

        </div>

    </div>



<?php if ($username_session !== null) { ?>

<div id="men" style="right:929px; position:absolute; width: 220; height: 314; float:left;">

<p class="img">

<img id="profile_pic" class="logo img" alt="User Bild" src="<?echo $domain;?>/img/thumb3/<?echo $profilbild;?>" width="200" height="150">

<a href="<?echo $domain;?>/startseite/meine_fotos/">Fotos von mir zeigen</a>

<a href="<?echo $domain;?>/einstellungen">Einstellungen bearbeiten</a>

</p>

<p class="bsection"><a href="<?echo $domain;?>/einstellungen/startseite">Schreib etwas über dich</a></p>

<div class="bsection">

<h2>Informationen</h2>

<dl>

<dt>Geburtstag:</dt>

<dd><?echo $user_daten->gb_tag.".".$user_daten->gb_monat.".".$user_daten->gb_jahr;?></dd>

<dt>Derzeitiger Wohnort:</dt>

<dd><?echo $user_daten->plz;?> <?echo $user_daten->stadt;?></dd>

</dl>

<?php } ?>

</div>

</div>

<?php if ($username_session !== null) { ?>

<div style="padding:0 126px 0 335px">

<?php }else{ ?>

<div style="width:1015px;margin:0 auto">

<?php } ?>

<div id="content">

</div>

</body>

</html>

threadi · 14.05.11 01:19

Was meinst Du mit dynamisch? Die variable Breite der Ansicht? Ersetze sie durch feste Pixelwerte. Und wieso zeigst Du hier den PHP-Code? Der ist für Designs ohne Bedeutung. Relevant ist der erzeugte HTML-Code den man zum Glück auch unter deinem Link einsehen kann.

EuropaChat · 14.05.11 15:14

Was möchtest du denn dafür, wenn du es mir machen würdest?

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

HTML Webseite suchmaschinentauglich machen

Dynamisch Seite statisch machen? PHP Funktion

Webseite dynamsich machen?

mit Photoshop eine WEBSeite machen

Probleme mit Javascript Menü - statisch machen

E-Mail:

Abonnieren Abbestellen