Anime Forum

How to put writing directly underneath each picture

Dr Octogonapus

Dr Octogonapus

Active member
Regular
Joined
Nov 10, 2009
Messages
1,522
Kin
0💸
Kumi
0💴
Trait Points
0⚔️
Hello I have 5 images that I would like text to go under each image. How do i go about doing this?

You must be registered for see links


Code: 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<title>DVD World | Home</title>
	
</head>
<body>
    
    <a href="" title="The Wolverine"><img src="dvdcovers/wolverine.jpg" height="170" width="120" border="1" /></a>    <a href="" title="Hercules"><img src="dvdcovers/hercules.jpg" height="170" width="120" border="1" /></a>    <a href="" title="The Island"><img src="dvdcovers/theisland.jpg" height="170" width="120" border="1" /></a>    <a href="" title="Paris"><img src="dvdcovers/paris.jpg" height="170" width="120" border="1" /></a>    <a href="" title="Red"><img src="dvdcovers/red.jpg" height="170" width="120" border="1" /></a>    <a href="" title="Garfield The Movie"><img src="dvdcovers/garfield.jpg" height="170" width="120" border="1" /></a>
    
</body>
</html>
Thankyou.
 

Wabbit

Banned
Legendary
Joined
Nov 15, 2011
Messages
11,335
Kin
0💸
Kumi
0💴
Trait Points
0⚔️
Awards
Create a box layout in CSS

Code: 
/*b1 b2 floats left and b3 to right*/

	.b1,
	.b2,
	.b3
	{      
		width: 260px;
	}

	.b1,
	.b2
	{
		float: left;
		
	}
	
	.b3
	{
		float: right;
	           
                 }
and use it in HTML
Code: 
<div class="b1">
		
			<a href="windows.html"><img src="winlogo.png" width="220" height="180"></a>
			<h3>Windows</h3>
			<p>An operating system by Microsoft.</p>
			<a href="windows.html" class="button">Read</a>
                        
		
	
	</div>
	<div class="b2">
		
			<img src="linux-logo.jpg" width="220" height="180" alt="" />
			<h3>GNU/Linux</h3>
			<p>A Unix like free and opensource OS.</p>
			<a href="linux.html" class="button">Read</a>
	
		
</div>
<div class="b3">
		
			<img src="maclogo.jpeg" width="220" height="180" alt="" />
			<h3>Mac OS</h3>
			<p>Based on Unix.By Apple Inc for their personal computers</p>
			<a href="mac.html" class="button">Read</a>
		
		</div>
it will look like this
You must be registered for see images


If you dont know CSS do check out w3shcools.com.
You must be registered for see links
and some sample templates.There is plenty available on the internet
 
Last edited:
You must log in or register to reply here.
Top