- Oct 17, 2013
- 836
- 0
- 19,160
Hello,
I am making a website for my girlfriend and I have no idea what's going on. I am trying to put images in it and they turn out sideways or upside down. I have rotated them in paint and it's still the same. I'm not too familiar with HTML 5 so I don't know what could be going on.
Here is that my code looks like:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>All About ******</title>
<style type="text/css">
<!--
img.align-left {float: left;
margin-left: 10px;
margin-right: 10px;}
img.align-right {float: right;
margin-left: 10px;
margin-right; 10px;}
-->
</style>
</head>
<body style="background-color: #FF0000"
<header>
<h1>ACT Day</h1>
</header>
<p>********************************************************************************.</p>
<p><img src="act1.jpg" width="1280" height="960" alt="ACT Picture #1" /></p>
<p><img src="act2.jpg" width="1280" height="960" alt="ACT Picture #2" /></p>
<p><img src="act3.jpg" width="1280" height="960" alt="ACT Picture #3" /></p>
<p><img src="act4.jpg" width="1280" height="960" alt="ACT Picture #4" /></p>
<p><img src="act5.jpg" width="1280" height="960" alt="ACT Picture #5" /></p>
<p><img src="act6.jpg" width="1280" height="960" alt="ACT Picture #6" /></p>
<p><img src="act7.jpg" width="1280" height="960" alt="ACT Picture #7" /></p>
<p><img src="act8.jpg" width="1280" height="960" alt="ACT Picture #8" /></p>
<p><img src="act9.jpg" width="1280" height="960" alt="ACT Picture #9" /></p>
<p><img src="act10.jpg" width="1280" height="960" alt="ACT Picture #10" /></p>
</body>
</html>
Any help or suggestions is greatly appreciated. Thanks.
I am making a website for my girlfriend and I have no idea what's going on. I am trying to put images in it and they turn out sideways or upside down. I have rotated them in paint and it's still the same. I'm not too familiar with HTML 5 so I don't know what could be going on.
Here is that my code looks like:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>All About ******</title>
<style type="text/css">
<!--
img.align-left {float: left;
margin-left: 10px;
margin-right: 10px;}
img.align-right {float: right;
margin-left: 10px;
margin-right; 10px;}
-->
</style>
</head>
<body style="background-color: #FF0000"
<header>
<h1>ACT Day</h1>
</header>
<p>********************************************************************************.</p>
<p><img src="act1.jpg" width="1280" height="960" alt="ACT Picture #1" /></p>
<p><img src="act2.jpg" width="1280" height="960" alt="ACT Picture #2" /></p>
<p><img src="act3.jpg" width="1280" height="960" alt="ACT Picture #3" /></p>
<p><img src="act4.jpg" width="1280" height="960" alt="ACT Picture #4" /></p>
<p><img src="act5.jpg" width="1280" height="960" alt="ACT Picture #5" /></p>
<p><img src="act6.jpg" width="1280" height="960" alt="ACT Picture #6" /></p>
<p><img src="act7.jpg" width="1280" height="960" alt="ACT Picture #7" /></p>
<p><img src="act8.jpg" width="1280" height="960" alt="ACT Picture #8" /></p>
<p><img src="act9.jpg" width="1280" height="960" alt="ACT Picture #9" /></p>
<p><img src="act10.jpg" width="1280" height="960" alt="ACT Picture #10" /></p>
</body>
</html>
Any help or suggestions is greatly appreciated. Thanks.
Facebook
Twitter
Instagram