Beiträge von Dorfbewohner

Dorfbewohner

Hallo,

ich habe das Problem, dass zwei Widgets an unterschiedlichen Stellen landen.

Seite 1: ist zwar nicht so ganz wie ich das möchte, kommt dem aber ganz nah... http://sportverein-trittenheim.de/widget1.htm

HTML

<!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" xml:lang="de" lang="de">




<head>
  <title>Ergebnisse 1.Mannschaft - Sportverein Laurentius Trittenheim e.V.</title>
    <link rel="shortcut icon" type="image/x-icon" href="bilder/favicon.ico" />
      <link href="css/design.css" type="text/css" rel="stylesheet" /> 
        <meta http-equiv="content-type"  content="text/html; charset=iso-8859-1" />
        <meta name="content-language" content="de" />
        <meta name="keywords"         content="SV Trittenheim, Sportverein Trittenheim, Trittenheim, 1.Mannschaft" />




        <meta name="description"      content="Kontaktliste des Sportverein Laurentius Trittenheim e.V." />
        <meta name="language"         content="Deutsch" />
        <meta name="revisit"          content="After 30 days" />
        <meta name="robots"           content="INDEX,FOLLOW" />
<script type="text/javascript" src="http://static.fussball.de/fbdeAPI/js/fbdeAPIFunctions.js?schluessel=8B426DD68EF3D5352DB52CF39B94349630073A98"></script>
</head>







<body>




<!--  Umfassender DIV -->




<div id="seitenbereich">




  <div id="kopfbereich">
    <img src="bilder/hintergrund.jpg" width="780" height="150" alt="Sportplatz Trittenheim" />
  </div>




<!--  Steuerung-->




  <div id="steuerung">
<ul id="navi">
      <li><a href="index.htm"      title="Startseite">          Startseite</a></li>




      <li><a href="neues.htm"      title="Neuigkeiten">         Aktuelles</a></li>
      <li><a href="bilder.htm"     title="Fotogalerie">         Fotogalerie</a></li>
      <li><a href="mitglieder.htm" title="zum Mitgliedsantrag"> Mitglied werden</a></li>
      <li><a href="kontakt.htm"    title="Kontaktseite">        Kontakt</a></li>
      <li><a href="impressum.htm"  title="Impressum">           Impressum</a></li>




</ul>




    <br />
    <br />
    <br />
    <img src="bilder/logo1.jpg" width="180" height="180" alt="Vereinslogo" />
    <br />
    <br />
    <br />
    <br />




    <br />
    <br />
    <br />
    <br />
    <br />
    <br />




  </div>




  <div id="mannschaft1">...Ergebnissdienst 1.Mannschaft wird geladen...</div>




    <script type="text/javascript"> 
    var mannschaft1 = new fussballdeAPI();
    mannschaft1.setzeSaison('1011');
    mannschaft1.setzeWettbewerbID('410153');
    mannschaft1.zeigeWettbewerb('mannschaft1'); 
    </script>




  </div>




<!--  Footer  -->




  <div id="fussbereich">
    <a href="http://www.sportverein-trittenheim.de">www.sportverein-trittenheim.de</a>
    &nbsp;&nbsp;  -  &nbsp;&nbsp;  
    &copy; 2010
  </div>




</div>




</body>
</html>

Alles anzeigen

Seite 2: eigentlich genau das Gleiche, aber mit unserer Jugend-Mannschaft, und das Widget http://sportverein-trittenheim.de/jugendd2.htm

HTML

<!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" xml:lang="de" lang="de">




<head>
  <title>Ergebnisse 1.Mannschaft - Sportverein Laurentius Trittenheim e.V.</title>
    <link rel="shortcut icon" type="image/x-icon" href="bilder/favicon.ico" />
      <link href="css/design.css" type="text/css" rel="stylesheet" /> 
        <meta http-equiv="content-type"  content="text/html; charset=iso-8859-1" />
        <meta name="content-language" content="de" />
        <meta name="keywords"         content="SV Trittenheim, Sportverein Trittenheim, Trittenheim, 1.Mannschaft" />




        <meta name="description"      content="Kontaktliste des Sportverein Laurentius Trittenheim e.V." />
        <meta name="language"         content="Deutsch" />
        <meta name="revisit"          content="After 30 days" />
        <meta name="robots"           content="INDEX,FOLLOW" />
<script type="text/javascript" src="http://static.fussball.de/fbdeAPI/js/fbdeAPIFunctions.js?schluessel=8B426DD68EF3D5352DB52CF39B94349630073A98"></script>
</head>







<body>




<!--  Umfassender DIV -->




<div id="seitenbereich">




  <div id="kopfbereich">
    <img src="bilder/hintergrund.jpg" width="780" height="150" alt="Sportplatz Trittenheim" />
  </div>




<!--  Steuerung-->




  <div id="steuerung">
<ul id="navi">
      <li><a href="index.htm"      title="Startseite">&nbsp;          Startseite</a></li>




      <li><a href="neues.htm"      title="Neuigkeiten">&nbsp;         Aktuelles</a></li>
      <li><a href="jugend.htm"     title="Kinder & Jugend">&nbsp;     Kinder & Jugend</a></li>
      <li><a href="fussball.htm"   title="Fussball">&nbsp;            Fussball</a></li>
      <li><a href="bilder.htm"     title="Fotogalerie">&nbsp;         Fotogalerie</a></li>




      <li><a href="mitglieder.htm" title="zum Mitgliedsantrag">&nbsp; Mitglied werden</a></li>
      <li><a href="kontakt.htm"    title="Kontaktseite">&nbsp;        Kontakt</a></li>
      <li><a href="impressum.htm"  title="Impressum">&nbsp;           Impressum</a></li> 
</ul>
    <br />
    <center><img src="bilder/logo1.jpg" width="180" height="180" alt="Vereinslogo" /></center>




    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />




    <br />




  </div>




  <div id="jugendd2">...Ergebnissdienst D2-Jugend wird geladen...</div>
    <script type="text/javascript"> 
    var jugendd2 = new fussballdeAPI();
    jugendd2.setzeSaison('1011');
    jugendd2.setzeWettbewerbID('410275');
    jugendd2.zeigeWettbewerb('jugendd2'); 
    </script>




  </div>




<!--  Footer  -->




  <div id="fussbereich">
    <a href="http://www.sportverein-trittenheim.de">www.sportverein-trittenheim.de</a>
    &nbsp;&nbsp;  -  &nbsp;&nbsp;  
    &copy; 2010
  </div>




</div>




</body>




</html>

Alles anzeigen

und noch der CSS-Code:

Code

* {
        margin:0;
        padding:0;
}




body {
        text-align: center; /* Zentrierung IE */
        font-family: Arial, Verdana, sans-serif;
        font-size: 11pt;
}




html, body {
        height:100%;
}




h1 {
        margin-top: 5px;
        margin-bottom: 20px;
}




p {
        margin-bottom: 15px;
}




.news {
	margin-bottom: 15px;
}




.training {
	margin-bottom: 15px;
}




ul {
        list-style: none; 
}




h2.headline {
        background: url(../bilder/bglinie.jpg);
        height: 20px;
	font-size: 11pt;
	font-weight: bold;
        padding-top: 10px;
        padding-left: 10px;
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: 5px;
	border-bottom: 1px solid black;
}




h2.sportangebot {
        background: url(../bilder/bglinie.jpg);
        height: 25px;
	font-size: 12pt;
	font-weight: bold;
        padding-top: 10px;
        padding-left: 10px;
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: 5px;
	border-bottom: 1px solid black;
}




#seitenbereich {
        text-align:left;  /* Inhalt wieder links */
        margin: 0 auto;   /* Zentrierung mitte */
        width: 780px;
        background-color:#EEEEEE;
}




#wrapper {
        min-height:100%;
        width: 780px;
}




#kopfbereich {
        background:url(bilder/hintergrund.jpg) no-repeat left top;
        width: 780px;
        height:150px;
}




#inhalt {
        margin-left: 210px;
        min-height:100%;
        padding: 20px;
        background-color:silver;
}




#navi {
       list-style: none;
} 




#steuerung {
        background-color: #EEEEEE;
        height:100%;
        width:180px;
        padding: 15px;        
        padding-right: 10px;
        margin-right: 10px;
        float:left;




}
#steuerung a:link    { display: block;width: 170px;text-align: left;line-height: 28px;text-decoration: none;color: black;margin: 5px;background-color: #da000a;border: 1px solid #000 }
#steuerung a:visited { display: block;width: 170px;text-align: left;line-height: 28px;text-decoration: none;color: white;margin: 5px;background-color: #da000a;border: 1px solid #000 }
#steuerung a:focus   { display: block;width: 170px;text-align: left;line-height: 28px;text-decoration: none;color: white;font-weight: bold; margin: 5px;background-color: #da000a;border: 1px solid #000 }
#steuerung a:hover   { text-decoration: none;letter-spacing: 1.5pt; font-weight: bold;color: #da000a;background-color: silver;border: 1px solid #fff}
#steuerung a:active  { display: block;width: 170px;text-align: left;line-height: 28px;text-decoration: none;color: white;margin: 5px;background-color: #da000a;border: 1px solid #000 }
#fussbereich a {color:black; text-decoration:none;}




#fussbereich {
        clear: both;
        text-align:center;
        background-color:#da000a;
        border-top:2px solid black;
        width: 780px;
        height: 1.5em;
        margin-top:-1.5em;
        margin: 0 auto;
} 
#los {
width: 100%;
text-align: center;
padding-left: 20px;
padding-bottom: 40px;
}




#ergebnissdienst {background-color:silver;
}
#mannschaft1 {
  position: absolute;
  margin-left: 210px;
  height: 489px;
        padding: 20px;
width: 530px;
        background-color:silver;
}
jugendd2 {
  position: absolute;
  margin-left: 210px;
  height: 489px;
        padding: 20px;
width: 530px;
        background-color:silver;
}

Alles anzeigen

Für jede weitere stylistische "Fehlerkorrektur /-anmerkung" bin ich euch dankbar!!!

*********************************************************************************************************************************************************************************

Schade das keiner helfen konnte ... ich habs dann eben mit der Urzeit-Methode behoben.
Ich hab die Widgets rausgenommen, und einen Link auf die Seite des Anbieters gesetzt.

Dorfbewohner

sollte ich das min-height: 100% in der css dann besser auch auch dem inhalt nehmen?? auf allen anderen Seiten passt es ja, nur mit der Widget-Einbindung habe ich das Problem.

Dorfbewohner

Danke für deinen Tip, aber leider ging es so auch nicht.
Nach einigem Ausprobieren, raten, schätzen und rechnen kam ich dann darauf:

Code

#mannschaft1 {
  position: absolute;
  margin-left: 210px;
  padding: 20px;
  width: 530px;
  background-color:silver;
}

so ist wenigstens die Breite richtig, jetzt muß ich nurnoch die Höhe ausrichten.

Dorfbewohner

Hallo zusammen,

ich habe auf unserer Vereinsseite http://www.sportverein-trittenheim.de/widget ein Widget von fussball.de, genau nach Anleitung, mit Javascript implementiert.

Leider weiß ich nicht wie ich die Position verändern kann, denn bei mir erscheint das Widget im Inhalts-Container (wo es auch hinsoll) aber viiiiiel zu weit unten - horizontal gesehen unterhalb der Navileiste.

Hab's getestet mit Opera & Firefox und bei beiden das gleiche...

HTML

<!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" xml:lang="de" lang="de">




<head>
  <title>Widget Test - Sportverein Laurentius Trittenheim e.V.</title>
    <link rel="shortcut icon" type="image/x-icon" href="bilder/favicon.ico" />
      <link href="css/design.css" type="text/css" rel="stylesheet" /> 
        <meta http-equiv="content-type"  content="text/html; charset=iso-8859-1" />
        <meta name="content-language" content="de" />
        <meta name="keywords"         content="SV Trittenheim, Sportverein Trittenheim, Trittenheim, Kontakte" />




        <meta name="description"      content="Kontaktliste des Sportverein Laurentius Trittenheim e.V." />
        <meta name="language"         content="Deutsch" />
        <meta name="revisit"          content="After 30 days" />
        <meta name="robots"           content="INDEX,FOLLOW" />
<script type="text/javascript" src="http://static.fussball.de/fbdeAPI/js/fbdeAPIFunctions.js?schluessel=8B426DD68EF3D5352DB52CF39B94349630073A98"></script>
</head>







<body>




<!--  Umfassender DIV -->




<div id="seitenbereich">




  <div id="kopfbereich">
    <img src="bilder/hintergrund.jpg" width="780" height="150" alt="Sportplatz Trittenheim" />
  </div>




<!--  Steuerung-->




  <div id="steuerung">
<ul id="navi">
      <li><a href="index.htm"      title="Startseite">          Startseite</a></li>




      <li><a href="neues.htm"      title="Neuigkeiten">         Aktuelles</a></li>
      <li><a href="bilder.htm"     title="Fotogalerie">         Fotogalerie</a></li>
      <li><a href="mitglieder.htm" title="zum Mitgliedsantrag"> Mitglied werden</a></li>
      <li><a href="kontakt.htm"    title="Kontaktseite">        Kontakt</a></li>
      <li><a href="impressum.htm"  title="Impressum">           Impressum</a></li>




</ul>
    <br />
    <br />
    <br />
    <img src="bilder/logo1.jpg" width="180" height="180" alt="Vereinslogo" />




  </div>




  <div id="mannschaft1">...Ergebnissdienst 1.Mannschaft wird geladen...</div>
    <script type="text/javascript"> 
    var mannschaft1 = new fussballdeAPI();
    mannschaft1.setzeSaison('1011');
    mannschaft1.setzeWettbewerbID('410153');
    mannschaft1.zeigeWettbewerb('mannschaft1'); 
    </script>




 
  </div>




<!--  Footer  -->




  <div id="fussbereich">
    <a href="http://www.sportverein-trittenheim.de">www.sportverein-trittenheim.de</a>
    &nbsp;&nbsp;  -  &nbsp;&nbsp;  
    &copy; 2010
  </div>




</div>




</body>
</html>

Alles anzeigen

Code

* {
        margin:0;
        padding:0;
}




body {
        text-align: center; /* Zentrierung IE */
        font-family: Arial, Verdana, sans-serif;
        font-size: 11pt;
}




html, body {
        height:100%;
}




h1 {
        margin-top: 5px;
        margin-bottom: 20px;
}




p {
        margin-bottom: 15px;
}




.news {
	margin-bottom: 15px;
}




ul {
        list-style: none; 
}




h2.headline {
        background: url(../bilder/bglinie.jpg);
        height: 20px;
	font-size: 11pt;
	font-weight: bold;
        padding-top: 10px;
        padding-left: 10px;
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: 5px;
	border-bottom: 1px solid black;
}




#seitenbereich {
        text-align:left;  /* Inhalt wieder links */
        margin: 0 auto;   /* Zentrierung mitte */
        width: 780px;
        background-color:#EEEEEE;
}




#wrapper {
        min-height:100%;
        width: 780px;
}




#kopfbereich {
        background:url(bilder/hintergrund.jpg) no-repeat left top;
        width: 780px;
        height:150px;
}




#inhalt {
        margin-left: 210px;
        min-height:100%;
        padding: 20px;
        background-color:silver;
}




#navi {
       list-style: none;
} 




#steuerung {
        background-color: #EEEEEE;
        height:100%;
        width:180px;
        padding: 20px;
        padding-right: 10px;
        margin-right: 10px;
        float:left;




}
#steuerung a:link    { color:blue;   text-decoration:underline; }
#steuerung a:visited { color:#e3001b;  text-decoration:none; }
#steuerung a:focus   { color:green;  text-decoration:overline; }
#steuerung a:hover   { color:red;    text-decoration:underline; }
#steuerung a:active  { color:orange; text-decoration:underline; }
#fussbereich a {color:black; text-decoration:none;}




#fussbereich {
        clear: both;
        text-align:center;
        background-color:#e3001b;
        border-top:2px solid black;
        width: 780px;
        height: 1.5em;
        margin-top:-1.5em;
        margin: 0 auto;
} 
#los {
width: 100%;
text-align: center;
padding-left: 20px;
padding-bottom: 40px;
}




#mannschaft1 {margin-left: 210px;
        min-height:100%;
        padding: 20px;
        background-color:silver}

Alles anzeigen

hat da jemand eine Lösung? Ich bedanke mich schonmal und entschuldige meine Unordnung in der css...

Dorfbewohner

Zitat von "timtim"

...

Super schnelles USB 3.

Jah.. die Geschwindigkeit bei USB3 ist ja immer die gleiche.. blöd nur, das nicht mal 5% der Geräte auf dem Markt, momentan usb3 unterstützen.. daher bringt es ja auch nichts.. usw.

was ist denn so schlimm daran für die nächste USB-Generation gerüstet zu sein?

Dorfbewohner

ist mit den Vorschriften das hier gemeint?

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
e.t.c.

Dorfbewohner

wäre denn folgendes auch möglich?

ein Div-Container der eine Datei aufruft.

Code

<div id=navi>
--> an dieser Stelle erscheint der Inhalt der navi.html <--
</div>

Dann müßte immer nur die navi.html geändert werden..

?Oder wäre das eine verpönte FRAME-Aktion?

Dorfbewohner

Zitat von "maulepan"

2. verwende niemals Informationen zur gestaltung deiner seite in HTML!

?? was meinst du damit ??

Dorfbewohner

Code

<div id="wrapper"> und </div>

der "wrapper" ist ein DIV-Container (erinnere dich an das Säulen-Beispiel!!),
und die tags mußt du im HTML zwischen den body-tags einfügen.
Wo genau - hängt davon ab was du mit dem Bereich erreichen möchtest.

Hoffe das ich das so richtig erklärt habe; so von einem Anfänger um Anderen :wink:

Dorfbewohner

Keine schlechte Sache das "alternate css".

In wie weit wäre es denn möglich, das das Design über einen/mehrer Button oder ein Drop-Down-Menü direkt von der Seite aus gewählt werden könnte?

Dorfbewohner

Zitat von "NeoAramis"

Der Footer Stick mit der Fusszeile hat nicht geklappt. Musst du korrigieren.

wieso? was stimmt nicht? der Footer wandert mit, wie in alexs' Link beschrieben...

Dorfbewohner

unter: http://sportverein-trittenheim.de/betaseite.htm

hab ich mal eine überarbeitet Version der Startseite hochgeladen.

- Counter weg
- Serifenfreie Schrift
- keine >br /< mehr (so gut wie)
- die Fußzeile mit axel's & neoAramis's Links bearbeitet

Nur das mit der "faux column" Technik will nicht so wie es soll.
Könnt ihr mit mit css helfen, oder soll ich das besser mit Tabellen lösen?

css:

Code

* {
        margin:0;
        padding:0;
}




p {
        margin: 2em 0 0 0;
}




body {
        text-align: center; /* Zentrierung IE */
        font-family: Arial, Verdana, sans-serif;
}




html, body {
        height:100%;
}







#seitenbereich {
        text-align:left;  /* Inhalt wieder links */
        margin: 0 auto;   /* Zentrierung mitte */
        width: 780px;
}







#wrapper {
        min-height:100%;
        width: 780px;
}




#kopfbereich {
        background:url(bilder/hintergrund.jpg) no-repeat left top;
        width: 780px;
        height:150px;
}




#inhalt {
        margin-left: 180px;
        padding: 20px;
        background-color:#FF9F00;
}




#navi {
        list-style: none;
} 




#steuerung {
        background-color: #EEEEEE;
        width:180px;
        padding: 20px;
        padding-right: 10px;
        margin-right: 10px;
        float:left;
}




#steuerung a:link    { color:blue;   text-decoration:underline; }
#steuerung a:visited { color:#e3001b;  text-decoration:none; }
#steuerung a:focus   { color:green;  text-decoration:overline; }
#steuerung a:hover   { color:red;    text-decoration:underline; }
#steuerung a:active  { color:orange; text-decoration:underline; }
#fussbereich a {color:black; text-decoration:none;}




#fussbereich {
        clear: both;
        text-align:center;
        background-color:#e3001b;
        border-top:2px solid black;
        width: 780px;
        height: 1.5em;
        margin-top:-1.5em;
        margin: 0 auto;
}

Alles anzeigen

Dorfbewohner

Axel NeoAramis

mit euren Links löse ich doch "nur" das Fußzeilen-Positionierungs-Problem, nicht aber das der Inhalts-Div in den Steuerungs-Div überläuft - richtig?

Dafür müßte ich dann noch zusätzlich diese Anweisungen im css einbinden:
http://www.webmaster-crashkurs.de/2-spalten-layo…lten-in-css.htm
oder?

So werde mich jetzt mal dransetzten und versuchen die bisherigen Vorschläge umsetzten.

...und noch eins muß hier mal gesagt sein: [shout]Vielen Dank für deine Top-Tipps und Seiten Axel P.[/shout]

Dorfbewohner

Zitat von "lauras"

... du hast zwischen Text und footer sehr viel Platz - eigentlich wäre es sinnvoller, wenn der footer (fast) direkt drunter wäre

in der css hab ich dem Steuerungs Div eine feste Größe gegeben:

Code

#steuerung {
  float:left;
  width:180px;
  height:600px;

Wenn ich die Größe kleiner mache, und im Inhalts-Div mehr Zeilen als in der Steuerung sind, dann wird die Hintergrundfarbe des Inhalts auf die komplette Breite ausgeweitet (und das sieht dämlich aus)
Wie kann ich das denn mit css verhindern? Ich glaube gelesen zu haben das das mit Tabellen geht, aber eigentlich wollte ich Tabellen vermeiden da die doch "veraltet" sind.

Dorfbewohner

Zitat von "lauras"

6. Der Footer sit mehr pink als rot und passt da nicht so ganz rein. Nimm besser etwas dunkleres (für meinen Geschmack). Außerdem ist er recht weit unten, wofür rückst du ihn soweit dahin mit deinen brs?

7. Ich persönlich für meinen Geschmack mag keine (externen) Counter, außerdem produzieren sie meist die meisten Fehler

Gehört der footer etwa nicht dahin? Der entspricht doch der "Fußzeile" im Worddok. und die ist ja auch immer am Seitenende - oder nicht.

Gibts denn auch "interne" also eigene counter? Und die noch interessantere Frage - machen Counter Sinn? Ich hab den nur reingemacht ,weil ich dachte das das so usus ist.

Zitat von "sejumas"

Den gleichen Effekt erzielst du ohne Zeilenumbruch, indem du für p einen margin definierst

Zitat von "Basiii"
Code
p {margin: 20px 0 0 0;}

In meiner css hab ich in der dritten Zeile doch

Code

p {
  margin-bottom: 5px;}

stehen - kommt das nicht aufs gleiche raus?

und nochmal die Frage: wie lange dauert es bis eine Seite in den Suchmaschinen aufgenommen ist?

Dorfbewohner

Danke sejuma...

Naja, für das "dreckiges" weiß des Vereinsheims kann ich leider auch nichts, und ein Braschenplatz ist "trübrot" :oops:

Mit den Hintergrundfarben versuch ich mal was anderes - was für eine Farbe würdest du denn vorschlagen?
Die Vereinsfarben sind schwarz & rot; deswegen ist der footer auch in einem Rot-ton gehalten...

Mit margin & padding tu ich mich noch schwer - [Eigenlob] ich bin schon stolz auf mich, das es überhaupt so ist wie es ist (ohne "Fertigbaukasten" à la joomla, beepworld etc.). [/Eigenlob]

Dorfbewohner

Hallo zusammen

Nachdem ich das html-seminar durchgearbeitet, und hier im Forum einiges quergelesen habe, machte ich mich daran eine Seite für unseren Sportverein zu basteln. Vom ersten Lern-Step zur fertigen Seite vergingen 1 Monat - dementsprechend Laienhaft wird euch Cracks die Seite wohl auch vorkommen.

Folgende Punkte hab ich mir schonmal vorgenommen:

- bessere Bildpräsentation in der Galerie (:idea: Hilfe willkommen)
- Newsseite besser strukturieren; nur 2-3 Textzeilen und den kompletten Artikel dann verlinken.

Für konstruktive Kritik, Verbessungsvorschläge bin ich gerne offen !!

http://www.sportverein-trittenheim.de

hier noch die css:

Code

body {
  text-align: center; /* Zentrierung IE */}




* {
  margin:0;
  padding:0;}




p {
  margin-bottom: 5px;}




#seitenbereich {
  text-align:left;  /* Inhalt wieder links */
  margin: 0 auto;   /* Zentrierung mitte */
  width: 780px;
  background-color:silver;}




#kopfbereich {
  background:url(bilder/hintergrund.jpg) no-repeat left top;
  width: 780px;
  height:150px;}




#inhalt {
  margin-left: 14em;
  padding: 20px;}




#navi {
    list-style: none;} 




#steuerung {
  float:left;
  width:180px;
  height:600px;
  padding: 20px;
  padding-right: 10px;
  margin-right: 10px;
  background-color: #EEEEEE;}




#steuerung a:link    { color:blue;   text-decoration:underline; }
#steuerung a:visited { color:black;  text-decoration:none; }
#steuerung a:focus   { color:green;  text-decoration:overline; }
#steuerung a:hover   { color:red;    text-decoration:underline; }
#steuerung a:active  { color:orange; text-decoration:underline; }




#fussbereich {
  clear: both;
  text-align:center; 
  background-color:#FF0842;
  border-top:2px solid black;}

Alles anzeigen

Allen Ratgebern sei schonmal im voraus gedankt!!

Ach ja, eins noch - wie lange dauert es bis eine Seite in den Suchmaschinen aufgenommen ist?

Beiträge von Dorfbewohner

GELÖST Widget-Implementierung will nicht so wie ich will

Widgetposition verändern?

Widgetposition verändern?

Widgetposition verändern?

neulich im MediaMarkt

CSS Scrollbalken

Navibereich

Übertragungsfehler?

Mittig setzen

Alternate Stylesheets

Seite unseres Sportvereins

Seite unseres Sportvereins

Seite unseres Sportvereins

Seite unseres Sportvereins

Seite unseres Sportvereins

Seite unseres Sportvereins

Seite unseres Sportvereins