Wie kann ich die HTML-Buttons untereinander anordnen?

Hey,

in einer while-Schleife habe ich einen Button erstellt. Doch sie werden nebeneinander angeordnet und nicht untereinander. Doch wie positioniere ich sie untereinander (Nein, <br> funktioniert nicht)?

  while ($row = mysqli_fetch_assoc($data)) {
?>
<p class="select_btn">
  <button class="lebensmittel-eintrag" data-value="<?php echo $row['lebensmittel']?>">
    <?php echo ($number).". ".$row['lebensmittel']."<br>"; ?>
  </button>
  <br>
</p>
<?php $number++; ?>
<?php
  }
?>

KeiBe

18.04.2022, 13:49

Hey, könntest du den Code dazu ergänzen? Hasr du einen div um die Buttons? Wie sieht's mit CSS aus?

Junski1

Fragesteller

18.04.2022, 13:52

https://jpst.it/2O_aw

1 Antwort

MrAmazing2

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, programmieren

18.04.2022, 13:55

Wenn die Buttons jeweils in einem <p> sind sollte das eigentlich passen. Paragraphen sind standardmäßig Block-Elemente.
Da ändert wohl deine select_btn-Klasse irgendeine Eigenschaft, vermutlich die Display-Eigenschaft.

Gib den Buttons mal die CSS-Eigenschaft

display: block;

Woher ich das weiß:Hobby – Programmieren ist mein Hobby & Beruf

Junski1

Fragesteller

18.04.2022, 13:59

funktioniert nicht

MrAmazing2

18.04.2022, 14:00

@Junski1

Zeig mal deinen CSS Code.

Junski1

Fragesteller

18.04.2022, 14:01

@MrAmazing2

ganz einfach und simpel erstmal:

.select_btn {
  display: block;
  height: 100px;
  }

MrAmazing2

18.04.2022, 14:05

@Junski1

Und

.lebensmittel-eintrag

Junski1

Fragesteller

18.04.2022, 14:11

@MrAmazing2

funktioniert auch nicht

fluffiknuffi2

18.04.2022, 14:33

@Junski1

Stell den generierten HTML Code zusammen mit deinem CSS Code bitte auf jsfiddle oder so, damit wir das untersuchen können 💡

MrAmazing2

18.04.2022, 16:14

@Junski1

Ich meinte damit du sollst den Code dieser Klasse schicken.

Hallo

Ich hoffe, dass Ihr mir auf die Sprünge helfen könnt.

Mittels Button wird per JQUERY Ajax aufgerufen. Von der Datenbank werden Bilder ausgegeben.

Nun habe ich vorher schon einige Funktion gebastelt, die mir erlauben das Bild zu bearbeiten, z.B. mittels keyUP die Positionen vom Bild zu verändern, Größe und Co.

Da es mehrere Bilder sind, wird in der PHP Datei eine For-schleife erstellt, wo die Inputs und Buttons mit classen (und Id->testzweck) versehen werden (echo-ausgabe).

Nun lassen sich weder die Buttons noch mit Inputs steuern, weder mit this bzw Klassen noch mit der Id.

Hat vielleicht jemand eine Idee woran es liegen könnte?

      $('#load_image').click( function (event) {
        event.preventDefault();
        $.ajax({
          type: 'POST',
          url: 'ajax/home.php',
          data: $(this).serialize(),
          success: function (title_image) {
            $('#title_image').html(title_image);
          }

        });
      });



<button id="load_image" type="submit" name="load_image" class="btn btn-primary start"> <span><i class="glyphicon glyphicon-picture"></i>Bilder Laden</span> </button>
        <div id="title_image" class="margin">
          <!-- DIVS vom PHP AJAX -->
        </div>

Ajax PHP datei

if (!$title->execute()) {
  echo "Fehler";
} else {
  $name = array();
  while ($data = $title->fetch()) {
    $name[] = $data['name'];
  }
$count = count($name);
  for ($i=0; $i < $count; $i++) {
    echo $name[$i];

/* DIVS */
    echo '    <input type="number" id="image_horizontal_edit1" value="" placeholder="Horizontal">';
    echo '    <input type="number" id="image_vertical_edit1" value="" placeholder="Vertical"><br><br>';
    echo '    <input type="number" id="image_zoom_edit1" value="" placeholder="Zoom"><br><br>';

...zur Frage

Wert einer HTML Tabelle an Popup übergeben?

Ich habe eine, mit PHP dynamisch erzeugte Tabelle. In dieser Tabelle möchte ich die ID aus der ersten Spalte auslesen, die einem bestimmten Datensatz innerhalb meiner Datenbank zugeordnet ist. Wenn ich auf eine besstimmte Zeile klicke möchte ich auch die ID aus dieser Zeile haben. Diese soll wiederum an ein Popup übergeben werden, damit ich innerhalb dieses Popups Daten aus meiner Datenbank auslesen kann. Anbei findet ihr noch Bilder zu meiner Tabelle und dem Popup. Ich freue mich über jede Hilfe, bin schon seit Stunden am suchen.

    <form>
    <tr onclick="dialogOeffnen('loslegen-dialog')">
    <td>
            <?php echo $row["ID"] . "<br>"; ?>
          </td>
          <td>
            <?php echo $row["Vorname"] . "<br>"; ?>
          </td>
          <td>
            <?php echo $row["Nachname"] . "<br>"; ?>
          </td>
          <td>
            <?php echo $row["Vorname2"] . "<br>"; ?>
          </td>
          <td>
            <?php echo $row["Nachname2"] . "<br>"; ?>
          </td>
          <td>
            <?php echo $row["Vorname3"] . "<br>"; ?>
          </td>
          <td>
            <?php echo $row["Nachname3"] . "<br>"; ?>
          </td>
          <td>
            <?php echo $row["Vorname4"] . "<br>"; ?>
          </td>
          <td>
            <?php echo $row["Nachname4"] . "<br>"; ?>
          </td>
          <td>
            <?php echo $row["Titel"] . "<br>"; ?>
          </td>
          <td>
            <?php echo $row["Standort"] . "<br>"; ?>
          </td>
          <td>
            <?php echo $row["Klasse"] . "<br>"; ?>
          </td>
          <td>
            <?php echo $row["Beginn"] . "<br>"; ?>
          </td>
          <td>
            <?php echo $row["Abgabe"] . "<br>"; ?>
          </td>
          <td>
            <center><a href=<?php echo "uploads/" . $FileActualName?>">Link</a></center>
          </td>
          <td>
            <input  type="submit" onclick="dialogOeffnen('loslegen-dialog')" value="<?php echo $row["Genehmigt"]?>">
          </td>
          <td>
            <?php echo $row["Erstellt"] . "<br>"; ?>
          </td>
      </tr>
  </form>

Aktuell wird immer nur der Titel der letzten Zeile übergeben.

...zur Frage

PHP "Zurück"-Button?

Halo,

folgender Quelltext ist ein Zurück Button.

echo '<form action="./arbeit.php" method="POST" class="from-group">'; //zurück auf Seite arbeit.php,

echo '<input type="Submit" name"back" value="Zurück" class="btn btn-success abstand">';

echo '</from>';

Meine Frage: Was bedeuten die einzelnen "Kriterien". ich weiß nur, dass "action=./arbeit.php" auf die Seite verweist auf die gesprungen werden soll.

Wäre nett wenn mir das jemand erklären könnte, der mehr Ahnung hat als ich :)

Gruß

...zur Frage

Suchfunktion mit PHP Version 7.1.12 und MySQL?

Hallo,

ich habe mir letztens auf YouTube ein Video angeschaut, wie man mit Hilfe von PHP eine MySQL-Datenbank durchsucht. Ich habe es selber ausprobiert, doch musste leider feststellen, dass der Code nicht für meine PHP-Version (7.1.12) geeignet ist.

Also habe ich versucht ihn umzuschreiben. Das hat aber leider nicht geklappt.

<html>
  <head>
    <title>Suche</title>
  </head>
  <body>
    <form action="" method="get">
      <input type="text" name="suchfeld"/>
      <input type="submit" name="suche_enter" value="suchen"/>
    </form>
    <hr /><br />
    <?php
      if (isset($_GET['suche_enter'])) {
        $host = "localhost";
        $user = "root";
        $pass = "";
        $db = "test_db";
        $conn = new mysqli($host, $user, $pass, $db);

        if ($conn->connect_errno) {
          die("Verbindung fehlgeschlagen: " . $mysqli->connect_error);
        }

        $suchbegriff = trim(htmlentities(stripslashes(mysqli_real_escape_string($_GET['suchfeld']))));
        $sql = "SELECT headline, text FROM article WHERE
          headline LIKE '%$suchbegriff%' OR
          image LIKE '%$suchbegriff%' OR
          overtext LIKE '%$suchbegriff%' OR
          text LIKE '%$suchbegriff%' OR
          gender1 LIKE '%$suchbegriff%' OR
          gender2 LIKE '%$suchbegriff%'
          ORDER BY headline, gender1, overtext, text, gender2, image";
        $query = mysqli_query($sql);

        echo "<ul>";

        WHILE ($row = mysqli_fetch_assoc($query)) {
          $headline = $row['headline'];
          $overtext = $row['overtext'];
          $text = $row['text'];

          echo "<li>$headline <br /><br />$overtext<br /><br /><hr /><br /></li>";
        }

        echo "</ul>";
      }
    ?>
  </body>
</html>

Wie müsste der Code richtig aussehen?

...zur Frage

CSS/HTML-Button auf Unterseite verweisen?

Hey,

ich würde gerne eine Unterseite per Button-Klick öffnen. Wie kann ich das machen?

<body>

<button class="Regelwerk" OnClick="location.href="regelwerk.html>REGELWERK</button> <br>

<button class="Updates" OnClick="location.href='http://www.google.de'">UPDATES</button> <br>

<button class="Impressum" OnClick="location.href='http://www.google.de'">IMPRESSUM</button>

</body>

...zur Frage

Hallo ich Möchte gerne die 10 Größten Werte aus meiner DB ausgeben?

Hallo :) ich möchte gerne die 10 user mit den Meisten Coins ausgeben.

wie mach ich das genau mit PHP?

Dieses Script gibt mir alle User aus .. ich möchte aber nur die 10 User mit den Meisten Coins ausgeben? Jemand ne Antwort?

<?php $pdo = new PDO('mysql:host=localhost;dbname=test', 'username', 'password');

$sql = "SELECT * FROM users"; foreach ($pdo->query($sql) as $row) { echo $row['coins']." ".$row['id']."
"; echo "E-Mail: ".$row['email']."

"; } ?>

...zur Frage

Wie kann ich einstellen, dass die div-Boxen auf dem Handy untereinander dargestellt werden?

Guten Tag.

Mein Problem ist Folgendes: Auf dem PC werden die Boxen ganz normal und wie gewollt dargestellt, doch auf dem Handy wird alles in die Reihe gequetscht und man kann nichts erkennen. Wie kann ich nun einstellen, dass die div-Boxen untereinander dargestellt werden?

Quellcode:

<?php
  require('templates/header.php');
?>

<div class="content">
  <div class="row">
    <div class="col-md-12">
      <div class="card">
        <div class="card-header">
          <h3 class="card-title">Kampagnen</h3>
        </div>
        <br><br>
        <div class="row">
          <div class="col-xs-12">
            <div class="box box-container">
              <div class="row">
                <div class="col-xs-12">
                  <div class="box-first box-container">
                    <div class="row">
                      <div class="col-xs-1">
                        <div class="row">
                          <div class="col-xs">
                            <div class="box-nested" text-align="center">
                              <img src="templates/XXX.png"/>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-xs-3">
                        <div class="box-nested">
                          <strong> XXX </strong>
                        </div>
                      </div>
                      <div class="col-xs-3">
                        <div class="box-nested">
                          <h4>
                            <span class="badge badge-pill badge-success">XXX: 1,10€</span>
                            <span class="badge badge-pill badge-secondary">XXX: 1,00€</span>
                          </h4>
                        </div>
                      </div>
                      <div class="col-xs-4">
                        <div class="box-nested">
                          <span>
                            <h4>
                              <font color="#400040">
                                <input name="text" id="myInput" id="text" width="100%;" ?>">
                                <button class="badge badge-pill badge-danger" onclick="myFunction()">Link Kopieren</button>
                              </h4>
                            </font>
                            <script>

                              function myFunction() {
                                var copyText = document.getElementById("myInput");
                                copyText.select();
                                document.execCommand("copy");
                              }
                            </script>
                          </span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="card-body all-icons">
          <div class="row">
            <div class="wrap-table100">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<?php
  require('templates/footer.php');
?>

Das CSS, welches zugegebener Weise sehr unübersichtlich ist^^, lautet wie folgt:

https://pastebin.com/hHsGJhFE

...zur Frage

DIV overflow: scroll; automatisch nach unten Scrollen?

Hallo,

ich habe ein Php Skript:

<?php
echo "<div class'eins'>Eins</div>"; 
echo "<div class'zwei'>Zwei</div>";


echo "<div class'output'>Hier <br/>ist <br/>der <br/>overflow: scroll;</div>";

echo "<div></div>";
?>

Den overflow: scroll; definiere ich in CSS.

Jetzt möchte ich, dass automatisch nach ganz unten gescrollt wird, wenn die Seite aufgerufen bzw. neu geladen wird.

Im Internet bin ich auf folgenden Code gestoßen:

<?php
echo '<body onLoad="letzteselement.scrollIntoView();">';

echo "<div class'eins'>Eins</div>"; 
echo "<div class'zwei'>Zwei</div>";


echo "<div class'output'>Hier <br/>ist <br/>der <br/>overflow: scroll; 
<a id="letzteselement" /> 
</div>";

echo "<div></div>";
?>

Bei Firefox funktioniert das auch einwandfrei, wenn ich allerdings einen anderen Browser benutze (z.B. Microsoft Edge) ist es, als ob der Code nicht existier -> es passiert nichts.

(Ich weiß nicht, ob es wichtig ist, aber der Inhalt meines Div wird aus einer Datenbank ausgelesen und ist relativ groß (Text))

Kent jemand noch einen anderen Code, der immer funktioniert?

...zur Frage

Php Variablen mit Html mischen?

Also ich möchte das hier

echo "<h1> $x </h1> 
<br> $y <br>";

und nicht so

echo "<h1>". $x ."</h1> 
<br>". $y ."<br>";

In JavaScript gibt es die ``mit denen konnte man das wenigstens so machen ${x}

...zur Frage

Icon größe ändern PHP und CSS Wordpress?

Hallo,

ich möchte gern die Icon Größe bearbeiten. Das icon ist hierbei "fa-phone"

Ich habe eine php Datei und ein Style.css sheet. Wie genau mache ich das? Ich bin eig. Java entwickler und habe mit CSS und PHP leider nichts am Hut.

Hier der php Code Abschnitt:

            <div class="col-lg-3 col-md-6 contact-details">
              <div class="row">
                <?php if( get_theme_mod( 'sayara_automotive_contact_head','' ) != '' || get_theme_mod( 'sayara_automotive_contact','' ) != '') { ?>
                  <div class="col-lg-2 col-md-2">
                    <i class="fa fa-phone"></i>
                  </div>
                  <div class="col-lg-10 col-md-10">
                    <p class="top-head"><?php echo esc_html( get_theme_mod('sayara_automotive_contact_head','' )); ?></p>
                    <p><?php echo esc_html( get_theme_mod('sayara_automotive_contact','' )); ?></p>
                  </div>
                <?php }?>
              </div>
            </div>

Wie genau hängt das Style.css mit dem zusammen?

LG
Niklas

...zur Frage

AJAX: Wie kann ich den Inhalt der textarea verändern?

Hallo,

ich habe eine textarea, in der man Text eingibt. Per AJAX wird dieses Feld dann verändert:

function function() {
  jQuery.ajax({
    url: "change.php",
    data: {
      "text": $("#text").val(),
    },
    type: "POST",
    success:function(data) {
      $("#text").val(data);
    },
    error:function() {
    }
  });
}

Doch das Problem ist, dass die komplette echo-Ausgabe vom PHP-Skript dann da drin steht.

Das Skript sieht etwa so aus:

<?php
  echo "<p>Dein neues input-Feld:</p>";
  echo '<textarea id="output">'.$NeueAusgabe.'</textare>';
  echo "<p>richtig ? </p>";
?>

Ich will aber nur den Inhalt der Variable dann darin austauschen und das hier noch zur textarea hinzufügen:

onClick="this.select();"

Wie geht das?

...zur Frage

PHP: Wie kann ich Werte bei einer while-Schleife mit Datenbank addieren?

Code :

$mysqli=new mysqli("localhost", "XXX", "XXX", "XXX");
$query="SELECT * FROM Datenbank WHERE userid = " . $id . "";

if ($result = $mysqli->query($query)) {
  while ($row = $result->fetch_assoc()) {
    printf("".$row['clicks'] . " normale aufrufe, " . $row['clicks_mobile'] . " von mobile. insgesamt " . $row['clicks'] . " + ". $row['clicks_mobile']." .<br><br>", $row["clicks"], $row["clicks_mobile']);
  }
}

$mysqli->close();

Doch bei insgesamt steht einfach 69+12. Es soll aber addiert werden. Wie geht das?

...zur Frage

PHP MySQL Abfrage mit Variablen und Dropdown

Hallo, Ich möchte gerne in mein Script folgendes einbauen:

Der Nutzer kann durch ein Dropdown Kampagnen auswählen (Kampagenwerte bzw -namen werden von der Datenbank abgefragt) und bekommt anschließend verschiedene Informationen wie Firmenname etc. angezeigt. Bislang sieht mein Code folgendermaßen aus:

<?php 
$sql = 'SELECT * FROM Kampagnen ORDER BY ID ASC;'; 
$result = mysql_query($sql) OR die(mysql_error());

?> <?php while ($auswahl = mysql_fetch_assoc($result)) { echo ''. $auswahl['Kampagnenname'] .' - ('. $auswahl['Firmenname'] .')'."\n"; } ?>

<?php

$sql = mysql_query("SELECT * FROM Kampagnen WHERE Kampagnenname ='" . $auswahl . "'"); while($row = mysql_fetch_array($sql)){ echo $row['Kampagnenname'] . ' / '; echo $row['Ansprechpartner'] . '
'; echo $row['Firmenname'] . '
'; }
?>

Wo liegt der Fehler? Das Dropdown funktioniert einwandfrei aber leider werden die gewünschten passenden Daten (Kampagnenname, Ansprechpartner und Firmenname) nicht nach dem Auswählen der Kampagne angezeigt. Hoffe es ist verständlich.

...zur Frage

[PHP] Wie kann ich das in "Kasten unterteilen"?

Also ich habe von der Website: https://www.php-einfach.de/mysql-tutorial/daten-ausgeben/

Den Code:

<?php
$pdo = new PDO('mysql:host=localhost;dbname=test', 'username', 'password');

$sql = "SELECT email, vorname, nachname FROM users";
foreach ($pdo->query($sql) as $row) {
  echo $row['vorname']." ".$row['nachname']."<br />";
  echo "E-Mail: ".$row['email']."<br /><br />";
}
?>

Jetzt ist es so das ich in CSS den Hintergrund von den Daten aus der Datenbank geändert habe und auch <hr> zwischen die verschiedenen "Nachrichten" also verschiedenen Spalten gemacht habe.

Ich möchte aber, dass das Kästchen mit User 1 ein bisschen platz unten vor user 2 hat. (Also das jede Nachricht Test 1, Test 2 eine eigene "Box" hat) und unten platz ist bis user 2

Tut mir leid, das ich es so schwer erklärt habe, ich weiß aber nicht genau wie ich es beschreiben soll.

Danke im Vorraus!

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen