Verständnisprobleme mit CSS

Status
Nicht offen für weitere Antworten.

smartie

Grünschnabel
Hallo,

hoffe auf Unterstützung...!

Also, ich habe ein Layout komplett mit CSS erstellt.

Mein erstes Problem:

Kann ich nur mit CSS ein Kontaktformular erstellen? Wenn ja, kann mir vielleicht dabei einer zu Hand gehen? Das überfordert meine grauen Zellen ein wenig!

Mein zweites Problem:

Wie kann ich mit CSS eine feste Seitenbreite und Höhe festlegen. Also ich habe im Header mein Menü und im footer mein Copyrightvermerk und diverse Links. Wenn ich in der Mitte Text eingefügt habe, dann erscheint der Footer auch da, wo es erscheinen soll, im Fussbereich, habe ich jedoch keinen Inhalt auf der Seite, taucht der Footer mittig auf der Seite auf! :(

Schaut es euch lieber mal an (der Link zu meinem zweiten Problem http://www.phpmyadvent.de/demo/imprint.php)

Mein CSS Code lautet wie folgt (für alle Seiten)

HTML:
/* CSS Datei */

<!--

/* body und schrift definitionen */

body {
  background-color: #e1ddd9;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#000000;  
  padding:20px;
  margin:0px;
  text-align: center;
}


#inhalt { 	
text-align: left;
vertical-align: middle;	
margin: 0px auto;
padding: 0px;
width: 550px;
height: 550px;
background-image: url(images/snowbg.jpg);
background-repeat: repeat-x);
background-color: #ffffff;
border: 1px dashed #000000;
}

			
p, h1, h2, pre {
margin: 0px; 
padding: 5px 10px; 
}
h1 {
font-size: 10px;
text-transform:uppercase;
text-align: center;
color: #ffffff;
background-color: #CC0000;
}

h2 {
font-size: 9px;
font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
text-transform:uppercase;
text-align: center;
color: #ffffff;
background-color: #CC0000;
}


a { 
color: #ffffff;
font-size: 10px;
background-color:transparent;
text-decoration: none; 
}

a.textlink {
color: #000000;
font-size: 12px;
background-color:transparent;
text-decoration: none;
}

a.offline_link {
color: #e1ddd9;
font-size: 10px;
background-color:transparent;
text-decoration: none;
}

 
pre { 
color: #564b47;
font-size: 10px;
background-color:transparent;
font-family: Courier, Monaco, Monospace;
}
 
 -->
 </style>

Ich wäre für jede Hilfe dankbar.

Ansonsten wünsche ich allen ein frohes Fest und einen guten Rutsch! :)

Gruß.

Eren
 
Zu 1:
Nein, mit CSS allein sicher nicht. Ausser ich versteh deine Frage falsch und du meinst eigentlich, ob du mit HTML und CSS Formatierungen ein Formular erstellen kannst, dann ja.

Zu 2:
Versuchs mal mit den Styles (position:absolute; top:100px; left:100px). Die Zahlen hier sind mal ein Besipiel.
 
Hi,

zu 1:

ok, habe das mit php gelöst! Danke.

zu 2:

das funktioniert nicht! Mit diesen Angaben verschiebe ich den kompletten Bereich mit der Hintergrundgrafik (Schnee), aber ich möchte eigentlich nur, dass der rote Balken, wo ich meinen Copyrighthinweis + Impressem habe, fix im unteren bereich steht, auch wenn ich einige Seiten nicht mit Inhalt gefüllt habe. Momentan arbeite ich an der Impressum-Seite (seht sebst was ich meine... siehe Link oben!). Der rote Balken befindet sich momentan mitten im Content-Bereich und nicht am Ender der Seite (so wie auf der Startseite). Habt ihr noch ein Tip?

Gruß.

Eren
 
Status
Nicht offen für weitere Antworten.
Zurück