Hilfe bei Startseite

Und eine Hintergrundgrafik als img einzubinden ist auch nicht das wahre. Ich bin mir sicher, dass du noch viele Fragen haben wirst.

Hallo Noki99
War mal so frei und habe deine Startseite überarbeitet. Den Code kannst du die, wenn du willst, kopieren. Im main.css sind 2 komplette Anweisungsblöcke. Eines ist jedoch auskommentiert und ist für ein fixes Layout. Die nicht auskommentierten Anweisungen sin für ein flexibles Layout. Wenn du ein Smartphone hast kannste ja gleich mal probieren ob es so gefällt. Ich nix Smartphone!
http://www.gipspferd.de/forumhilfe/test/test.htm
 
Zuletzt bearbeitet:
das geht einfach mit einem stylesheet.
erstmal schreibst du das in deine html datei:
head:
Code:
<link rel="stylesheet" href="style.css" type="text/css">
body:
Code:
<div id="HierKommtAllesRein">
<!--Hier Kommt der Kram hin der auf der Website drauf sein soll -->
</div>

nun die datei style.css:

Code:
#HierKommtAllesRein {
text-align: center;
vertical-align: center;
width: 80%;
border-radius: 10px; //das heist das die ecken rund sind (ich schlage 2 fragen mit einer antwort)
-webkit-border-radius: 10px; //das davor wahr für crome das ist für den rest (internet exprorer, morzilla firefox usw.)

ach ja ich habe diesen Code nicht getestet aber er solte funktionieren ;) (hoffe ich)
 
Hi,
kleiner Korrektur
-webkit-border-radius: 10px; //das davor wahr für crome das ist für den rest (internet exprorer, morzilla firefox usw.)
Das Vendor-Prefix -webkit- ist für Browser mit der Webkit-Engine, wie Chrome und Safari nicht für den Internet Explorer oder Firefox.

Hier mal eine kleine Auflistung:

  • Firefox: -moz-
  • Internet Explorer: -ms-
  • iOS: -webkit-
  • Opera: -o-
  • Safari: -webkit-

Bei Border-radius wird nur -webkit- zusätzlich verwendet da die anderen Browser das CSS3 Feature voll implementiert haben.

Viele Grüße
 
Zurück