 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
Damix33
Joined: 06 Feb 2008
Posts: 1
|
 Posted: Wed Feb 06, 2008 7:42 pm Please help with lining up pics (URGENT!!!PLEAE HELP!!) |
 |
|
|
How do i align the photos so there all even??? please help ive been stuck for hours and need this done for class...i usually wouldnt do this but amazon never sent me my text book so i have no choice..
Code ive used so far:
<HTML>
<head>
<TITLE> Sean White MMP 100 </TITLE>
</head>
<Body Bgcolor= "000000" TEXT="FF0000">
<center><strong><h1>Sean's Photos</h1></strong></center>
<br>
<p>
<img src="Sean.JPG">
<div align="Left"> Sean Picture #1
<table>
<div align="center"><img src="sean.JPG">
<div align="center"> Sean Picture #2
<div align="right"><img src="Sean.JPG"
<div align="right"> Sean Picture #3
<p/>
<br/>
</html> |
|
Corey Bryant
Site Admin
Joined: 15 May 2004
Posts: 8748
Location: Castle Pines North, CO USA
|
|
dieheart567
Joined: 04 Oct 2007
Posts: 14
|
| Posted: Fri Mar 14, 2008 11:06 am |
|
|
|
| Quote: |
How do i align the photos so there all even??? please help ive been stuck for hours and need this done for class...i usually wouldnt do this but amazon never sent me my text book so i have no choice..
Code ive used so far:
<HTML>
<head>
<TITLE> Sean White MMP 100 </TITLE>
</head>
<Body Bgcolor= "000000" TEXT="FF0000">
<center><strong><h1>Sean's Photos</h1></strong></center>
<br>
<p>
<img src="Sean.JPG">
<div align="Left"> Sean Picture #1
<table>
<div align="center"><img src="sean.JPG">
<div align="center"> Sean Picture #2
<div align="right"><img src="Sean.JPG"
<div align="right"> Sean Picture #3
<p/>
<br/>
</html>
|
Try laying the page out using tables of 800 pixles wide, and split it in to coloumns that should help sort out your problem. If you dont want the page to have a boarder though as a table set the border to 0. |
|
sticks464
Joined: 31 Dec 2006
Posts: 2627
|
| Posted: Fri Mar 14, 2008 12:54 pm |
|
|
|
| Code: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Sean White MMP 100</title>
<style type="text/css">
* {
margin:0;
padding:0;
}
body {
font-family:"Times New Roman", Times, serif;
font-size:1em;
background:#000;
color:#ff0000;
}
#container {
width:760px;
margin:0 auto;
text-align:center;
}
h1 {
color:red;
}
#imageholder {
display:inline;
margin-top:20px;
}
#imageholder table {
width:750px;
border:none;
margin:10px 0 0 0;
padding:0;
}
</style>
</head>
<body>
<div id="container">
<h1>Sean's Photos</h1>
<div id="imageholder">
<img src="images1.jpg" alt="">
<img src="images2.jpg" alt="">
<img src="images3.jpg" alt="">
<table>
<tr>
<th scope="col">Sean's Picture #1</th>
<th scope="col">Sean's Picture #2</th>
<th scope="col">Sean's Picture #3</th>
</tr>
</table>
</div>
</div>
</body>
</html> |
To make this work the 3 images need to be the same size. Add their widths together, add 10px, take that sum and put it here
#container {
width:760px;
Put the sum of the 3 images here
#imageholder table {
width:750px; |
|
Straystudio
Joined: 14 Apr 2008
Posts: 297
Location: Nord Italy
|
| Posted: Mon Apr 14, 2008 11:55 am |
|
|
|
Hello folks!
Nice solutions posted at here.
Yet, if anyone would stay at <div>, well this works with Netscape:
(float and text-align proprieties do the trick via style)
<html>
<head>
<title>Sean White MMP 100</title>
</head>
<body bgcolor="#000000" text="#ff0000">
<center><strong><h1>Sean's Photos</h1></strong></center>
<br/>
<p>
<div style="width: ; float:left; text-align:left;">
<img src="Sean.JPG"/>
<br>Sean Picture #1</br>
</div>
<div style="width: ; float:right; text-align:right;">
<img src="Sean.JPG"/>
<br>Sean Picture #3</br>
</div>
<center>
<div style="width: ; float:; text-align:center;">
<img src="sean.JPG"/>
<br>Sean Picture #2</br>
</div>
</center>
<p/>
</body>
</html>
Since it does not exist float: center;
I found a way to do of mine using <center> tag.
Images will work as assigning value to width: ;
it could want a value if content text increases. |
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
 |
|
|
|
|
|
|
|
HTML Help Forum
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
