1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  2. Unsere jährliche Weihnachts-Banner-Aktion hat begonnen! Wir freuen uns auf viele, viele kreative Vorschläge.
    Mehr dazu könnt Ihr hier nachlesen: Weihnachtsbanner 2016

    Information ausblenden

Newsscript Problem!

Dieses Thema im Forum "Web-Programmierung" wurde erstellt von Macloc, 30.03.07.

  1. Macloc

    Macloc Elstar

    Dabei seit:
    15.03.07
    Beiträge:
    73
    Hallo, ich habe nachdem ich das Design von meiner HP fertig hatte auf die Index seite ein Newsscript installiert. Es ist eingebunden und es läuft eigentlich alles super bis auf 2 kleinichkeiten.

    Das Newsscript bzw die geschriebenen news werden zuweit unten angezeigt. Beim IE werden Sie noch weiter unten angezeigt. Warum?

    Wie kann ich die Maximale breite einstellen des textes? Wenn ich zulang werde schreib ich ins Archiv.

    LINK HP : >>>Klick<<<

    CSS Datei
    Code:
    body {
        margin: 0;
        padding: 0;
        background: #000000 url(images/img1.gif) repeat-x;
        font: "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #999999;
    }
    
    #news {
        margin: 250px;
        width: 450px;
        
    }
    
    
    a {
        color: #CCCCCC;
    }
    
    a:hover {
        text-decoration: none;
        color: #FFFFFF;
    }
    
    /* Header */
    
    #header {
        width: 778px;
        height: 203px;
        margin: 0 auto;
    }
    
    /* Logo */
    
    #logo {
        float: left;
    }
    
    #logo * {
        margin: 0;
        padding: 0;
        color: #FFFFFF;
    }
    
    
    #logo h1 {
        padding: 130px 0 0 0;
        letter-spacing: 1px;
        font-size: 3.2em;
    }
    
    
    
    #logo h2 {
        letter-spacing: 1px;
        font-size: 1em;
    }
    
    
    
    /* Menu */
    
    #menu {
        float: right;
    }
    
    #menu ul {
        margin: 0;
        padding: 154px 0 0 0;
        list-style: none;
    }
    
    #menu li {
        display: inline;
    }
    
    #menu a {
        display: block;
        float: left;
        padding: 5px 20px;
        text-decoration: none;
        font-size: 0.8em;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
    }
    
    #menu a:hover, #menu .active a {
        padding: 6px 20px;
        background: #2F1A1A url(images/img2.gif) repeat-x left bottom;
        border: 0px solid #1E1010;
        border-right-color: #7A6D6D;
        border-bottom-color: #7A6D6D;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.8em;
        
    }
    
    /* Content */
    
    #content {
        width: 778px;
        margin: 0 auto;
        padding: 20px 0 0 0;
    }
    
    /* Column One */
    
    #colOne {
        float: left;
        width: 500px;
    }
    
    #colOne h2 {
        margin-top: 0;
        font-size: 2.2em;
        color: #CCCCCC;
    }
    
    #colOne p, #colOne ul, #colOne ol {
        line-height: 160%;
    }
    
    #colOne .credits {
        margin-bottom: 50px;
        padding: 5px 0 8px 8px;
        background: #210100;
        border-left: 2px solid #8A0600;
    }
    
    #colOne .credits p {
        margin: 0;
        padding: 0;
        line-height: normal;
    }
    
    /* Column Two */
    
    #colTwo {
        float: right;
        width: 248px;
    }
    
    #colTwo ul {
        margin: 0;
        padding: 10px 0 0 0;
        list-style: none;
    }
    
    #colTwo li {
        margin-bottom: 20px;
    }
    
    #colTwo li li {
        margin-bottom: auto;
    }
    
    #colTwo li ul {
        padding-left: 20px;
        list-style: square inside;
    }
    
    #colTwo h2 {
        padding-bottom: 5px;
        font-size: 1em;
        color: #FFFFFF;
        padding-left: 20px;
        background: url(images/img3.gif) no-repeat 5px 6px;
        border-bottom: 1px solid #2C2C2C;
    }
    
    #textfield1 {
        width: 150px;
        margin-left: 20px;
        background: #9E9E9E url(images/img4.gif) repeat-x;
        border: 1px solid #9C9C9C;
        border-right-color: #C6C6C6;
        border-bottom-color: #C6C6C6;
    }
    
    #submit1 {
        background: #9E9E9E url(images/img5.gif) repeat-x;
        border: 0px solid #625252;
        border-right-color: #1B0F0F;
        border-bottom-color: #1B0F0F;
        color: #CCCCCC;
    }
    
    /* Footer */
    
    #footer {
        clear: both;
        width: 778px;
        height: 60px;
        margin: 0 auto;
        padding: 20px 0;
        background: url(images/img6.gif) repeat-x;
    }
    
    #footer p {
        margin: 0;
        padding: 0;
        text-align: center;
        font-size: smaller;
    
    Index PHP

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title></title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link href="style.css" rel="stylesheet" type="text/css" />
    
    <style type="text/css">
    <!--
    .Stil2 {font-family: Arial, Helvetica, sans-serif}
    .Stil3 {font-size: 10px}
    -->
    </style>
    
    
    </head>
    <body>
    <div id="header">
     <div id="logo">
      <h1><span class="Stil2">The Patients</span></h1> </div>     
      
      <div id="menu">
            <ul>
                <li class="active"><a href="#" class="Stil3">News</a></li>
                <li><a href="#">Band</a></li>
                <li><a href="#">Dates</a></li>
                <li><a href="#">Media</a></li>
                <li><a href="#">Guestbook</a></li>
            </ul>
      
      
      </div>
    </div>
    
    
    <span class="Stil2"></span>
    <div id="content">
      <div id="colTwo">
            <ul>
                <li>
                  <input name="textfield1" type="text" id="textfield1" size="18" maxlength="10" />
                  <input type="submit" id="submit1" name="submit1" value="Search" />
                </li>
                <h2>Archiv</h2>
        </ul>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <ul><li><h2>Link</h2>
            </li>
            </ul>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <ul>
              <li></li>
              <li></li>
            </ul>
      </div>
    </div>
    
    
    
    
    
    <div id="news"><? include "hc_newsout.php"; ?></div>
    </div>        
            
            
    <div id="footer">
        <p><font size="2">Newsscript by <a href="http://www.hcdesign.at"><font size="2">HCDESIGN</a> 2003 - 2004</p>
    
    </div>
    </div>
    </body>
    </html>
    
     
  2. Macloc

    Macloc Elstar

    Dabei seit:
    15.03.07
    Beiträge:
    73
    Kann die Reihenfolge der
    Code:
    <div></div>
    tags ausschlaggebend sein? mir ist aufgefallen verschiebt man
    Code:
    <div id="news"><? include "hc_newsout.php"; ?><a>Test</a></div>
    nach oben vedreht sich alles...
    Jemand eine Idee?

    Grüße; Macloc
     

Diese Seite empfehlen