You are viewing our Forum Archives. To view or take place in current topics click here.
Another HTML Question +Rep
Posted:

Another HTML Question +RepPosted:

MX
  • Winter 2016
Status: Offline
Joined: Jan 10, 201411Year Member
Posts: 1,896
Reputation Power: 233
Status: Offline
Joined: Jan 10, 201411Year Member
Posts: 1,896
Reputation Power: 233
Hey guys and girls, I'm currently having another issue with my HTML/CSS product display. I'm trying to get my text aligned up next to each product display box. Heres a picture:

[ Register or Signin to view external links. ]

For the ox at the top I want the text in the space on the right, for the box in the left I want the text on the space of the left.

The current code I have for my product display box is:

<div align="left"><div>
<div class="card-header">
  <div class="imageHolder">
    <div class="wfHolder">
      <div class="wfCont"><a href="#" class="linkOverlay"></a>
        <div class="smObj left"></div>
        <div class="smObj mid"></div>
        <div class="smObj right"></div>
        <div class="smTri triLeft"></div>
        <div class="smTri triRight"></div>
      </div>
    </div><a><img src="http://lorempixel.com/500/300/" class="screenshot"/>
      <div class="prodTitle">Product Name</div>
      <div class="prodPrice">(129.99)</div></a>
    <div class="wfHolder"></div>
    <div class="buttonHolder"><a class="prodButton preview"><i class="fa fa-arrows-alt"><span>Preview</span></i></a><a class="prodButton moreInfo"><i class="fa fa-info-circle"><span>More Info</span></i></a><a class="prodButton tutorial"><i class="fa fa-book"><span>Tutorial</span></i></a><a class="prodButton purchase"><i class="fa fa-usd"><span>Purchase</span></i></a></div>
    </div></div>
  </div>
  </div>
</div>


Any help is greatly appreciated and rep will e given accordingly.
#2. Posted:
Banq
  • Gold Gifter
Status: Offline
Joined: May 25, 201212Year Member
Posts: 932
Reputation Power: 90
Status: Offline
Joined: May 25, 201212Year Member
Posts: 932
Reputation Power: 90
I'm confused. The text looks aligned to me? Could you be a bit more descriptive and maybe include your CSS?
#3. Posted:
MX
  • Christmas!
Status: Offline
Joined: Jan 10, 201411Year Member
Posts: 1,896
Reputation Power: 233
Status: Offline
Joined: Jan 10, 201411Year Member
Posts: 1,896
Reputation Power: 233
Banq wrote I'm confused. The text looks aligned to me? Could you be a bit more descriptive and maybe include your CSS?

Basically I want a paragraph of text explaining what the item is, beside the images.
#4. Posted:
IMMERSIVE
  • TTG Contender
Status: Offline
Joined: Aug 22, 201014Year Member
Posts: 3,110
Reputation Power: 171
Status: Offline
Joined: Aug 22, 201014Year Member
Posts: 3,110
Reputation Power: 171
Maybe if you float the image left, and include padding on the left side a little so it doesn't go on the edge and float the text left aswell inside that div. Not sure lol, but worth a try
#5. Posted:
Banq
  • TTG Natural
Status: Offline
Joined: May 25, 201212Year Member
Posts: 932
Reputation Power: 90
Status: Offline
Joined: May 25, 201212Year Member
Posts: 932
Reputation Power: 90
Yeah you could do what he said^

Or you could try floating text to the left of the image and using padding to get it in the desired position. Or relative positioning.
#6. Posted:
MX
  • TTG Senior
Status: Offline
Joined: Jan 10, 201411Year Member
Posts: 1,896
Reputation Power: 233
Status: Offline
Joined: Jan 10, 201411Year Member
Posts: 1,896
Reputation Power: 233
Rep has been delivered to both of you, cheers guys.
Jump to:
You are viewing our Forum Archives. To view or take place in current topics click here.