Centering The Image?

[Blasteh]

Hey guys, need help on this. I want to get the Images/Text in the center/under staff team. If you need anything else, lemme know, :S

 

[IntactDev]

May we get the CSS and HTML?

Or you can just show us the website (if it's live)

 

[Blasteh]

May we get the CSS and HTML?

Or you can just show us the website (if it's live)

<div class="block" id="section-4" style="padding-top:0x; margin-top:-80px;">
            <div class="footer_container">
            <div class="footer_title">Staff Team</div>
            <div class="row-fluid">
            <div class="span2"></div>
            <div class="span4">
            <ul>
               
           
            </ul>
            </div>
            <div class="span4">
            <div class="avtar_container" style="float:left">
              <img src="http://gyazo.com/d5be1ff92e10c27967558ec9ffb995f7.png" width="98" height="98" alt="avtar">
              <h2>Technician/Owner</h2>
              <p>Question about Anything, <br/>buying VIP, or about the server: <br/>Blasteh: <a href="mailto:[email protected]">[email protected]</a></p>
              </div>
             
              <div class="avtar_container" style="float:right;">
              <img src="http://gyazo.com/4d074c284256b5715d434a57b5b903b7.png" width="98" height="98" alt="avtar">
              <h2>Support/Owner</h2>
              <p>Questions about the server,  <br/>want to request something? <br/>or you just need help:<br/>Vex: <a href="mailto:[email protected]">[email protected]@</a></p>
              </div>
             
              <p class="copyright_txt"><b>&copy; 2013 UnitedMinerz All Rights Reserved. Template Re-Coded by Blasteh.</b></p>
             
            </div>
            <div class="span2"></div>
            </div>
            </div>
             
            </div><!--end block-->

 

[RastaLulz]

Is this live on the web so I could fiddle with Inspect Element and "fix" it for you?

 

[Blasteh]

Is this live on the web so I could fiddle with Inspect Element and "fix" it for you?

It is. But it has a XenForo Forum, And I wouldn't want to take any users from devbest, as that is advertising.

 

[Mega]

Try this, added the bold text.

<div class="block" id="section-4" style="padding-top:0x; margin-top:-80px;">
            <div class="footer_container">
            <div class="footer_title">Staff Team</div>
            <div class="row-fluid">
            <div class="span2"></div>
            <div class="span4">
            <ul>
             
         
            </ul>
            </div>
            <div class="span4">
            <div class="holder" style="margin: auto;">
            <div class="avtar_container" style="float:left">
              <img src="http://gyazo.com/d5be1ff92e10c27967558ec9ffb995f7.png" width="98" height="98" alt="avtar">
              <h2>Technician/Owner</h2>
              <p>Question about Anything, <br/>buying VIP, or about the server: <br/>Blasteh: <a href="mailto:[email protected]">[email protected]</a></p>
              </div>
           
              <div class="avtar_container" style="float:right;">
              <img src="http://gyazo.com/4d074c284256b5715d434a57b5b903b7.png" width="98" height="98" alt="avtar">
              <h2>Support/Owner</h2>
              <p>Questions about the server,  <br/>want to request something? <br/>or you just need help:<br/>Vex: <a href="mailto:[email protected]">[email protected]@</a></p>
              </div>
            </div>
           
              <p class="copyright_txt"><b>&copy; 2013 UnitedMinerz All Rights Reserved. Template Re-Coded by Blasteh.</b></p>
           
            </div>
            <div class="span2"></div>
            </div>
            </div>
           
            </div><!--end block-->

 

[Damon]

Could you provide your current css with the full html?

 

[Blasteh]

Could you provide your current css with the full html?

There is no .css files. its just one HTML File. & I posed the code for the 4th section. thats where it is.

 

[Sysode]

Cba to read through your code, I'm just going by what you've named things.

Anyway change this:

 <div class="avtar_container" style="float:right;">

to:

 <div class="avtar_container" style="float:right;" align="center">

It's not the best way to do it, but no point starting a new CSS stylesheet for this one page.

 

[Blasteh]

Cba to read through your code, I'm just going by what you've named things.

Anyway change this:

 <div class="avtar_container" style="float:right;">

to:

 <div class="avtar_container" style="float:right;" align="center">

It's not the best way to do it, but no point starting a new CSS stylesheet for this one page.

That justs puts the image to the left..

 

[Sysode]

This code is so messy, it makes it hard to work with.. Why do you have div's with no style? It's a waste.

Anyway, define a width to ensure margin:0 auto; works. So something like this:

<div class="holder" style="margin: auto;width:800px;">

 

[Markshall]

Cba to read through your code, I'm just going by what you've named things.

Anyway change this:

 <div class="avtar_container" style="float:right;">

to:

 <div class="avtar_container" style="float:right;" align="center">

It's not the best way to do it, but no point starting a new CSS stylesheet for this one page.

That seems daft to float it right and then center align it.

Post the entire website code.

 

[Sysode]

That seems daft to float it right and then center align it.

Post the entire website code.

Well it floats everything inside the div right, with the entire div as a whole centered.