kanute1: Verlinkung mit gleichem CSS Style

Beitrag lesen

SELF-Forum

Verlinkung mit gleichem CSS Style

kanute1
– Informationen zu den Bewertungsregeln

Hey

Ich bastel im Moment teils Schulisch an einer Website. Diese habe ich jetzt mit CSS neu geschrieben. Da es mit den Frames doch nicht ganz Ideal war. Das Menü etc habe ich bereits. Nur weiß ich nicht wie ich auf eine neue Content-Seite verlinke und weiterhin den gleichen Style behalte. Ich hoffe doch jemand kann mir hier helfen.

Index.php

  
<html>  
<head>  
    <title>Gameshop</title>  
    <link rel="stylesheet" href="css/design.css" type="text/css" />  
</head>  
<body>  
    <div id="website">  
        <div id="header">  
        </div>  
        <div id="main">  
            <div id="menu" >  
              <?php  
                include("public/menu.html");  
            ?>  
            </div>  
            <div id="inhalt">  
  
            </div>  
        </div>  
        <div id="footer">  
  
        </div>  
    </div>  
</body>  
</html>

Zuverlinkende Home-Seite:

  
<head>  
    <title>Home</title>  
    <link href="http://127.0.0.1/test/css/desing.css" type="text/css" rel="stylesheet" media="inhalt" />  
</head>  
<body>  
    <hr><marquee behavior="alternate">  
    <font color="#000080">  
    <font size="5"> G&uuml;nstig kaufen bei Gameshop.de!</font>  
    </font>  
    </marquee>  
    <hr><center><h1>Unsere besten Angebote!</h1></center>  
</body>  
</html>

Design.css

  
@import url(menu_dropdown.css);  
body{  
    background-color: #C0C0C0;  
    text-align: center;  
    margin: 0;  
    padding: 0;  
    width:100%;  
    height:100%;  
  
}  
#website{  
    width: 980px;  
    margin: 0 auto;  
}  
#header{  
    width: 980px;  
    height: 150px;  
    background-image: url(../../balzer/images/banner.jpg);  
    margin-top: 10px;  
    border-radius: 5px;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    -o-border-radius: 5px;  
}  
#main{  
    width: 980px;  
}  
#menu{  
    float: none;  
    width: 980px;  
    height: 36px;  
    background: #454545;  
    margin-top: 10px;  
    margin-bottom: 10px;  
    border-radius: 2px;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    -o-border-radius: 5px;  
}  
#inhalt{  
    float: right;  
    width: 980px;  
    height: 300px;  
    background: darkred;  
    margin-top: 10px;  
    margin-bottom: 10px;  
    border-radius: 2px;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    -o-border-radius: 5px;  
}  
#footer{  
    width: 980px;  
    height: 30px;  
    background: orange;  
    border-radius: 5px;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    -o-border-radius: 5px;  
    margin-top: 25px;  
    clear: both;  
}
Beitrag melden
–
Informationen zu den Bewertungsregeln