Mam dwa duże przyciski obok siebie.
Jeśli zmniejszę rozmiar przeglądarki to przyciski nie mieszą się w oknie,.
Czy zamiast zmniejszać rozmiar, czy jest możliwe żeby w przypadku, gdy jest za mało miejsca jeden przycisk przesunąć w inne miejsce (np pod przycisk pierwszy a tym samym trzeba przesunąć niżej wszystko pozostałe)
kombinuję w ten sposób:
<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<body>
<!DOCTYPE html>
<html>
<head>
<title>Two Column Layout</title>
<style>
.body {
padding: 0;
margin: 0;
}
.Parent {
display: flex;
flex-wrap:wrap;
flex-direction: row;
}
.child1 {
width: 400px;
height: 300px;
background-color: green;
text-align: right;
color: white;
}
.child2 {
width: 400px;
color: green;
height: 300px;
background-color: blue;
}
}
.inactive-button {
position: absolute;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-family: Arial, Sans-Serif, Verdana;
background-color: #fcfcfc;
color: #3E494F;
border: 1px solid #92B4E7;
border-radius: 5px;
width: 300px;
}
</style>
</head>
<body>
<div class="Parent">
<div class="child1">
<input class="inactive-button" style="left:10px; top:20px; font-size: 180%;" type="submit" name="Zdarzenie" value="WEJSCIE1" id="lblWe">
</div>
<div class="child2">
<input class="inactive-button" style="left:10px; top:20px; font-size: 180%;" type="submit" name="Zdarzenie" value="WYJSCIE1" id="lblWe">
</div>
<div class="child1">
<input class="inactive-button" style="left:10px; top:20px; font-size: 180%;" type="submit" name="Zdarzenie" value="WEJSCIE2" id="lblWe">
</div>
<div class="child2">
<input class="inactive-button" style="left:10px; top:20px; font-size: 180%;" type="submit" name="Zdarzenie" value="WEJSCIE2" id="lblWe">
</div>
</div>
</body>
</html>
Ale te przyciski się pokrywają.
Wszystkie mają wpisane takie same położenie, ale skoro każdy leży na innym DIVie, to czy położenie nie powinno odnosić się do danego DIVa?
Mógłby mi to ktoś wytłumaczyć?
I drugie problem.
Chciałbym aby zawsze były dwa przyciski obok siebie (jeśli zmniejszę rozmiar okna to wtedy się układają jedne pod drugim) Ale jeśli jest szerokie okno, to wtedy już mam trzy przyciski w rzędzie. Jak temu zapobiec?