Ergebnis 1 bis 8 von 8

Thema: Wie passe ich meine Seite an?

  1. #1
    Teeny
    Registriert seit
    08.01.2015
    Ort
    A, A
    Beiträge
    34
    Danke
    2
    Bekam 1 mal "Danke" in 1 Posting

    Standard Wie passe ich meine Seite an?

    Guten Abend Community,ich versuche die ganze Zeit meine Seite wie auf den folgenden Screen anzupassen aber bei mir sieht es nicht so aus wie ichs wollte, hier erstmal die screens:So soll es aussehen:[/SPOILER]So sieht es aber aus:Der HTML Code (den hat mein Kollege so erstellt) sieht folgendermaßen aus:
    Code:
    <?php$page = $_GET["page"];
    if ($page == "") { echo $page = "";}
    ?>
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Teccistopia</title>
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <script src="js/snow.js" type="text/javascript"></script>
    </head>
    <body>
    <div>
    <div id="menu">
    <a href="index.php?page=home" class="logo"><img src="https://u-labs.de/images/banner.png" alt=""></a>
    </div>
    <a style="color:#FF5D00; float:right; font-size:22px;" href="/forum/"> Projekte</a>
    <a style="color:#FF5D00; float:right; font-size:22px;" href="#">|</a>
    <a style="color:#FF5D00; float:right; font-size:22px;" href="#"> Finanzierung </a>
    <a style="color:#FF5D00; float:right; font-size:22px;" href="#">|</a>
    <a style="color:#FF5D00; float:right; font-size:22px;" href="#"> Team </a>
    <a style="color:#FF5D00; float:right; font-size:22px;" href="#">|</a>
    <a style="color:#FF5D00; float:right; font-size:22px;" href="#"> Server </a>
    <a style="color:#FF5D00; float:right; font-size:22px;" href="#">|</a>
    <a style="color:#FF5D00; float:right; font-size:22px;" href="#">Startseite </a>
    </div>
    <div id="includearea" style="margin: 0 auto;">
    <?php 
    ?>
    </div>
    <div style="position:absolute; bottom:10px; background-color:#0094FF; opacity:0.5; filter:alpha(opacity=30); width:100%; 
    
    
    id=footer">
    <p>Copyright (C) 2014-2015 Domenik Landgraf. All rights reserved.</p>
    </div>
    </body>
    </html>
    Hoffentlich könnt ihr mir helfen Die Orange farbigen Punkte sollen Social Icons sein sprich Facebook, Twitter und Google.
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    HTML Newbie
    Registriert seit
    08.01.2015
    Ort
    Bayern
    Beiträge
    4
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Wie passe ich meine Seite an?

    oben rechts die links muss die schrittweite und größe eingestellt werden,
    statt 'snow' ggf. 'sterne' als .js-datei,
    das logo evtl in einer besseren auflösung/farbe,
    das copyright farblich anpassen,
    die links neben dem copyright wie die anderen links,

    oder willst du nen neuen quellcode ?

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    08.01.2015
    Ort
    A, A
    Beiträge
    34
    Danke
    2
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: Wie passe ich meine Seite an?

    Also der Schnee ist gewollt, das Problem ist, ich habe alles richtig geordnet beim Menü aber dieser ballert mir die einzelnen Seiten falsch ein, so wie es beim screen steht, steht es nur weil ich von hinten anfing das Menü einzufügen, nachher poste ich mal die stylesheet.

    Das gleiche Problem habe ich aber auch beim copyright, das ist viel zu hochgezogen obwohl das angepasst sein müsste, ich kann auch keine Leerzeichen beim Menü einfügen, egal ob <p> oder <br>, es steht untereinander was es halt nicht soll, möchte es ja getrennt haben wie beim screen

  4. #4
    Bandit
    Gast

    Standard AW: Wie passe ich meine Seite an?

    Ein Link zur Seite wäre nicht schlecht

  5. #5
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Wie passe ich meine Seite an?

    Code:
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Teccistopia</title>
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <script src="js/snow.js"></script>
    
    <style>
    * {
     margin:0;
     padding:0;
    }
    
    html,body {
     height:100%;
    }
    
    html {
     background:#333;
    }
    
    body {
     width:90%;
     margin:0 auto;
     position:relative;
     background:#000;
    }
    
    header {
     overflow:hidden;
     }
    
    #logo {
     float:left;
    }
    nav {
     text-align:right;
    }
    nav a {
     color:#F50; 
     display:-inline-block; 
     font-size:22px; 
     padding:5px 5px 5px 0;
     font-weight:bold;
     text-decoration:none;
     vertical-align:top;
     
    }
    
    #footer {
     position:absolute;
     bottom:10px;
     padding:10px 0;
     background-color:#00a; 
     color:#F50; 
     width:100%;
     font-weight:bold;
    } 
    
    #footer a , #footer p {
     float:left; 
      padding:5px;
     font-weight:bold;
     font-size:75%;
     text-decoration:none;
     vertical-align:top; 
     color:#F50; 
    }
    
    #footer p { 
     margin-right:20px;
    }
    #footer :nth-child(4) { 
     margin-left:40px; 
    }
    </style>
    </head>
    <body>
    <header>
    <div id="logo"><a href="index.php?page=home" class="logo"><img src="" width="300" height="60"alt=""></a></div>
    <nav>
    <a href="#">Startseite |</a>
    <a href="#">Server |</a>
    <a href="#">Team |</a>
    <a href="#">Finanzierung |</a>
    <a href="/forum/">Projekte</a>
    </nav>
    </header>
    <div id="includearea" >
    <?php 
    ?>
    </div>
    <div id="footer">
    <p>Copyright (C) 2014-2015 Domenik Landgraf. All rights reserved.</p>
    <a href="#">Impressum |</a>
    <a href="#">Datenschutzerklärung</a>
    <a href="#">Partner |</a>
    <a href="#">Sponsoren</a>
    </div>
    
    </body>
    </html>
    Geändert von djheke (09.01.2015 um 15:25 Uhr) Grund: Quelltext Korrigiert.

  6. Folgende User finden die Antwort von djheke gut:


  7. #6
    Teeny
    Themenstarter

    Registriert seit
    08.01.2015
    Ort
    A, A
    Beiträge
    34
    Danke
    2
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: Wie passe ich meine Seite an?

    www.teccistopia.de/demo das ist die Seite.

    Habe nur bei den Code von djhecke das Problem, das kein Hintergrund da ist.
    Geändert von Bazs (09.01.2015 um 17:23 Uhr)

  8. #7
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Wie passe ich meine Seite an?

    Upps! Mach mal aus <head></head> innerhalb von body ein <header></header> und im css auch.
    Geändert von djheke (09.01.2015 um 15:28 Uhr)

  9. #8
    Teeny
    Themenstarter

    Registriert seit
    08.01.2015
    Ort
    A, A
    Beiträge
    34
    Danke
    2
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: Wie passe ich meine Seite an?

    /e2: Hintergrund habe ich hinbekommen

    /e:

    habe nun auch das Problem, will Ab Impressum alles nach rechts verschoben haben, habe einiges ausprobiert, aber alles schlug fehl, was genau soll ich machen, bin wirklich ein mieser einsteiger in HTML xD

    /e3: habe auch dies hinbekommen, bin doch nicht so dumm wie ich dachte
    Geändert von Bazs (09.01.2015 um 19:14 Uhr)

Ähnliche Themen

  1. Meine Seite
    Von Marlo im Forum Eure Homepages und Foren - Vorstellung und Bewertungen
    Antworten: 15
    Letzter Beitrag: 12.05.2008, 14:30
  2. Meine Seite eure Seite
    Von COLD im Forum Eure Homepages und Foren - Vorstellung und Bewertungen
    Antworten: 12
    Letzter Beitrag: 19.02.2007, 10:25
  3. Meine seite
    Von [AD] im Forum Eure Homepages und Foren - Vorstellung und Bewertungen
    Antworten: 7
    Letzter Beitrag: 06.07.2006, 00:51
  4. Hilfe, meine Seite hoppst zur Seite
    Von roxxter im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 18.05.2005, 16:28
  5. Meine Seite
    Von Hybrid im Forum Eure Homepages und Foren - Vorstellung und Bewertungen
    Antworten: 3
    Letzter Beitrag: 12.04.2004, 20:00

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •