Stupid small issue (align)

Status
Not open for further replies.

The Coon

Active Member
2,194
2009
7
5
how to get http://imgcentre.com/images/1ipi1531937947.jpg to http://imgcentre.com/images/2ufu624769996.jpg

Using this code,

Code:
        <div class="usenext">
<div class="title">
<a href="[URL="http://www.wjunction.com/view-source:http://www.onestop**************/download.php?a=phazeblog&q=The%20Governors%20Wife%202008%20DVDRip%20XviD-ELiA"]http://www.onestop**************/download.php?a=phazeblog&q=The Governors Wife 2008 DVDRip XviD-ELiA[/URL]" target="_blank"><img src=" [URL="http://www.wjunction.com/view-source:http://i35.tinypic.com/2crmy39.png"]http://i35.tinypic.com/2crmy39.png[/URL]" border="0" alt="Download The Governors Wife 2008 DVDRip XviD-ELiA!" /></a>
<a href="[URL="http://www.wjunction.com/view-source:http://www.onestop**************/download.php?a=phazeblog&q=The%20Governors%20Wife%202008%20DVDRip%20XviD-ELiA"]http://www.onestop**************/download.php?a=phazeblog&q=The Governors Wife 2008 DVDRip XviD-ELiA[/URL]" target="_blank">The Governors Wife 2008 DVDRip XviD-ELiA</a></div><p>The Governors Wife 2008 DVDRip XviD-ELiA From Rapidshare, Megaupload, Hotfile & Direct Download Service. Download with full version now or download the <a href="[URL="http://www.wjunction.com/view-source:http://www.torrentz.bz/search/The%20Governors%20Wife%202008%20DVDRip%20XviD-ELiA"]http://www.torrentz.bz/sea[/URL][URL="http://www.wjunction.com/view-source:http://www.torrentz.bz/search/The%20Governors%20Wife%202008%20DVDRip%20XviD-ELiA"]rch/The Governors Wife 2008 DVDRip XviD-ELiA[/URL]" target="_blank">torrent</a></p</div>

Note; Not the colours just the alignment
 
4 comments
Maybe this will work

<table border="0px" width="??px" height="??px">
<tr>
<td>
IMGURL
</td>
<td>
TEH TEXT
</td>
</tr>
</table>

That is just a quick way, btw, if you use tables everywhere, it'll increase Page Loading Time (I read this somewhere)
So, better to use CSS instead.
What I provided is just basic. You can do it alternatively from CSS. Doing it from CSS is better :)
I don't have that much CSS Knowledge, but something like..

.down
{
margin: 2px 0px 2px 2px;
align: left;
}
#downtext
{
align:right;
}

Now, goto that page and add
<div class="usenext">
<div class="title">
<div id="down">
<a href="http://www.onestop**************/download.php?a=phazeblog&q=The Governors Wife 2008 DVDRip XviD-ELiA" target="_blank"><img src=" http://i35.tinypic.com/2crmy39.png" border="0" alt="Download The Governors Wife 2008 DVDRip XviD-ELiA!" /></a>
<div>
<div class="downtext">
<a href="http://www.onestop**************/download.php?a=phazeblog&q=The Governors Wife 2008 DVDRip XviD-ELiA" target="_blank">The Governors Wife 2008 DVDRip XviD-ELiA</a></div><p>The Governors Wife 2008 DVDRip XviD-ELiA From Rapidshare, Megaupload, Hotfile & Direct Download Service. Download with full version now or download the <a href="http://www.torrentz.bz/search/The Governors Wife 2008 DVDRip XviD-ELiA" target="_blank">torrent</a></p</div></div>
This might not work, as I suck at CSS xD :((
 
Easy, 2 ways to do it:

1. add this attribute to the <img> tag:

valign="middle"

example:

<img src="blabla" valign="middle">

but the valign attribute is not html 1.0 transitional valid, so it would fail xhtml validation.

2. using CSS like this:

style="vertical-align: center" in your <img> tag.

example:

<img src="blabla" style="vertical-align: center">

And your text should align to the middle as per your example.

Hope it works out. Cheers ;)
 
This is the basic code you can use:

Code:
<div class=&quot;usenext&quot;>
 <div style=&quot;float: left;&quot;>
  <div class=&quot;title>
   <a href=&quot;[URL]http://www.onestop**************/download.php?a=phazeblog&q=The[/URL] Governors Wife 2008 DVDRip XviD-ELiA&quot; target=&quot;_blank&quot;>
    <img src=&quot; [URL]http://i35.tinypic.com/2crmy39.png[/URL]&quot; border=&quot;0&quot; alt=&quot;Download The Governors Wife 2008 DVDRip XviD-ELiA!&quot; />
   </a>
  </div>
 </div>
 <div style=&quot;float: right;&quot;>
  <div class=&quot;title&quot;>
   <a href=&quot;[URL]http://www.onestop**************/download.php?a=phazeblog&q=The[/URL] Governors Wife 2008 DVDRip XviD-ELiA&quot; target=&quot;_blank&quot;>
    The Governors Wife 2008 DVDRip XviD-ELiA
   </a>
  </div>
  <div>
  The Governors Wife 2008 DVDRip XviD-ELiA From Rapidshare, Megaupload, Hotfile & Direct Download Service. Download with full version now or download the 
  <a href=&quot;[URL]http://www.torrentz.bz/search/The[/URL] Governors Wife 2008 DVDRip XviD-ELiA&quot; target=&quot;_blank&quot;>torrent</a>
  </div>
 </div>
</div>

Just put it inside another div with a fixed width and place it somewhere on your site. It's possible you'll have to enter some <br / > tags in the text itself because otherwise the text line will be too long and it'll be placed below the image instead of next to it.

This is what I get in both IE and FF so it should work.

Code:
[URL]http://i45.tinypic.com/w1paol.jpg[/URL]
Any problems, just ask :)
 
Status
Not open for further replies.
Back
Top