L0se
Threadersteller
Dabei seit: 13.02.2013
Ort: Gelsenkirchen
Alter: -
Geschlecht: -
|
Verfasst Mi 13.02.2013 01:13
Titel Anfänger braucht kleine Hilfe |
|
|
Hey Leute,
ich wollte für mein Team eine kleine Homepage machen, nichts besonderes. Ich muss allerdings sagen, das ich es nicht so habe mit dem Formatieren und Programmieren, daher auch nur HTML/CSS.
Mein Problem besteht darin, das der Text im Textfeld immer aus dem Hintergrund ragt, auch wenn ich ihn eine bestimmte Breite gebe. Habe einiges versucht, aber erfolgslos. Hoffe, das ihr da helfen könnt. Falls euch Verbesserungsvorschläge einfallen beim Code einfach sagen, der ist bestimmt nicht zu 100% richtig.
HTML CODE:
Code: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Willkommen bei iGAMING</title>
<meta http-equiv="content-type" content="application/xhtml+xml;charset=UTF-8"/>
<meta http-equiv="imagetoolbar" content="no"/>
<meta name="robots" content="index, follow"/>
<meta name="publisher" content="Patrick Schwark"/>
<meta name="copyright" content="Patrick Schwark"/>
<meta name="author" content="Patrick Schwark"/>
<meta name="Content-Language" content="de" />
<meta name="description" content="iGAMING ist ein Counterstrike Global Offensive Team, welches 2013 enstanden ist und aus dem alten Team COpeG entspringt."/>
<meta name="keywords" content="Counterstrike,Global,Offensive,CS,LolnlyWulf,Folcwine,Splash,Ficus,L0se,ESL,Gaming,Team,"/>
<link href="template.css" rel="stylesheet" type="text/css" media="screen"/>
</head>
<!-- Body_start --><body>
<!-- Container_start -->
<div class="container">
<!-- Header_start --><img class="header" src="Bilder/header.jpg" alt=""/><!-- Header_end -->
<!-- Navigation_start -->
<div class="navigation"><ul>
<li><a href="index.html">Startseite</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="matches.html">Matches</a></li>
<li><a href="server.html">Server</a></li>
<li><a href="history.html">History</a></li>
<li><a href="media.html">Media</a></li>
<li><a href="forum.html">Forum</a></li>
</ul></div><!-- Navigation_end -->
<!-- Content_start -->
<div class="content"><p>fjkfhdjhfkdhfkjhfjkdhfjkdhfkjshdjkfhdjkfhsdjkfgjkfhgjkdfhngjkdfjkgdfgdfhbghdfhgbdfhgbdfhbghfghbdfgbhdfbgbdfhgbdfhbghdfgbdfhgbdfhbghfghbdfbgfbghjdfbgdhfgbdfhgbdfhbghjdbghdgdbfgbdhgbdjh</p>
</div><!-- Content _end -->
</div><!-- Container_end -->
</body><!-- Body_end -->
</html>
|
CSS CODE:
Code: | @CHARSET "UTF-8";
html {background:none;}
body {background-image:url(Bilder/background.jpg); background-repeat:repeat-x; background-color:#3c3c3c; height:365px; font-family:arial,verdana; font-size:12pt; color:#ffffff; margin:0px; padding:0px;}
a:link {color:#00a2ff; text-decoration:underline;}
a:hover {color:#00a2ff; text-decoration:none;}
a:active {color:#00a2ff; text-decoration:underline;}
a:visited {color:#00a2ff; text-decoration:underline;}
img {border:0px;}
.container {position:relative; width:1134px; margin:auto;}
.header {width:1134px; height:365px;}
.navigation ul {margin:-45px; margin-left:260px; font-size:10pt; font-weight:bold;}
.navigation li {display:inline; list-style-type:none; padding:10px;}
.navigation a:link {color:#3c3c3c; text-decoration:none;}
.navigation a:hover {color:#00a2ff; text-decoration:none;}
.navigation a:active {color:#3c3c3c; text-decoration:none;}
.navigation a:visited {color:#3c3c3c; text-decoration:none;}
.content {
position:relative;
background-image:url(Bilder/content.jpg);
left:131px;
top:73px;
width:834px;
padding:15px;
}
|
MfG
L0se
Zuletzt bearbeitet von Nimroy am Mi 13.02.2013 09:13, insgesamt 1-mal bearbeitet
|
|