HTML

 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me



Go Back   Tutorialized ForumsWeb Design & DevelopmentHTML

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Tutorialized Forums Sponsor:
  #1  
Old October 3rd, 2015, 11:11 AM
Willeepweep Willeepweep is offline
Contributing User
Tutorialized Newbie (0 - 499 posts)
 
Join Date: Oct 2005
Location: Yucca Valley, CA
Posts: 37 Willeepweep New User: is a brand new recruit and a unknown entity at this point. 
Time spent in forums: 1 h 21 m 37 sec
Reputation Power: 0
Send a message via AIM to Willeepweep Send a message via MSN to Willeepweep
Photo gallery with description underneath

I want to add photos to a page similar to an online photo album (same size images, same number or images across per row). Where I'm stuck is underneath each image I'd like to add text centered underneath each picture to give a brief description of the image. The text under the image would be multi lined.



I want to keep it simple, but I'm afraid I'll have to just add descriptions with Photoshop and make the description part of the picture.

Reply With Quote
  #2  
Old October 21st, 2015, 12:32 PM
prasanth prasanth is offline
Registered User
Tutorialized Newbie (0 - 499 posts)
 
Join Date: May 2015
Posts: 3 prasanth User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 h 35 m 50 sec
Reputation Power: 0
Decrease the font size and padding margin values also put text align center

Reply With Quote
  #3  
Old January 31st, 2017, 06:24 AM
Rashmi.Padia Rashmi.Padia is offline
Registered User
Tutorialized Newbie (0 - 499 posts)
 
Join Date: Jan 2017
Location: Ahmedabad
Posts: 24 Rashmi.Padia User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 11 h 8 m 8 sec
Reputation Power: 0
Photo gallery with description underneath

Hi,

You try this code for photo gallery with description underneath

Code:
<html>
<head>
	<style type="text/css">
.image{
	float:left;
	margin-top:250px;
	padding:12px;
	width:200px;
}
.text{
	float:left;
	margin-top:250px;
	padding:12px;
	margin-bottom:50px;
	width:35%;
	font-weight:bold;
	font-size:13px;
}


</style>
</head>

<div style="width:100%;height:200px">
				<blockquote>
				<div style="float:left;height:300px;width:33%">
					<h2>IMAGE</h2>
						<img src="D:\Project_Documents\Demo_html\html2\spartner.png" style="center" alt="image" >
						<p>text for image1
						</p>
				</div>
				<div style="float:left;height:300px;width:33%">
					<h2>IMAGE</h2>
						<img src="D:\Project_Documents\Demo_html\html2\ifour.png" alt="images">
						<p>text for image1 </p>
				</div>
				<div style="float:left;height:300px;width:33%">
					<h2>IMAGE</h2>
						<img src="D:\Project_Documents\Demo_html\html2\ecom.png" alt="image" >
						<p>text for image1</p>
						</div>
				</blockquote>
			</div>
</html>




Thanks,

Reply With Quote
Reply

Viewing: Tutorialized ForumsWeb Design & DevelopmentHTML > Photo gallery with description underneath


Developer Shed Advertisers and Affiliates


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 

Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

© 2003-2018 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap