Präsentations-Layouts

 

Bitte beachte, dass ich erst Anfängerin bin! Nach ein paar Übungs-Layouts kommen die richtigen!

Urteile nur über andere schlecht, wenn du es besser kannst!

Typ 1 "Einfach & Farbig"

Größe: Groß

Boxen: 6

Vorschau (orange): funktioniert noch nicht ganz

 

 

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title></title>
</head>
<body style="width: 831px; height: 48px;">
<table style="text-align: left; width: 581px; height: 342px;"
 border="0" cellpadding="2" cellspacing="2">
  <tbody>
    <tr style="font-family: Bell MT;" align="center">
      <td colspan="2" rowspan="1"
 style="background-color: rgb(253, 196, 26); height: 88px; width: 539px;">
      <h1><br>
      </h1>
      <h1><big><big>Willkommen</big></big></h1>
      <h1 style="background-color: rgb(253, 196, 26); height: 13px;"><big><big><span
 style="font-family: Bell MT;"><br>
      </span></big></big></h1>
      </td>
    </tr>
    <tr>
      <td
 style="background-color: rgb(253, 196, 26); height: 122px; font-family: Century Gothic; width: 539px;">
      <h1>&Uuml;ber mich</h1>
      <div style="overflow: auto;">Hier kommt der Text
rein. Hier kommt der Text rein. Hier kommt der Text rein. Hier kommt
der Text rein. Hier kommt der Text rein. Hier kommt der Text rein. Hier
kommt der Text rein. Hier kommt der Text rein. Hier kommt der Text
rein. Hier kommt der Text rein. Hier kommt der Text rein. Hier kommt
der Text rein. Hier kommt der Text rein. Hier kommt der Text rein. Hier
kommt der Text rein. </div>
      </td>
      <td
 style="background-color: rgb(253, 196, 26); height: 122px; font-family: Century Gothic; width: 382px;">
      <h1 style="margin-left: 0px; width: 439px;">Meine
Zucht</h1>
      <div style="overflow: auto;">Hier kommt der Text
rein. Hier kommt der Text rein. Hier kommt der Text rein. Hier kommt
der Text rein. Hier kommt der Text rein. Hier kommt der Text rein. Hier
kommt der Text rein. Hier kommt der Text rein. Hier kommt der Text
rein. Hier kommt der Text rein. Hier kommt der Text rein. Hier kommt
der Text rein. Hier kommt der Text rein. Hier kommt der Text rein. Hier
kommt der Text rein. </div>
      </td>
    </tr>
    <tr>
      <td
 style="background-color: rgb(253, 196, 26); height: 122px; font-family: Century Gothic; width: 539px;">
      <h1>Mein Reitzentrum</h1>
      <div style="overflow: auto;">Hier kommt der Text
rein. Hier kommt der Text rein. Hier kommt der Text rein. Hier kommt
der Text rein. Hier kommt der Text rein. Hier kommt der Text rein. Hier
kommt der Text rein. Hier kommt der Text rein. Hier kommt der Text
rein. Hier kommt der Text rein. Hier kommt der Text rein. Hier kommt
der Text rein. Hier kommt der Text rein. Hier kommt der Text rein. Hier
kommt der Text rein. </div>
      </td>
      <td
 style="background-color: rgb(253, 196, 26); height: 122px; font-family: Century Gothic; width: 382px;">
      <h1>Sonstiges</h1>
      <div style="overflow: auto;">Hier kommt der Text
rein. Hier kommt der Text rein. Hier kommt der Text rein. Hier kommt
der Text rein. Hier kommt der Text rein. Hier kommt der Text rein. Hier
kommt der Text rein. Hier kommt der Text rein. Hier kommt der Text
rein. Hier kommt der Text rein. Hier kommt der Text rein. Hier kommt
der Text rein. Hier kommt der Text rein. Hier kommt der Text rein. Hier
kommt der Text rein. </div>
      </td>
    </tr>
  </tbody>
</table>
<br>
</body>
</html>

 

 

Typ 2 "Einfach & Farbig & Klein"

Größe: Klein

Boxen: 1

Vorschau (Blau):

 

 

Willkommen

 
Hier Text einfügen. Hier Text einfügen. Hier Text einfügen. Hier Text einfügen. Hier Text einfügen. Hier Text einfügen. Hier Text einfügen. Hier Text einfügen. Hier Text einfügen. Hier Text einfügen. Hier Text einfügen.Hier Text einfügen. Hier Text einfügen. Hier Text einfügen. Hier Text einfügen. Hier Text einfügen. Hier Text einfügen. Hier Text einfügen. Hier Text einfügen. Hier Text einfügen. Hier Text einfügen. Hier Text einfügen.

 

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title></title>
</head>
<body>
<table
 style="font-family: Century Gothic; background-color: rgb(0, 191, 255); width: 400px; text-align: left; margin-left: auto; margin-right: auto; height: 290px;"
 border="0" cellpadding="2" cellspacing="2">
  <tbody>
    <tr align="center">
      <td style="height: 74px;">
      <h1><big>Willkommen</big></h1>
      </td>
    </tr>
    <tr>
      <td style="height: 250px;">
      <div style="text-align: center;"></div>
      <div style="overflow: auto; text-align: center;">Hier
Text
einf&uuml;gen. Hier Text
einf&uuml;gen. Hier Text
einf&uuml;gen. Hier Text
einf&uuml;gen. Hier Text
einf&uuml;gen. Hier Text
einf&uuml;gen. Hier Text
einf&uuml;gen. Hier Text
einf&uuml;gen. Hier Text
einf&uuml;gen. Hier Text
einf&uuml;gen. Hier Text
einf&uuml;gen.Hier
Text
einf&uuml;gen. Hier Text
einf&uuml;gen. Hier Text
einf&uuml;gen. Hier Text
einf&uuml;gen. Hier Text
einf&uuml;gen. Hier Text
einf&uuml;gen. Hier Text
einf&uuml;gen. Hier Text
einf&uuml;gen. Hier Text
einf&uuml;gen. Hier Text
einf&uuml;gen. Hier Text
einf&uuml;gen.
      </div>
      </td>
    </tr>
  </tbody>
</table>
<br>
</body>
</html>

 


Datenschutzerklärung
Kostenlose Homepage von Beepworld
 
Verantwortlich für den Inhalt dieser Seite ist ausschließlich der
Autor dieser Homepage, kontaktierbar über dieses Formular!