Frettchen
Threadersteller
Dabei seit: 11.03.2015
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 09.06.2015 21:03
Titel Text geht über die Div hinaus |
  |
|
Hey Leute,
ich mache derzeit eine kleine Homepage für mein Cousin und dessen Band. Mein Problem ist leider nur das ich fast keine HTML/CSS Kenntnisse habe und eigentlich nur mit Photoshop arbeite. Wie die Überschrift schon sagt, geht der Text im Contentbereich leider über das festgelegte Image hinaus und ich weiss leider nicht wie ich es hinbekommen kann. Ich poste mal den HTML und CSS Code samt Screen.
Screenshot
| 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>Startseite - Rise to Remember</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"/>
<link href="template.css" rel="stylesheet" type="text/css" media="screen"/>
</head>
<!-- Body_start --><body>
<!-- Website_start --><div class="website">
<!-- Facebook_Link_start --><a href="https://www.facebook.com/Risetoremember?fref=ts"><img class="facebook" src="Bilder/fbicon.png"/></a><!-- Facebook_Link_end -->
<!-- Youtube_Link_start --><a href="https://www.youtube.com/channel/UCyUAGZwrqtntS82izzcXsNw"><img class="youtube" src="Bilder/yticon.png"/></a><!-- Youtube_Link_end -->
<!-- Navigation_start -->
<ul class="navigation">
<li><a href="">Home</a></li>
<li><a href="">News</a></li>
<li><a href="">Dates</a></li>
<li><a href="">Foto</a></li>
<li><a href="">Musik</a></li>
<li><a href="">Videos</a></li>
<li><a href="">Biografie</a></li>
<li><a href="">Die Band</a></li>
<li><a href="">Diskografie</a></li>
<li><a href="">Media</a></li>
<li><a href="">Store</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Kontakt</a></li>
</ul><!-- Navigation_end -->
<!-- Content_start -->
<div class="content">
fjdhfjkshfjkhsdjkfhsdjkfhsdjkfhjksdfhjksfhjksdfhjkshfjkshfjkshfjkshfjkshfjkshfjkshfjkshfjkhsdjkfhsdjkfhsjkfhsjkdfhsjkfhsjkfhsjkfhsjkfskfskfhskjfhskjfh
</div>
</div><!-- Website_end -->
</body><!-- Body_end -->
</html> |
| Code: | @CHARSET "UTF-8";
html {background:none; cursor:default;}
a:link {text-decoration:underline; color:#0000;}
a:hover {text-decoration:none; color:#000000;}
a:visited {text-decoration:underline; color:#ff0000;}
a:active {text-decoration:underline; color:#ff0000;}
img {border:none;}
body {background-image:url(Bilder/background.jpg); background-repeat:no-repeat; position:fixed; padding:0px; margin:0px; font-family:arial,verdana; font-size:13pt; text-align:center;}
.website {width:900px; margin:auto; text-align:left;}
img.facebook {position:relative; width:48px; height:48px; left:1080px; top:150px;}
img.youtube {position:relative; width:48px; height:48px; left:1090px; top:150px;}
.navigation ul {position:relative; list-style-type:none; margin:0px; padding:0px;font-color:#000000; float:left; widht:900px; text-align:center;}
.navigation li {position:relative; display:inline; font-family:impact; font-size:13pt; top:250px; left:35%; padding:5px;}
.navigation a:link {text-decoration:none; color:#000000;}
.navigation a:active {text-decoration:none; color:#000000;}
.navigation a:visited {text-decoration:none; color:#000000;}
.navigation a:hover {text-decoration:none; background-color:#ff0000;}
.content {position:relative; background-image:url(Bilder/content.png); width:880px; padding:10px; repeat:repeat-y; float:left;} |
Wie gesagt ich habe kaum Ahnung von HTML/CSS und finde den Fehler leider nicht. Hilfe wäre super, danke!
|
|
Willkommen auf dem Portal für Mediengestalter
