2017-04-10 4 views
-2

Ich habe eine PHP-Seite, die eine Firmen-Telefonliste anzeigt. Mit den Optionsschaltflächen zum Hinzufügen und Entfernen oben auf der Seite und den darunter liegenden Daten.Informationen auf der Oberseite der Seite halten

Jetzt, wenn der Benutzer scrollt, dann bewegen sich die Buttons natürlich und können dann nicht angeklickt werden, weil sie nicht zu sehen sind.

Gibt es eine Möglichkeit, Elemente auf der Seite zu halten, selbst wenn der Benutzer scrollt?

EDIT: Ich habe versucht, mit der Position behoben, aber es überlappt meine Datenbank mit der Information. Gibt es etwas, was ich falsch mache?

mein Code:

<center> 
<html> 
<head> 
<style> 
.menu { 
position: fixed; 
height: 0px; 
top: 0; 
left: 0; 
width: 100%; 
} 
</style> 
<title>Extension List</title></head><body> 
<br> 
<div class="menu"> 
<h1> Alpine Motors VW Extension List</h1> 
<h2> Tel: 031 717 7800</h2> 
<h2><a href="add.php">Add Extension</a> 
<br> 
<br> 
<form action="AlpineExtensionList.php" method='post'> 
<input type="submit" value="Print PDF"/> 
<br> 
<br> 
<a href="delete.php"> Delete Extension</a></h2> 
</div> 
<br> 
<br> 
<?php 

Der Rest des Codes ist meine Datenbank Verknüpfung und die Daten anzeigt.

aber der Teil oben zwischen dem div ich versuchte zu schaffen ist, was ich oben sein muss, wie der Benutzer scrollt.

+3

Sie können versuchen, "position: fixed" zu verwenden. in der css – Xidh

+1

PHP ist dafür irrelevant. Sie möchten einen "klebrigen" oder festen Header, der aus HTML und CSS generiert wird. – Qirel

+0

Siehe die folgenden https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_fixed_menu – Vbudo

Antwort

0

Sie legen nur die CSS-Position der Schaltfläche fest. Dies ist nur ein Beispiel:

#button 
{ 
    position: fixed; 
    top: 30px; 
    right: 20px; 
} 
+0

Ich habe das versucht, aber das Schreiben überlappt sich jetzt über meine anderen Informationen – RedZ

Verwandte Themen