Suche im Forum:
Suchen


Autor Nachricht
Beitrag22.12.2010 um 18:21 (UTC)    
Titel: CSS-Spezis sind gefragt

Ich möchte meine HP ändern und habe mir von einem Kollegen einen CSS Code machen lassen.Allerdings weiß ich gar nicht wie und wo ich diesen Code einbinden muss bzw so ändern muss das es mit der neuen HP klappt.

Hier der Code:
> * {
> margin:0;
> padding:40;
> }
> body {
> font-family:Arial, Helvetica, sans-serif;
> font-size:12px;
> background:#000000 url(images/pageBackground.jpg) no-repeat center
> top;
> color: #ffffff;
> }
> a {
> color:#ff9c00;
> text-decoration:underline;
> }
> a:hover {
> color:#ff9c00;
> text-decoration:none;
> }
> #container {
> width: 100%;
> }
> #header {
> width:100%;
> }
> .logoBackground {
> background:#000000;
> width:300px;
> }
> .logo {
> color:#ff9c00;
> font-size:40px;
> padding:10px 0 0 30px;
> }
> .author {
> padding:0 0 0px 30px;
> color:#707070;
> }
> .author a {
> color:#707070;
> }
> .menu {
> background:url(images/menuBackground.png) repeat-x left top;
> height:103px;
> text-align:center;
> margin-top:265px;
> }
> .menu ul {
> margin:0;
> padding-top:32px;
> }
> .menu li {
> list-style:none;
> display:inline;
> padding:20px 15px 0 15px;
> }
> .menu li a {
> color:#ffffff;
> font-size:24px;
> text-decoration:none;
> }
> .menu li a:hover {
> color:#ff9c00;
> font-size:24px;
> text-decoration:none;
> }
> .menu #active a {
> color:#ff9c00;
> font-size:24px;
> text-decoration:none;
> }
> .allContent {
> width:800px;
> margin:0 auto;
> padding:130px 0 0 0;
> }
> .leftContent p, .rightContent p {
> padding:40px;
> text-align: justify;
> }
> .leftContent {
> float:left;
> width:575px;
> }
> .rightContent {
> margin-left:600px;
> width:200px;
> }
> .rightContent ul {
> margin:0;
> padding:0 40px;
> }
> .rightContent li {
> list-style:none;
> padding:0 0 20px 0;
> }
> #footer {
> text-align:center;
> color:#707070;
> padding:10px 0;
> }
> .clearfloat { /* this class should be placed on a div or break element
> and should be the final element before the close of a container that
> should fully contain a float */
> clear:both;
> height:0;
> font-size: 1px;
> line-height: 0px;
> }
> #container .allContent .leftContent blockquote blockquote blockquote
> blockquote blockquote blockquote p {
> text-align: left;
> }
> #container .allContent .leftContent blockquote blockquote blockquote
> blockquote blockquote blockquote table tr td {
> text-align: center;
> }
> #container .allContent .leftContent blockquote blockquote blockquote
> blockquote blockquote blockquote table tr td .logoBackground b {
> text-align: justify;
> }
> #container .allContent .leftContent blockquote blockquote blockquote
> blockquote blockquote blockquote table tr td {
> text-align: justify;
> }
> #container .allContent .rightContent table tr td {
> text-align: left;
> }
> #container .allContent .leftContent table tr td {
> text-align: center;
> }
> #container .allContent .leftContent table tr td table tr td {
> text-align: center;
> font-weight: lighter;
> }
> #container .allContent .leftContent table tr td h3 {
> text-align: left;
> }



Wäre euch sehr dankbar wenn ihr mir helfen würdet... Laughing


Vorab ein frohes Weihnachsfest...

Sascha
Beitrag22.12.2010 um 18:23 (UTC)    
Titel:

Hast du von deinem Kollegen auch einen HTML Code bekommen?
Falls ja erstmal beim CSS Code die > entfernen!
Beitrag22.12.2010 um 18:34 (UTC)    
Titel:

Die >>>>> Zeichen sind in meinem Thread da,weil ich diesen Code schnell von meiner E-Mail kopiert habe...


Zuletzt bearbeitet von germanys-carp-catcher am 22.12.2010, 19:36, insgesamt einmal bearbeitet
Beitrag22.12.2010 um 18:48 (UTC)    
Titel:

Hier noch was,vielleicht hilft es ja:


<!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>Germanys Carp Catcher</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
#sidebar1 { padding-top: 30px; }
#mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
</head>

<body background="images/leftContenta.png">
<!-- begin #container -->
<div id="container">
<!-- begin #header -->
<div id="header">
<div class="menu">
<ul>
<li id="active"><a href="index.html">Home</a></li>
<li><a href="news.html">News</a></li>
<li><a href="Gallerie.html">Gallerie</a></li>
<li><a href="Guestbook.html">Guestbook</a></li>
<li><a href="Links.html">Links</a></li>
<li><a href="Impressum.html">Impressum</a></li>
<li><a href="Contact.html">Contact</a></li>
</ul>
</div>
</div>
<!-- end #header -->
<div class="allContent">
<div class="leftContent">
<table width="575" border="0">
<tr>
<td><p>&nbsp;</p></td>
</tr>
<tr>
<td><h3>Contact</h3>
<p>Falls Ihr Wünsche oder Anregungen zu dieser Homepage habt, lasst es mich gerne wissen. Aber eventuell braucht Ihr auch Rat und Tat in Sachen Karpfenangeln im Pott oder wollt eine gemeinsame Session mit mir planen. No Problem - schreibt mir einfach eine email oder meldet euch im Gästebuch.Da ich Schichtdienst habe ist dies aber garnicht so einfach zu verwirklichen. Ich hoffe das ich weiterhelfen und eure Fragen nach besten Wissen beantworten kann. So nun wünsche ich noch viel Spass auf meiner Homepage und viele dicke Karpfen. Benutzung meiner Webseite und das Herunterladen von Daten erfolgt auf Ihre eigene Gefahr. Germanys Carp Catcher schließt jegliche Haftung für Schäden, die direkt oder indirekt aus der Benutzung dieser Website entstehen aus soweit diese nicht auf Vorsatz oder auf Fahrlässigkeit beruhen und somit Pflichtverletzungen keine vertragswesentlichen Pflichten betreffen (sog. Kardinalpflichten), Leben, Gesundheit und / oder Körper betreffen, oder andere Ansprüche nach dem Produkthaftungsgesetz berührt sind. Dieser Haftungsausschluss ist als Teil des Internetangebotes zu betrachten, von dem aus auf diese Seite verwiesen wurde. Sofern Teile oder einzelne Formulierungen dieses Textes der geltenden Rechtslage nicht, nicht mehr oder nicht mehr vollständig entsprechen sollten, bleiben die übrigen Teile des Dokumentes in ihrem Inhalt und ihrer Gültigkeit davon unberührt.<br />
<br />
</p></td>
</tr>
<tr>
<td><img src="images/Schuppi.jpg" alt="" width="565" height="357" /></td>
</tr>
</table>
<table width="576" border="0" cellspacing="10">
<tr>
<td width="464">Also mailt an: <a href="mailto:Labbyfreund@web.de">Labbyfreund@web.de</a></td>
</tr>
</table>
<blockquote>
<blockquote>
<blockquote>&nbsp;</blockquote>
</blockquote>
</blockquote>
</div>
<div class="rightContent">
<table width="200" border="0">
<tr>
<td><p>&nbsp;</p></td>
</tr>
<tr>
<td><div style="width:200; font-family:0; color:#FFFFFF; font-size:12px; background-color:#000000;">
<script src="http://www.wetter.net/cgi-bin/wetter-net3/webseitenwetter.pl?TYP=4&amp;NAME=Oberhausen (Rheinland)&amp;ID=3520&amp;ID2=112415&amp;CO=FFFFFF&amp;BG=000000&amp;FNT=0&amp;TAG=0&amp;GR=12&amp;BOX=200&amp;P1=1&amp;P2=4&amp;P3=5" type="text/javascript"></script>
<a style="color:#FFFFFF; text-decoration:none; font-size:12px;" href="http://www.wetter.net" target="_blank">© wetter.net</a></div></td>
</tr>
<tr>
<td height="452"><a href="http://www.carpncats.de" target="_blank"><img src="images/cnc1.jpg" alt="" width="200" height="655" border="0" /></a></td>
</tr>
</table>
<p>&nbsp;</p>
<p><br />
</p>
</div>
<!-- begin #footer -->
<div class="author" id="footer">
<p>Copyright &copy; Old Cars. Designed by <a href="http://www.flash-templates-today.com" title="Free Flash Templates">Free Flash Templates</a>
</p>
</div>
<!-- end #footer -->
</div>
</div>
<!-- end #container -->
</body>
</html>
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de