Hallo,
ich baue gerade eine relativ einfache Website für eine Kunstausstellung,
aber stehe vor einem kleinen Problem.
Ich möchte auf einem 17Zoll 4:3 TFT Monitor eine Website mit 5 Video Livestreams laufen lassen,
aber diese lassen sich von der Größe her nicht anpassen.
Ich hab schon einige Möglichkeiten probiert, aber egal was ich eingebe, sie bleiben in der gleichen Größe.
Mir wurde geraten, dass ganze ohne css aufzubauen, da es ja eine relativ simple Seite ist,
keine ahnung, ob der Fehler darin liegt.
Ich hoffe mir kann jemand weiterhelfen.
Hier mal der Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>work/life balance</title>
<style>
*body {
}
#div1{
position: absolute;
left: 0px;
top: -15px;
width: 300px;
height: auto;
}
#div2{
position: absolute;
right: 0px;
top: 0px;
width: 300px;
height: auto;
}
#div3 {
position: absolute;
left: 0px;
bottom: 0px;
width: 300px;
height: auto;
}
#div4 {
position: absolute;
right: 0px;
bottom: 0px;
width: 300px;
height: auto;
}
#div5 {
position: absolute;
left: 350px;
top: 100px;
width: 300px;
height: auto;
}
</style>
</head>
<body>
<div id= "div1">
<img id="image0" src="http://212.214.80.169:80/mjpg/video.mjpg?COUNTER" class="img-responsive img-rounded detailimage" alt="" title="Click here to enter the camera located in Sweden, region Vasterbottens Lan, Insjon">
</div>
<div id= "div2">
<img id="image1" src="http://131.155.61.62:80/mjpg/video.mjpg?COUNTER" class="img-responsive img-rounded detailimage" alt="" title="Click here to enter the camera located in Netherlands, region Noord-Brabant, Eindhoven">
</div>
<div id= "div3">
<img id="image2" src="http://123.111.182.60:8080/cam_1.cgi" class="img-responsive img-rounded detailimage" alt="" title="Click here to enter the camera located in Korea, Republic Of, region Seoul-T'Ukpyolsi, Seoul">
</div>
<div id= "div4">
<img id="image3" src="http://93.87.72.254:8090/mjpg/video.mjpg?COUNTER" class="img-responsive img-rounded detailimage" alt="" title="Click here to enter the camera located in Serbia, region Vojvodina, Novi Pazar">
</div>
<div id= "div5">
<img id="image4" src="http://199.89.180.249:8080/?action=stream" class="img-responsive img-rounded detailimage" alt="" title="Click here to enter the camera located in United States, region Maryland, Annapolis">
</div>
</body>
</html>
ich baue gerade eine relativ einfache Website für eine Kunstausstellung,
aber stehe vor einem kleinen Problem.
Ich möchte auf einem 17Zoll 4:3 TFT Monitor eine Website mit 5 Video Livestreams laufen lassen,
aber diese lassen sich von der Größe her nicht anpassen.
Ich hab schon einige Möglichkeiten probiert, aber egal was ich eingebe, sie bleiben in der gleichen Größe.
Mir wurde geraten, dass ganze ohne css aufzubauen, da es ja eine relativ simple Seite ist,
keine ahnung, ob der Fehler darin liegt.
Ich hoffe mir kann jemand weiterhelfen.
Hier mal der Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>work/life balance</title>
<style>
*body {
}
#div1{
position: absolute;
left: 0px;
top: -15px;
width: 300px;
height: auto;
}
#div2{
position: absolute;
right: 0px;
top: 0px;
width: 300px;
height: auto;
}
#div3 {
position: absolute;
left: 0px;
bottom: 0px;
width: 300px;
height: auto;
}
#div4 {
position: absolute;
right: 0px;
bottom: 0px;
width: 300px;
height: auto;
}
#div5 {
position: absolute;
left: 350px;
top: 100px;
width: 300px;
height: auto;
}
</style>
</head>
<body>
<div id= "div1">
<img id="image0" src="http://212.214.80.169:80/mjpg/video.mjpg?COUNTER" class="img-responsive img-rounded detailimage" alt="" title="Click here to enter the camera located in Sweden, region Vasterbottens Lan, Insjon">
</div>
<div id= "div2">
<img id="image1" src="http://131.155.61.62:80/mjpg/video.mjpg?COUNTER" class="img-responsive img-rounded detailimage" alt="" title="Click here to enter the camera located in Netherlands, region Noord-Brabant, Eindhoven">
</div>
<div id= "div3">
<img id="image2" src="http://123.111.182.60:8080/cam_1.cgi" class="img-responsive img-rounded detailimage" alt="" title="Click here to enter the camera located in Korea, Republic Of, region Seoul-T'Ukpyolsi, Seoul">
</div>
<div id= "div4">
<img id="image3" src="http://93.87.72.254:8090/mjpg/video.mjpg?COUNTER" class="img-responsive img-rounded detailimage" alt="" title="Click here to enter the camera located in Serbia, region Vojvodina, Novi Pazar">
</div>
<div id= "div5">
<img id="image4" src="http://199.89.180.249:8080/?action=stream" class="img-responsive img-rounded detailimage" alt="" title="Click here to enter the camera located in United States, region Maryland, Annapolis">
</div>
</body>
</html>