- Registriert
- 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
Index PHP
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;
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> </p>
<p> </p>
<ul><li><h2>Link</h2>
</li>
</ul>
<p> </p>
<p> </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>