kellie25
10-08-2006, 06:03 AM
Hi everyone.
I am so sorry about the title, I know nothing about coding so I dont know what to call what i need help with. I'll try and explain it best i can...
My friend has a scrapbooking website and on one page which is plain, (white background, black text ) she wants to have 4 people's pictures with their biographies next to the relevant text.That's it. Is that easy? and what coding should I be using? I am so sorry if this is a difficult task. If someone could please help me or send me in the right direction I would be SO appreciative as this is a headache lol.
She cannot get ahold of the person that designed her site, so us idiots are trying to work it out!!
Many many thanks
Kellie
_Aerospace_Eng_
10-08-2006, 08:33 AM
It should be just standard html. You could use divs or tables as what you are displaying could be considered as data.
You could possibly try something on these lines
<HTML>
<HEAD>
<TITLE>Document Title</TITLE>
<style type="text/css">
BODY{
text-align:center;
}
DIV{
width:600px;
text-align:justify;
margin:0px auto 20px auto;
}
DIV IMG{
float:left;
margin-right:10px
}
</style>
</HEAD>
<BODY>
<div>
<img src="pic01.jpg" alt="" title="">
<h3>Biography One</h3>
Phasellus enim dui, rutrum in, pretium ut, lobortis sit amet, lorem. Mauris lacinia tortor vitae turpis. Cras ultrices. Nunc dui mi, vestibulum vel, sollicitudin ut, lobortis ut, odio. Integer aliquet, eros at pharetra aliquam, pede turpis vestibulum felis, eu nonummy urna ante sed lectus. Integer placerat, lorem nec laoreet sagittis, elit odio ultrices odio, in condimentum leo lectus non velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer elit lacus, bibendum a, hendrerit eget, rutrum vitae, urna. Nam ante. Donec eu quam at ipsum tristique posuere. Cras elit. Donec ac quam. Phasellus sit amet neque. Ut luctus orci molestie ipsum. Duis eu turpis nec nulla suscipit convallis. Vestibulum feugiat mattis massa. Aliquam erat volutpat. Aliquam sapien purus, fringilla in, consequat sed, egestas et, lorem. Nulla semper nulla id mauris.<BR>
In venenatis. In vel nisl id dolor pretium eleifend. Mauris dignissim accumsan dolor. Sed erat dui, condimentum id, bibendum sit amet, viverra eu, justo. Morbi mauris risus, feugiat eu, aliquam id, egestas ac, turpis. Sed viverra ultrices enim. Praesent sagittis, nisi nec malesuada lacinia, felis dui pulvinar dolor, quis porta velit metus sit amet massa. Vivamus a erat. Curabitur sed justo. Nullam fringilla porttitor risus. Maecenas porta eros eu neque. Quisque scelerisque nulla non turpis. Quisque pharetra nunc non odio. Donec id lectus.
</div>
<div>
<h3>Biography Two</h3>
<img src="pic02.jpg" alt="" title="">
Phasellus enim dui, rutrum in, pretium ut, lobortis sit amet, lorem. Mauris lacinia tortor vitae turpis. Cras ultrices. Nunc dui mi, vestibulum vel, sollicitudin ut, lobortis ut, odio. Integer aliquet, eros at pharetra aliquam, pede turpis vestibulum felis, eu nonummy urna ante sed lectus. Integer placerat, lorem nec laoreet sagittis, elit odio ultrices odio, in condimentum leo lectus non velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer elit lacus, bibendum a, hendrerit eget, rutrum vitae, urna. Nam ante. Donec eu quam at ipsum tristique posuere. Cras elit. Donec ac quam. Phasellus sit amet neque. Ut luctus orci molestie ipsum. Duis eu turpis nec nulla suscipit convallis. Vestibulum feugiat mattis massa. Aliquam erat volutpat. Aliquam sapien purus, fringilla in, consequat sed, egestas et, lorem. Nulla semper nulla id mauris.
</div>
<div>
<h3>Biography Three</h3>
<img src="pic03.jpg" alt="" title="">
Etiam ipsum nulla, venenatis at, placerat sed, cursus et, mi. Maecenas at erat et est ultricies tincidunt. Proin nonummy, dui eget ultricies pharetra, pede lacus gravida massa, quis elementum neque tortor eu metus. Curabitur sed mauris. Proin est massa, posuere vitae, feugiat eu, fringilla sit amet, leo. Sed luctus gravida ligula. Maecenas laoreet dolor eu urna. Aliquam et nisl sed libero ornare malesuada. Nullam cursus porta neque. Quisque sed metus at massa vehicula adipiscing. Sed vel urna quis erat bibendum tristique. Integer adipiscing vulputate lacus. Nullam pulvinar. Vestibulum et enim ut lectus dapibus imperdiet. Nulla facilisi.
</div>
<div>
<img src="pic04.jpg" alt="" title="">
<h3>Biography Four</h3>
Phasellus enim dui, rutrum in, pretium ut, lobortis sit amet, lorem. Mauris lacinia tortor vitae turpis. Cras ultrices. Nunc dui mi, vestibulum vel, sollicitudin ut, lobortis ut, odio. Integer aliquet, eros at pharetra aliquam, pede turpis vestibulum felis, eu nonummy urna ante sed lectus. Integer placerat, lorem nec laoreet sagittis, elit odio ultrices odio, in condimentum leo lectus non velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer elit lacus, bibendum a, hendrerit eget, rutrum vitae, urna. Nam ante. Donec eu quam at ipsum tristique posuere. Cras elit. Donec ac quam. Phasellus sit amet neque. Ut luctus orci molestie ipsum. Duis eu turpis nec nulla suscipit convallis. Vestibulum feugiat mattis massa. Aliquam erat volutpat. Aliquam sapien purus, fringilla in, consequat sed, egestas et, lorem. Nulla semper nulla id mauris.
<BR>
In venenatis. In vel nisl id dolor pretium eleifend. Mauris dignissim accumsan dolor. Sed erat dui, condimentum id, bibendum sit amet, viverra eu, justo. Morbi mauris risus, feugiat eu, aliquam id, egestas ac, turpis. Sed viverra ultrices enim. Praesent sagittis, nisi nec malesuada lacinia, felis dui pulvinar dolor, quis porta velit metus sit amet massa. Vivamus a erat. Curabitur sed justo. Nullam fringilla porttitor risus. Maecenas porta eros eu neque. Quisque scelerisque nulla non turpis. Quisque pharetra nunc non odio. Donec id lectus.
</div>
<br style="clear:both">
</BODY>
</HTML>
radman626
10-09-2006, 04:19 AM
If you're new to "website code," you may want to try a WYSIWYG (what you see is what you get) program. You can use Yahoo Site Builder, or Macromedia Contribute (which I prefer but it isn't free, although you download and use a free trial for 30 days). If you're interested in learning HTML, which is the standard code language for building websites, check out http://www.htmlgoodies.com
It has step by step tutorials and was very helpfull to me when I first started out.
timgolding
10-09-2006, 01:45 PM
hehe i started with htmlgoodies too. It was good although it told me to layout pages with tables and ignored html validation. But it was a good starting block.
vBulletin® v3.8.2, Copyright ©2000-2012, Jelsoft Enterprises Ltd.