The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

[SOLVED ]Image positioning

View previous topic View next topic Go down

Solved [SOLVED ]Image positioning

Post by DeathDunk98* on April 29th 2014, 12:04 pm



These are the codes Im using!
CSS
Code:
.photo-thumb {
background: #F9F9F9;
position: relative;
top: -3px;
left: -3px;
box-shadow: 4px 4px 4px #B7B7B7;
width: 220px;
height: 326px;
}

.photo-thumb h2 {
float: left;
display: block;
-webkit-margin-before: 0.83em;
-webkit-margin-after: 0.83em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
font-size:13px;
color: #358FCF;
margin-bottom: 7px;
margin-top:7px;
margin-left:5px;
padding: 0;
font-family:Georgia;
}







.photo-thumb p.post-details {
font-size: 11px;
float: right;
padding-right: 10px;
color: #999;
line-height: 14px;
text-transform: uppercase;
}



HTML
Code:
<div class="photo-thumb">
   
   <h2>
      <a href="http://basketballacademy.bigforumpro.com/h2-coach-carter-2005">Coach Carter (2005)</a>
   </h2>
   
   <p class="post-details">
      
   </p>
   
   <div class="fix">
      
   </div><a href="http://basketballacademy.bigforumpro.com/h2-coach-carter-2005" style="text-decoration:none; title=" the="" art="" of="" steal="" hd"="" class="thumb"><img src="http://i57.tinypic.com/2eqcrrn.jpg" onmouseout="this.style.opacity=1.0;this.filters.alpha.opacity=100" onmouseover="this.style.opacity=0.9;this.filters.alpha.opacity=90" alt="" class="woo-image" style="width: 220px; height: 326px;" /></a>
</div>

<div class="photo-thumb">
   <br />
   <h2>
      <a href="http://basketballacademy.bigforumpro.com/h3-he-got-game-1998">He Got Game (1998)</a>
   </h2>
   
   <p class="post-details">
      
   </p>
   
   <div class="fix">
      
   </div><a href="http://basketballacademy.bigforumpro.com/h3-he-got-game-1998" style="text-decoration:none; title=" the="" art="" of="" "="" hd"=" steal=" class="thumb"><img src="http://i61.tinypic.com/10n6bdu.jpg" onmouseout="this.style.opacity=1.0;this.filters.alpha.opacity=100" onmouseover="this.style.opacity=0.9;this.filters.alpha.opacity=90" alt="" class="woo-image" style="width: 220px; height: 326px;" /></a>
</div>


Last edited by DeathDunk98* on April 29th 2014, 8:24 pm; edited 1 time in total

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Solved Re: [SOLVED ]Image positioning

Post by Ange Tuteur on April 29th 2014, 1:58 pm

Hello,

Remove the following declarations from your CSS :
Code:
float: left;

display: block;

float: right;

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: [SOLVED ]Image positioning

Post by DeathDunk98* on April 29th 2014, 8:22 pm

thanks ange, this topic is solved!

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Solved Re: [SOLVED ]Image positioning

Post by SLGray on April 29th 2014, 9:34 pm

Topic Solved & Archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36639
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum