PhP Logo Zentral auf dem Bildschirm ?

OpenMedia · 28. Januar 2017

Guten Tag,
ich wollte Fragen wie ich ein Logo oder eine Animation Perfekt Zentral genau in der Mitte auf dem Bildschirm einbauen kann ?

der Center Tag schiebt das logo ja nur in der jeweiligen Zeile in die Mitte ich möchte sowohl horizontal als auch vertikal genau in der Mitte des Bildschirm das Logo haben.,

Mir ist bewusst das es verschiedene Bildschirm typen gibt aber ich denke das lässt sich doch auch lösen oder ?

FranzvonAssisi · 28. Januar 2017

Öffne einen Bildverarbeitungsprogramm deiner Wahl und stelle den Zoom & co so ein, dass das Bild in der Mitte ist. Dann einfach Maus und Tastatur ausstecken und tada, fertig ists.

Mal im Ernst, in welcher Sprache, welche Libs bzw. HTML?
Bei HTML brauchst du CSS dafür und kannst im Style sagen:

Code:

html, body{
  height: 100%;
  width: 100%;
}

.klasse-des-bildes{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

Lg, Franz

PS: Dir wurde doch schon beim letzten Mal gesagt, dass das mit PHP nichts am Hut hat!

OpenMedia · 28. Januar 2017

Hay,
leider funktioniert das nicht wirklich so habe ich es gemacht :

Code:

<html>
<head>

	
<style>
    html, body{
      height: 100%;
      width: 100%;
    }
     
    .klasse-des-bildes{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
</style>
	</head>

<body>
  <center><img src="hellof.png" height="10px"/></center>
</body>
</html>

faltermayer · 28. Januar 2017

Du musst dem Bild natürlich auch die Klasse zuweisen.

Und das Center-Element ist doch schon lange deprecated, oder?

FranzvonAssisi · 29. Januar 2017

Genau, wie faltermayer geschrieben hat, also:

HTML:

<html>
<head>
 
	
<style>
    html, body{
      height: 100%;
      width: 100%;
    }
     
    .bild{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
</style>
	</head>
 
<body>
  <img src="hellof.png" class="bild" height="10px"/>
</body>
</html>

Den "<center>"-Tag einfach weglassen, der wird nicht mehr unterstützt, auch wenn er noch funktioniert...

Ich kann dir für den Einstieg dieses Buch empfehlen: https://www.amazon.de/Webseiten-erstellen-für-Einsteiger-Schritt/dp/383624277X/
Man wird gut an aktuelles HTML herangeführt.

Lg, Franz

Suche

PhP Logo Zentral auf dem Bildschirm ?

OpenMedia

Lieutenant

FranzvonAssisi

Admiral

OpenMedia

Lieutenant

faltermayer

Lt. Commander

FranzvonAssisi

Admiral

Ähnliche Themen