I've been struggling to set a maximum height on the slider I'm currently using. No matter what height value I input, it doesn't seem to take effect. Additionally, I attempted setting the width for the echo img row in the PHP section but encountered no success. How can I successfully set a maximum height so that it does not exceed 500px;?
The slider's height in the JavaScript file is initialized to 500px;
<div style="margin:30px auto;max-width:499px;max-height:500px">
<div id="amazingslider-1" style="display:block;position:relative;margin:16px auto ">
<ul class="amazingslider-slides" style="display:none;">
<?php
$result = $stmt->get_result();
while ($row = $result->fetch_assoc()) {
$path = 'uploaded_files/';
echo "<li>"."<img src='".$path."".$row['image_one']."' style='width:500px;height:500px;'/></li>";
}
$mydb->close ();
?>
</ul>
<ul class="amazingslider-thumbnails" style="display:none;">
<li><img src="images/1-tn.jpg" /></li>
</ul>
</div>
</div>