How can i move this text?

[Schuyler83]

On my links page (http://hummelsphotography.smugmug.com/gallery/1693051) i would like to have the text for each link on the right hand side... not underneath each logo. Does that make sense? Can anyone help me? :dunno

[Andy]

Sure. Wrap each bit of text in a DIV like this:

<div class="mytext1">here is my sampletext blah blah</div>

when you've done that, we'll use CSS to position the divs for you :)

EDIT: Sorry Andy, can't have more than 1 ID on the same page.

[Mike Lane]

first off let's change your html to this:


<div class="myLinks">
<a href="http://www.mi-onda.com">
<img src="http://hummelsphotography.smugmug.com/photos/83450766-S.jpg">
</a>

<p>View more pictures at Mi Onda - Urban Latino Clothing and Accessories. Latino Fashion Streetwear.</p>

<p>
<strong><u>www.mi-onda.com</u></strong>
</p>

<p class="spacer"></p>
</div>

<div class="myLinks">
<a href="http://www.artwanted.com/artist.cfm?artid=25248">
<img src="http://hummelsphotography.smugmug.com/photos/83450763-S.jpg">
</a>

<p>Visit our Art Wanted.com site </p>

<p>
<strong><u>http://www.artwanted.com/artist.cfm?artid=25248</u></strong>
</p>

<p class="spacer"></p>
</div>

<div class="myLinks">
<a href="http://www.myspace.com/hummelsphoto">
<img src="http://hummelsphotography.smugmug.com/photos/83450757-L.jpg">
</a>

<p>Are you on MySpace?</p>

<p>Visit our Profile</p>

<p>
<strong><u>www.myspace.com/hummelsphoto</u></strong>
</p>

<p class="spacer"></p>
</div>


And then add this as your CSS

.myLinks a img {float:left;}

[Schuyler83]

first off let's change your html to this:


<div class="myLinks">
<a href="http://www.mi-onda.com">
<img src="http://hummelsphotography.smugmug.com/photos/83450766-S.jpg">
</a>

<p>View more pictures at Mi Onda - Urban Latino Clothing and Accessories. Latino Fashion Streetwear.</p>

<p>
<strong><u>www.mi-onda.com</u></strong>
</p>

<p class="spacer"></p>
</div>

<div class="myLinks">
<a href="http://www.artwanted.com/artist.cfm?artid=25248">
<img src="http://hummelsphotography.smugmug.com/photos/83450763-S.jpg">
</a>

<p>Visit our Art Wanted.com site </p>

<p>
<strong><u>http://www.artwanted.com/artist.cfm?artid=25248</u></strong>
</p>

<p class="spacer"></p>
</div>

<div class="myLinks">
<a href="http://www.myspace.com/hummelsphoto">
<img src="http://hummelsphotography.smugmug.com/photos/83450757-L.jpg">
</a>

<p>Are you on MySpace?</p>

<p>Visit our Profile</p>

<p>
<strong><u>www.myspace.com/hummelsphoto</u></strong>
</p>

<p class="spacer"></p>
</div>


And then add this as your CSS

.myLinks a img {float:left;}

Excellent! Ok it's a start... but can we space it out little in between each of the links and mabe center the text together? what do you think? Thanks again!

[Mike Lane]

Add the red.

.myLinks a img {float:left; border:0; margin:0 10px 10px 0;}
.myLinks {margin:0 0 30px 0;}

[Schuyler83]

Add the red.

.myLinks a img {float:left; border:0; margin:0 10px 10px 0;}
.myLinks {margin:0 0 30px 0;}

Awesome! Thanks everyone!