• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

HTML in CSS Formatieren, Hilfe

G

Gfour84

Neues Mitglied
Hallo, ich habe zum ersten Mal eine eigene Website erstellt, es ist als Semesterarbeit geplant gewesen, aber jetzt bin ich schon über dem Abgabetermin. Die Seite ist fertig, aber unser Professor will das wir die Stylesheets in CSS formatieren, leider wiess ich nicht wie das geht, und nur durchs Internet hab ich gelernt wo man ein paar befehle setzen kann, aber ich weiss nicht was ich machen muss wenn ich mehrere <tr> und <td> usw. formatieren möchte. Überschriften und Texte stellten kein Problem dar, aber der Rest, wie z.B. die Tabellen und Bilder.

Vielleicht ist hier jemand der etwas Zeit für mcih Opfern kann, jenachdem kann ich auch was dafür zahlen, am besten wäre einer schaut mir bei der arbeit über die schulter und zeigt mir was falsch ist.

Ich bin für jede Hilfe dankbar.
 
Ohne dir zu nahe treten zu wollen, man lernt das nicht in ein paar Tagen. Da musst du dich mehrere Monate dahinterklemmen und es durcharbeiten.
Falls du was Fertiges haben willst, mache ich dir hier keine großen Hoffnungen, du kannst es allerdings in die Jobbörse einstellen, wenn du bereit bist, dafür zu bezahlen.

Nils aka XraYSoLo
 
ich brauch nur etwws hilfe, bzw. ein drittes und viertes auge. lernen tu ich es ja schon, aber war leider nicht in der vorlesung als es um css ging, ich wäre dir schon dankbar wenn du es dir nur angucken würdest. und mir den anfang zeigst
 
quellcode:

HTML: 
<!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>
<link rel="stylesheet" href="css/design.css" type="text/css" /><title>index, 1. FC Musterstadt</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="1. FC Musterstadt Fussball Verein Website"  />
<meta name="description" content="Die Offizielle Homepage des 1. FC Musterstadt" />
<meta name="autor" content="Mohamed Ghafour">
<meta http-equip="expires" content="0">
<meta http-equip="refresh" content="5; URL=http://www.fh-soest.de">
<meta name="date" content="2013-03-13">



<style type="text/css">

#body { background-image:url(img/Rasen.PNG);}
#table {
    width: 90%;
height: 100% border: hidden;         inline-box-align: 0;
    height: 450pt;
}

</style>
<body background="img/Rasen.PNG">
<table width="90%" height="100%" border="hidden" align="center" bordercolor="#CCCCCC" >
    <tr bordercolor="#f3f3f3" bgcolor="#ffffff">
    <td background="img/titel.jpeg" width="100%" height="450" bgcolor="#cccccc"  colspan="5" align="center" >
    </td>
    </tr>
  <tr bgcolor="#339900">
    <td width="20%" height="36"><H1>Home</H1>
    </td>
    <td width="20%">
    <H1>News</H1>
    </td>
    <td width="20%"><H1>Mannschaft</H1>
    </td>
    <td width="20%"><H1>Shop</H1>
    </td>
    <td width="20%"><H1>Termine</H1>
    </td>
  </tr>
    <tr bgcolor="#339900">
    <td height="136">
    <br />
    <H1>News</H1>
      <ul>
        <li>
          <H2>Aktuelles</H2>
        </li>
        <li>
          <H2>Gerüchte</H2>
        </li>
        <li>
          <H2>Infomationen</H2>
        </li>
        <li>
          <H2>Transfers</H2>
        </li>
      </ul>
      <br />
      </td>
      <td bgcolor="#00CC00" colspan="4"><H4>Startseite</H4></td>
    </tr>
    <tr bgcolor="#339900">
    <td height="136">
    <br />
    <H1>Mannschaften</H1>
        <ul>
          <li>
            <H2>A-Mannschaft</H2>
          </li>
          <li>
            <H2>B-Mannschaft</H2>
          </li>
          <li>
            <H2>Frauenmannschaft</H2>
          </li>
          <li>
            <H2>A-Jugend</H2>
          </li>
        </ul>
        <br />          <td bgcolor="#CCCCCC" colspan="4" rowspan="3">
        <Text1>Blindtext</Text1> </td>
  </tr>

    
  <tr bgcolor="#339900">
    <td height="136">
    <br />
    <H1>Shop</H1>
      <ul>
        <li>
          <H2>Tickets</H2>
        </li>
        <li>
          <H2>Fan-Artikel</H2>
        </li>
        <li>
          <H2>Aktionen</H2>
        </li>
      </ul>
      <br />     
</tr>
  <tr bgcolor="#339900">
    <td height="136">
    <br />
    <H1>Termine</H1>
        <ul>
          <li>
            <H2>Trainingslager</H2>
          </li>
          <li>
            <H2>Trainingszeiten</H2>
          </li>
          <li>
            <H2>Autogrammstunden</H2>
          </li>
          <li>
            <H2>Fan-Besuche</H2>
          </li>
        </ul>
        <br />      
  </tr>
    <tr bgcolor="#339900">
    <td bgcolor="#FFFFFF" height="36"><H3>Sponsor</H3>
    </td>
    <td bgcolor="#FFFFFF"><H3>Impressum</H3>
    </td>
    <td bgcolor="#FFFFFF"><H3>Sitemap</H3>
    </td>
    <td bgcolor="#FFFFFF"><H3>FAQ</H3>
    </td>
    <td bgcolor="#FFFFFF"><H3>AGB</H3>
    </td>
    </tr>
    <tr bgcolor="#000000">
    <td colspan="5">
    <Text3>
      <p><br />
        All trademarks are the property of their respective owners.<br />Copyright ©2013<br />1. FC Musterstadt<br />
      </p>
</Text3>
    </td>
    </tr>
</table>
<tr>
</tr>
<tr>
<td><center></center></td>
</tr>
</body>
</html>


Mod-Edit: Code-Tags hinzugefügt - Beim nächsten Mal bitte dran denken (XraYSoLo)

und hier die CSS:

Code: 
@charset "utf-8";
/* CSS Document */



BODY { background-attachment: fixed; background-image:url(../img/Rasen.PNG); background-repeat:no-repeat; background-size:100%;}

a:link{color:#06F0}
a:visited - besuchter link
a:hover - link mit Maus berührt
a:aktiv - gerader aktiver link

TABLE {
    width: 90%;
    height: 100%;
    border: hidden;
    inline-box-align:0;}

Bild2 { background-image:url(../img/titel.jpeg); alignment-adjust:central; vertical-align:central; width:100%; height:100%;}
    
tr1 { width:90%; background-color:#FFFFFF; border-color:#F3F3F3; }
 
td1 {
    background-image: url(../img/titel.jpeg);
width="100%" height="450" bgcolor="#CCCCCC" bordercolor="#EFEFEF"  colspan="5" align="center";    margin: auto;
}
       
H1 { font:bold; font: Arial, Helvetica, sans-serif; font-size:20px; text-align:center; color:#FFF;}
H2 { font:bold; font: Arial, Helvetica, sans-serif; font-size:17px; text-align:left start -1px; color:#000; }
H3 { color:#000; font:bold; font:"Arial Black", Helvetica, sans-serif; font-size:20px; text-align:center; }
H4 { text-align:center; color:#000; font:bold; font:Arial, Helvetica, sans-serif; font-size:35px; }
H5 { font:bold; font: Arial, Helvetica, sans-serif; font-size:19px; text-align:center; color:#000; }
H6 { font:bold; font: Arial, Helvetica, sans-serif; font-size:17px; text-align:left; color:#000; }
H7 { font:bold; font: Arial, Helvetica, sans-serif; font-size:18px; text-align:left; color:#FFF; }

P1 {size: 12px; font: medium; font: Arial Arial, Helvetica, sans-serif; vertical-align:text-top; color:#F00;}

P2 { size: 12px; font: medium; text-align: center; vertical-align: text-top; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; display: table-row;}

P3 {font:Arial, Helvetica, sans-serif; size: 12px; font: medium; text-align:center; vertical-align:top; color:#000; display: table-row;}

p4 { color: #FFF; font: bold; font: "Times New Roman", Times, serif; font-size: 12px; text-align: center; display: table-footer-group; color: #FFF; alignment-adjust: central; alignment-baseline: central; margin:auto; }

p5 { alignment-adjust: middle; alignment-baseline: central; color: #393; font-family: Arial, Helvetica, sans-serif; font-size: 14px; display: table-row; text-align: center; position: relative; page-break-before: always; }

Bild1 {width:600; height:450; background-image:url(../img/Rasen.PNG); background-repeat:no-repeat; background-position:left bottom; background-attachment:fixed;}
 
Also, der erste Schritt wäre, den Quelltext durch den W3C Validator zu jagen und die gröbsten Fehler zu beseitigen. Falsches Markup (HTML) kann Designfehler verursachen, die du selber nicht verschuldet hast.

Wenn du das hinbekommen hast, können wir weitermachen.

Nils aka XraYSoLo
 
HTML: 
<!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>
<link rel="stylesheet" href="css/design.css" type="text/css" />
<title>index, 1. FC Musterstadt</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="1. FC Musterstadt Fussball Verein Website"  />
<meta name="description" content="Die Homepage des 1. FC Musterstadt" />
<meta name="autor" content="Mohamed Ghafour" />
<meta name="date" content="2013-03-13" />
</head>
<style type="text/css">

#body {
    background-image: url(img/Rasen.PNG);
    background-attachment: fixed;
    background-repeat: no-repeat;}

#Ueberschrift1 {font:bold; font:"Times New Roman", Times, serif; font-size:22px; text-align:center; color:#FFF;}

#Ueberschrift2 {font:bold; font:"Times New Roman", Times, serif; font-size:22px; text-align:center; color:#FFF;}

#Ueberschrift3 {font:bolder "Times New Roman", Times, serif; font-size:34px; text-align:center;}

#Ueberschrift4 {font:bold; font:"Times New Roman", Times, serif; font-size:10px; text-align:center; color:#000;}

#Text1 { font: bold "Times New Roman", Times, serif; font-size:18px; color:#000;}

#Text2 { font:"Times New Roman", Times, serif; font-size:16px; color:#000;}

#Text3 { font:"Times New Roman", Times, serif; font-size:12px; color:#FFF; text-align:center;}

</style>

<body id="body">
<table width="90%" height="450" align="center" border="1" bordercolor="#333333">
  <tr bordercolor="#f3f3f3" bgcolor="#ffffff">
    <td background="img/titel.jpeg" width="100%" height="450" bgcolor="#cccccc"  colspan="5" align="center">
    </td>
  </tr>
  <tr bgcolor="#339900">
    <td width="20%" height="36"><p id="Ueberschrift1">Home</p></td>
    <td width="20%"><p id="Ueberschrift1">News</p></td>
    <td width="20%"><p id="Ueberschrift1">Mannschaft</p></td>
    <td width="20%"><p id="Ueberschrift1">Shop</p></td>
    <td width="20%"><p id="Ueberschrift1">Termine</p></td>
  </tr>
  <tr bgcolor="#339900">
    <td height="136"><br />
      <p id="Ueberschrift2">News</p>
      <ul>
        <li>
          <p id="Text1">Aktuelles</p>
        </li>
        <li>
          <p id="Text1">Gerüchte</p>
        </li>
        <li>
          <p id="Text1">Infomationen</p>
        </li>
        <li>
          <p id="Text1">Transfers</p>
        </li>
      </ul>
      <br /></td>
    <td bgcolor="#00CC00" colspan="4"><p id="Ueberschrift3">Startseite</p></td>
  </tr>
  <tr bgcolor="#339900">
    <td height="136"><br />
      <p id="Ueberschrift2">Mannschaften</p>
      <ul>
        <li>
          <p id="Text1">A-Mannschaft</p>
        </li>
        <li>
          <p id="Text1">B-Mannschaft</p>
        </li>
        <li>
          <p id="Text1">Frauenmannschaft</p>
        </li>
        <li>
          <p id="Text1">A-Jugend</p>
        </li>
      </ul>
      <br />
    <td bgcolor="#CCCCCC" colspan="4" rowspan="3"><p id="Text2">Blindtext</td>
  </tr>
  <tr bgcolor="#339900">
    <td height="136"><br />
      <p id="Ueberschrift2">Shop</p>
      <ul>
        <li>
          <p id="Text1">Tickets</p>
        </li>
        <li>
          <p id="Text1">Fan-Artikel</p>
        </li>
        <li>
          <p id="Text1">Aktionen</p>
        </li>
      </ul>
      <br />
  </tr>
  <tr bgcolor="#339900">
    <td height="136"><br />
      <p id="Ueberschrift2">Termine</p>
      <ul>
        <li>
          <p id="Text1">Trainingslager</p>
        </li>
        <li>
          <p id="Text1">Trainingszeiten</p>
        </li>
        <li>
          <p id="Text1">Autogrammstunden</p>
        </li>
        <li>
          <p id="Text1">Fan-Besuche</p>
        </li>
      </ul>
      <br />
  </tr>
  <tr bgcolor="#339900">
    <td bgcolor="#FFFFFF" height="36"><p id="Ueberschrift4">Sponsor</p></td>
    <td bgcolor="#FFFFFF"><p id="Ueberschrift4">Impressum</p></td>
    <td bgcolor="#FFFFFF"><p id="Ueberschrift4">Sitemap</p></td>
    <td bgcolor="#FFFFFF"><p id="Ueberschrift4">FAQ</p></td>
    <td bgcolor="#FFFFFF"><p id="Ueberschrift4">AGB</p></td>
  </tr>
  <tr bgcolor="#000000">
    <td colspan="5"><p id="Text3"> All trademarks are the property of their respective owners.<br />
        Copyright ©2013<br />
        1. FC Musterstadt</p></td>
  </tr>
</table>
<tr> </tr>
<tr>
  <td><center>
    </center></td>
</tr>
</body>
</html>


Ich hab es duch den Validator gejagt, er gibt mir id fehler an, wie ich die behebe weiss ich leider nicht, so wie ich es gemacht habe so hat uns das unser professor gezeigt, un die anderen fehler verstehe ich auch nicht, der validator sagt die attribute wie bordercolor, height usw. existieren nicht
 
HTML: 
<!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>
<link rel="stylesheet" href="css/design.css" type="text/css" />
<title>index, 1. FC Musterstadt</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
body {
    background-image: url(img/Rasen.PNG);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size:cover;
    font-family:"Times New Roman", Times, serif;}
    
table {width:90%; height:450; alignment-adjust:central; border-width:1; border-color:#333333;}

h1 {font:bold; font-size:22px; text-align:center; color:#FFF;}
h2 {font:bold; font-size:18px; color:#000;}
h3 {font:bolder; font-size:34px; text-align:center;}

p.copyright { font-size:12px; color:#FFF; text-align:center;}
p.head { font-size:18px; color:#339900;}
p.text { font-size:18px; color:#000;}
p.kursiv { font-size:18px; color:#000; font-style:italic}
p.bottom { font-size:16px; color:#000;}
-->
</style>

</head>

<body>
<table width="90%" align="center" border="1">
  <tr bgcolor="#ffffff">
    <td width="100%" height="450"  colspan="5" align="center" bgcolor="#cccccc"><img src="img/titel.jpeg" width="800" height="531" alt="Website Banner" longdesc="img/titel.jpeg" /><img src="img/Logo.jpg" alt="Website Banner" longdesc="img/titel.jpeg" /></td>
  </tr>
  <tr bgcolor="#339900">
    <td width="20%" height="36"><h1>Home</h1></td>
    <td width="20%"><h1>News</h1></td>
    <td width="20%"><h1>Mannschaft</h1></td>
    <td width="20%"><h1>Shop</h1></td>
    <td width="20%"><h1>Termine</h1></td>
  </tr>
  <tr bgcolor="#339900">
    <td height="136"><br />
      <h1>News</h1>
      <ul>
        <li>
          <h2>Aktuelles</h2>
        </li>
        <li>
          <h2>Gerüchte</h2>
        </li>
        <li>
          <h2>Infomationen</h2>
        </li>
        <li>
          <h2>Transfers</h2>
        </li>
      </ul>
      <br /></td>
    <td bgcolor="#FFFFFF" colspan="4"><img src="img/banner1.jpg" alt="Banner"/><h3>Startseite</h3></td>
  </tr>
  <tr bgcolor="#339900">
    <td height="136"><br />
      <h1>Mannschaften</h1>
      <ul>
        <li>
          <h2>A-Mannschaft</h2>
        </li>
        <li>
          <h2>B-Mannschaft</h2>
        </li>
        <li>
          <h2>Frauenmannschaft</h2>
        </li>
        <li>
          <h2>A-Jugend</h2>
        </li>
      </ul>
      <br />
       </td>
    <td bgcolor="#FFFFFF" colspan="4" rowspan="3"><img src="img/Logo.jpg" alt="Logo" longdesc="img/Logo.jpg" /><p class="head">Blindtext</p>
        <p class="text">Blindext2</p>
        <p class="kursiv">Blindtext3</p>
        <p class="text">Blindext2</p>
        <p class="bottom">Blindtext4</p>
    </td>
  </tr>
  <tr bgcolor="#339900">
    <td height="136"><br />
      <h1>Shop</h1>
      <ul>
        <li>
          <h2>Tickets</h2>
        </li>
        <li>
          <h2>Fan-Artikel</h2>
        </li>
        <li>
          <h2>Aktionen</h2>
        </li>
      </ul>
      <br />
      </td>
  </tr>
  <tr bgcolor="#339900">
    <td height="136"><br />
      <h1>Termine</h1>
      <ul>
        <li>
          <h2>Trainingslager</h2>
        </li>
        <li>
          <h2>Trainingszeiten</h2>
        </li>
        <li>
          <h2>Autogrammstunden</h2>
        </li>
        <li>
          <h2>Fan-Besuche</h2>
        </li>
      </ul>
      <br />
      </td>
  </tr>
  <tr>
    <td bgcolor="#339900" height="36"><h1>Sponsor</h1></td>
    <td bgcolor="#339900"><h1>Impressum</h1></td>
    <td bgcolor="#339900"><h1>Sitemap</h1></td>
    <td bgcolor="#339900"><h1>FAQ</h1></td>
    <td bgcolor="#339900"><h1>AGB</h1></td>
  </tr>
  <tr bgcolor="#000000">
    <td colspan="5">
      <p class="copyright">All trademarks are the property of their respective owners.<br />
        Copyright ©2013<br />
        1. FC Musterstadt</p></td>
  </tr>
</table>
</body>
</html>

Fertig!
 
ich hab auch das poblem das ich das ich die erste spalte nicht mit einem bild füllen kann, um dann ein bild rechts oben in die ecke zu platzieren, sodass es über dem bild darunter liegt, das ganze versuche ich auch noch mit text über bild. und einmal texte um ein ganzes bild herum. danke im voraus. das was ich durch google finde, sagt ich soll es als background image einstellen, aber dann krieg ich einen fehler wenn ich den quellcode durch den w3c validator jage. wie macht man das? und muss das in der css eingestellt werden oder reicht es in der html aus?

danke im voraus
 
HTML: 
<!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>
<link rel="stylesheet" href="css/design.css" type="text/css" />
<title>index, 1. FC Musterstadt</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="1. FC Musterstadt Fussball Verein Website"  />
<meta name="description" content="Die Homepage des 1. FC Musterstadt" />
<meta name="autor" content="Mohamed Ghafour" />
<meta name="date" content="2013-03-13" />
<style type="text/css">
<!--


body {
    background-image: url(img/Rasen.PNG);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size:cover;
    font-family:"Times New Roman", Times, serif;}
    
a:hover {color:#F00;}
a:visited {color:#06F;}
a:aktiv { color:#FF0;}

table {width:90%; height:450; alignment-adjust:central; border-width:1; border-color:#333333; border-radius:5mm; -moz-border-radius:5mm;}

h1 {font:bold; font-size:22px; text-align:center; color:#FFF;}
h2 {font:bold; font-size:18px; color:#000;}
h3 {font:bolder; font-size:34px; text-align:center; z-index:1}

p.copyright { font-size:12px; color:#FFF; text-align:center;}
p.head { font-size:18px; color:#339900; text-align:center; vertical-align:text-top; margin-top:1cm;}
p.text { font-size:18px; color:#000; alignment-adjust:central; margin-left:1cm;}
p.kursiv { font-size:18px; color:#000; font-style:italic; margin-left:1cm;}
p.bottom { font-size:16px; color:#000; margin-left:1cm;}
p.unters { font-size:18px; color:#000; text-decoration:underline; margin-left:1cm;}
p.blink { font-size:18px; color:#336600; text-decoration:blink; text-align:center;}

#img-body { src:url(img/Rasen.PNG); background-attachment:fixed; background-repeat:no-repeat; background-size:cover;}

#img-back {src:url(img/titel.jpeg);
    position: relative;
    alignment-adjust: central;
    background-size: cover;
}

#img-logo {margin-right:1cm; margin-bottom:3cm; width:20%; height:40;}

#img-logo-text {float:right;
    width: 40%;
    height: 60%;
    margin-right:1cm;}

#img-ball {src:url(img/banner1.jpg); z-index:0; width:100%; width:100%; }

-->
</style>

</head>

<body>
<table width="90%" align="center" border="1">
  <thead>
  <tr bgcolor="#ffffff">
    <td style="background-image:url(img/titel.jpeg); background-repeat:no-repeat; background-size:cover;" width="100%" height="450"  colspan="5" align="center" bgcolor="#cccccc"><h3>1. FC Musterstadt</h3><img id="img-logo" src="img/Logo.jpg" alt="Website Banner" longdesc="img/titel.jpeg" align="right"/></td>
  </tr>
</thead>
<tfoot>
  <tr bgcolor="#000000">
    <td colspan="5">
      <p class="copyright">All trademarks are the property of their respective owners.<br />
        Copyright ©2013<br />
        1. FC Musterstadt</p></td>
  </tr>
</tfoot>
<tbody>
  <tr bgcolor="#339900">
    <td width="20%" height="36"><h1>Home</h1></td>
    <td width="20%"><h1>News</h1></td>
    <td width="20%"><h1>Mannschaft</h1></td>
    <td width="20%"><h1>Shop</h1></td>
    <td width="20%"><h1>Termine</h1></td>
  </tr>
  <tr bgcolor="#339900">
    <td height="136"><br />
      <h1>News</h1>
      <ul>
        <li>
          <h2>Aktuelles</h2>
        </li>
        <li>
          <h2>Gerüchte</h2>
        </li>
        <li>
          <h2>Infomationen</h2>
        </li>
        <li>
          <h2>Transfers</h2>
        </li>
      </ul>
      <br /></td>
    <td style="background-image:url(img/banner1.jpg); background-repeat:no-repeat; background-size:cover;" bgcolor="#FFFFFF" colspan="4"><h3>Startseite</h3></td>
  </tr>
  <tr bgcolor="#339900">
    <td height="136"><br />
      <h1>Mannschaften</h1>
      <ul>
        <li>
          <h2>A-Mannschaft</h2>
        </li>
        <li>
          <h2>B-Mannschaft</h2>
        </li>
        <li>
          <h2>Frauenmannschaft</h2>
        </li>
        <li>
          <h2>A-Jugend</h2>
        </li>
      </ul>
      <br />
       </td>
    <td bgcolor="#FFFFFF" colspan="4" rowspan="3"><p class="head">Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext.</p>
      <img id="img-logo-text" src="img/Logo.jpg" alt="Logo" longdesc="img/Logo.jpg" align="left" />
      <p class="text">Blindext Blindext Blindext Blindext Blindext Blindext Blindext Blindext Blindext Blindext Blindext Blindext Blindext Blindext Blindext Blindext Blindext Blindext Blindext Blindext Blindext Blindext Blindext Blindext Blindext Blindext Blindext Blindext.</p>
      <p class="kursiv">Blindtext3 Blindtext3 Blindtext3 Blindtext3 Blindtext3 Blindtext3 Blindtext3 Blindtext3 Blindtext3 Blindtext3 Blindtext3 Blindtext3 Blindtext3 Blindtext3 Blindtext3.</p>
        
        <p class="text">Blindext2 Blindext2 Blindext2 Blindext2 Blindext2 Blindext2 Blindext2 Blindext2 Blindext2 Blindext2 Blindext2 Blindext2 Blindext2 Blindext2 Blindext2 Blindext2 Blindext2 Blindext2 Blindext2 Blindext2 Blindext2 Blindext2 Blindext2 Blindext2 Blindext2 Blindext2 Blindext2 Blindext2 Blindext2.</p>
        <p class="unters">Blindtext4 Blindtext4 Blindtext4 Blindtext4 Blindtext4 Blindtext4 Blindtext4 Blindtext4 Blindtext4 Blindtext4 Blindtext4 Blindtext4 Blindtext4 Blindtext4 Blindtext4 Blindtext4 Blindtext4 Blindtext4.</p>
        <p class="bottom">Blindtext5 Blindtext5 Blindtext5 Blindtext5 Blindtext5 Blindtext5 Blindtext5 Blindtext5 Blindtext5 Blindtext5 Blindtext5 Blindtext5 Blindtext5.</p>
        <p class="blink">Blindtext4</p>
    </td>
  </tr>
  <tr bgcolor="#339900">
    <td height="136"><br />
      <h1>Shop</h1>
      <ul>
        <li>
          <h2>Tickets</h2>
        </li>
        <li>
          <h2>Fan-Artikel</h2>
        </li>
        <li>
          <h2>Aktionen</h2>
        </li>
      </ul>
      <br />
    </td>
  </tr>
  <tr bgcolor="#339900">
    <td height="136"><br />
      <h1>Termine</h1>
      <ul>
        <li>
          <h2>Trainingslager</h2>
        </li>
        <li>
          <h2>Trainingszeiten</h2>
        </li>
        <li>
          <h2>Autogrammstunden</h2>
        </li>
        <li>
          <h2>Fan-Besuche</h2>
        </li>
      </ul>
      <br />
    </td>
  </tr>
  <tr>
    <td bgcolor="#339900" height="36"><h1>Sponsor</h1></td>
    <td bgcolor="#339900"><h1>Impressum</h1></td>
    <td bgcolor="#339900"><h1>Sitemap</h1></td>
    <td bgcolor="#339900"><h1>FAQ</h1></td>
    <td bgcolor="#339900"><h1>AGB</h1></td>
</tr>
</tbody>
</table>
<p>
<a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a></p><center>
  <img src="img/Playstation_logo_colour.svg.png" width="116" height="110" alt="Playstation" longdesc="img/Playstation_logo_colour.svg.png" /><img src="img/582px-Krombacher.svg.png" width="582" height="116" alt="Krombacher" longdesc="img/582px-Krombacher.svg.png" /><img src="img/Adidas-logo.svg.png" alt="Adidas" width="220" height="116" longdesc="img/Adidas-log.svg.png"/>
</center>
</body>
</html>

hab nochmal ein paar kleinigkeiten fertig gemacht, jetzt brauch ich nur hilfe für die css
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben