PDA

View Full Version : html page with embedded images


Arkie
Mar-13-2010, 01:14 PM
i'm attempting to duplicate a page i started in a wordpress site...

http://www.absoluteexpression.com (select "about" link)

to my new smugmug site...

http://absoluteexpression.smugmug.com

within smugmug, i have created a gallery with no images, journal (old) style.

in another part of this forum, i found this code to be added to my "description" area.

<html><div class="opening">Here is my HTML
OnlyGallery</div><div style="font-size: 14px; color: #ffffff; font-
weight: normal">Hello, welcome to my pricing
page.</div><style type="text/css"></html>

so far, so good. :D

now i'm working on my html. and, as said, i'm trying to duplicate my wordpress page noted above.

(1) how do i embed these images (code) so that the text wraps around them.

(2) where do i upload these images, so they have a wed address to include in my code.

(3) will this even work here on smugmug?

much thanx!

Arkie
Mar-13-2010, 01:19 PM
i should add that i did copy the html from my wordpress site & pasted it to the my smugmug. the images showed, but the text was not wrapping...and the images were being pulled from my wordpress site, which will be gone whenever i get this smugmug thing going.

Allen
Mar-13-2010, 01:44 PM
i'm attempting to duplicate a page i started in a wordpress site...

http://www.absoluteexpression.com (select "about" link)

to my new smugmug site...

http://absoluteexpression.smugmug.com

within smugmug, i have created a gallery with no images, journal (old) style.

in another part of this forum, i found this code to be added to my "description" area.

<html><div class="opening">Here is my HTML
OnlyGallery</div><div style="font-size: 14px; color: #ffffff; font-
weight: normal">Hello, welcome to my pricing
page.</div><style type="text/css"></html>

so far, so good. :D

now i'm working on my html. and, as said, i'm trying to duplicate my wordpress page noted above.

(1) how do i embed these images (code) so that the text wraps around them.

(2) where do i upload these images, so they have a wed address to include in my code.

(3) will this even work here on smugmug?

much thanx!
See if this gets you off to a good start. This is the top part.

<html>
<center><h2>Absolute Expression Photography</h2></center>
<div style="float: right; padding: 10px 0 0 20px;">
<img src="http://absoluteexpression.com/wp/wp-content/uploads/2009/08/06-DSCF7755_facebook.jpg" width=237 height=334 />
</div>

<div>
<p>The element of time has to be one of God’s most mysterious creations. Especially through the eyes of a parent or grandparent, the fleeting moments of the young can be quickly gone before you can blink an eye. It’s no wonder that man has so often become entranced with the thought of “time travel”…a return to a special part of our lives forever lost.</p>
</div>

<div style="float: left; padding: 10px 20px 10px 0;">
<img src="http://absoluteexpression.com/wp/wp-content/uploads/2009/08/davis.jpg" width=220 height=331 />
</div>

<div>
<p>At Absolute Expression, we take great pleasure in “freezing” the special times involving those around us! We work hard to capture those moments which are, many times, noticed only by those most intimately close to those we photograph…that special look…unique laugh…sibling interaction (or rivalry)…which is, inevitably, soon to be lost forever.</p>
<p>Whether it be a portrait session, sporting event, graduation, or even a birthday party at your home, we love to capture those special moments which will make us a part of your lives for decades to come.</p>
<p>Randy Forrester has captured life in West Arkansas for nearly four decades. His love for life has allowed him to see far beyond the eyes of his subject and photograph the very soul of his surroundings…not only man and beast…but the canvassing earth…from the awe-inspiring beauty of the Ozark and Ouachita mountains to the unique simplicity of the Arkansas River Valley region shadowed beneath</p>
<p>With the advent of digital photography…and our return to portrait work… we are now able to provide greater photographic quality than ever before…and after-processing of those images equal to that which was, just recently, available only to Hollywood actors and actresses! We look forward to creating that special image which us unique to you and to those you love!</p>

<p>Our studio is located a block west of the old train station in Clarksville at 508 West Main Street. We are normally open by appointment only, except for our Seasonal Portrait Events…so feel free to contact us by phone or email. We look forward to working with you!</p>

<p>To keep up with special promotion events and occasional “Picture Parties”, we’ve created an email newsletter system! You can subscribe to it in the upper left-hand column. Also, become a fan of our Facebook page…</p>
</div>
...
...
...
</html>

CSS to go in your advanced site-wide customization

.gallery_11499085 #albumDescription {
text-align: justify;
color:#800000;
background: #EFEEEB;
padding: 0 20px;
font-style: italic;
font-weight: bold;
font-size: 9pt;
}

Allen
Mar-13-2010, 01:53 PM
...
...
(2) where do i upload these images, so they have a wed address to include in my code.
...

Upload the photos used in this gallery to this gallery , they can be hidden with some CSS.

/* things you can hide on page */
.gallery_11499085 #albumNav_top,
.gallery_11499085 #albumNav_bottom,
.notLoggedIn .gallery_11499085 .journal_entry, /* hides photos in gallery */
.notLoggedIn .gallery_XXXXXXX #breadcrumb {display: none;}

Allen
Mar-13-2010, 02:02 PM
Go back and get the html, made a few corrections like the dup text in the first
couple paragraphs. :D
If you want a border on both photos add the border=1 to each.

....width="220" border=1 />

Arkie
Mar-13-2010, 02:34 PM
thanx folks! my head is spinnin' a lot, but i think i'm gettin' there. (sure do miss the good ole days of plain old html, less the css)

one thing that's still showing is the "comments".

one thing that's NOT showing is the "footer".

know what the deal is here?

Arkie
Mar-13-2010, 03:05 PM
well, guess i should create a footer before it will show, huh? ;) sorry 'bout that!

Arkie
Mar-13-2010, 03:57 PM
and i found i'm able to disable comments in the gallery settings.

thanx again for your help! i believe i'm gonna love this place! :D

rosecoloredglasses
Apr-15-2010, 04:04 AM
I have been trying to follow this for the following gallery -
http://www.elementalgalphotography.com/Other/Purchasing-Info/11791645_rAKMz
Now I can get the Absolute Expressions photo to show up, but not mine. (Actually I find it a bit disconcerting that I was able to take a photo that easily from someone else's post). How do I get my photos to show up embedded? There was something written about Uploading the photos used in this gallery to this gallery & hiding them. When I click on the uploaded photo, there is no unique photo # for it to paste into the code, so I used it in another album & it still won't show. Thank you!