sieht aufjedenfall besser aus ohne die Scrollbalken
Ja stimmt, vielen Dank!
sieht aufjedenfall besser aus ohne die Scrollbalken
Ja stimmt, vielen Dank!
Schaltet man den container-headline-div ebenfalls mit hover ein, so hat man das Problem, dass der output-container nach unten rutscht und es zum Flackern kommt. Dies liegt daran, dass der Default-Wert für vertical-align baseline ist und kann behoben werden, indem man vertical-align auf top setzt:
Ich danke dir
Guten Abend,
wie man sehen kann beinhaltet jeder output-Container ein container-headline div.
Wie kann ich es schaffen, dass sobald man über einen output-container hovert, dass zugehörige container-headline div aktiv wird(display:inherit)? Dabei ist zu beachten, dass die restlichen Funktionen noch immer funktionieren. Kann mir jemand helfen? Danke im Voraus !
hier der Link:
Alles anzeigenhttps://jsfiddle.net/basti1012/2r5b65em/21/
So könnte man es machen.
EDIT:
oder so https://jsfiddle.net/basti1012/2r5b65em/28/
Ist wahrscheinlich besser
Danke!
Guten Abend,
leider habe ich ein kleines Problem und benötige Hilfe. In diesem Quelltext wird für jeden Datensatz in der Datenbank ein Div Container erstellt. Die Div Container sollen alle nebeneinander sein mit einem kleinen Abstand. Ich habe den Containern eine bestimmte Größe in Prozent gegeben, jedoch sind sie nur ein paar Pixel breit. Durch meine angegeben Größen der Container dürften normalerweise nur vier Container nebeneinander auf eine Seite passen, jedoch möchte ich das man horizontal scrollen kann und somit alle Container nebeneinander hat. Was ist mein Fehler ? Wieso sind die Container nur so klein? Die Container sind nicht 24,5% von der Seite groß wie im Style programmiert, sondern höchstens 5px breit! Es wäre super wenn mir jemand helfen könnte! Danke!!!!!
Hier ist der Quelltext:
<div class="output-Main-Div">
<?php
include("connection.php");
$query = "Select * FROM `datenbankUser`";
$result = $link->query($query);
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
?>
<div class="output-Container">
</div>
<?php
}
} else {
echo "0 results";
}
$link->close();
?>
</div>
Hier ist der Style:
.output-Main-Div{
width: 100%;
height: 310px;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
display: table-cell;
vertical-align: middle;
}
.output-Container{
width: 24.5%;
height: 80%;
display:inline-block;
margin: 0% 0.25% 0% 0.25%;
background-image: url(blablabla);
}
.output-Container:hover{
width: 40%;
height: 100%;
}
Ich danke dir!!!
Hallo,
hier wird für jede ROW in der Datenbank ein Container ausgegeben. In jedem Container ist ein Button. Sobald man innerhalb eines Containers auf den Button klickt, soll genau dieser Container eine andere Höhe bekommen. Er soll also per Click vergrößert werden. Die anderen Container sollen natürlich bei ihrer Standardgröße verbleiben und erst größer werden, wenn auch bei ihnen auf den Button geklickt wird. Sobald ein zweites mal auf den Button geklickt wird, soll der Container wieder die Standardgröße einnehmen.
Kann mir jemand dabei helfen? Im voraus schonmal DANKE!!!
Hier ein Beispielquelltext:
...........
<?php
while($row = $result->fetch_assoc()) {
?>
<div id="angebotskasten" style='width: 100%; height:400px; background-color: blue;' >
<button type='submit' id='button'>Angebotskasten vergrößern</button>
</div>
<?php
}
?>
.........
HTML-Seminar.de - mit Videos zum schnellen Lernen, wie man eine Website selbst erstellt.