Enviar una imagen y que quede Centrada y el texto debajo

[leoncito34]

no puedo centrar una imagen .. me alinea a la izquierda o derecha y yo quiero que me quede centrada y el texto debajo ... manualmente tengo que darle estos parametros

Código HTML:

img style="vertical-align: middle; display: block; margin-left: auto; margin-right: auto;"
 

en las lineas 29 y 30 se ve las opciones que tengo para seleccionar.. izquierda y derecha

Código PHP:

<form action="index.php?option=com_media&amp;asset=<?php echo JRequest::getCmd('asset');?>&amp;author=<?php echo JRequest::getCmd('author');?>" id="imageForm" method="post" enctype="multipart/form-data">
    <div id="messages" style="display: none;">
        <span id="message"></span><?php echo JHtml::_('image', 'media/dots.gif', '...', array('width' =>22, 'height' => 12), true)?>
    </div>
    <fieldset>
        <div class="fltlft">
            <label for="folder"><?php echo JText::_('COM_MEDIA_DIRECTORY') ?></label>
            <?php echo $this->folderList; ?>
            <button type="button" id="upbutton" title="<?php echo JText::_('COM_MEDIA_DIRECTORY_UP') ?>"><?php echo JText::_('COM_MEDIA_UP') ?></button>
        </div>
        <div class="fltrt">
            <button type="button" onclick="<?php if ($this->state->get('field.id')):?>window.parent.jInsertFieldValue(document.id('f_url').value,'<?php echo $this->state->get('field.id');?>');<?php else:?>ImageManager.onok();<?php endif;?>window.parent.SqueezeBox.close();"><?php echo JText::_('COM_MEDIA_INSERT') ?></button>
            <button type="button" onclick="window.parent.SqueezeBox.close();"><?php echo JText::_('JCANCEL') ?></button>
        </div>
    </fieldset>
 
    <iframe id="imageframe" name="imageframe" src="index.php?option=com_media&amp;view=imagesList&amp;tmpl=component&amp;folder=<?php echo $this->state->folder?>&amp;asset=<?php echo JRequest::getCmd('asset');?>&amp;author=<?php echo JRequest::getCmd('author');?>"></iframe>
 
    <fieldset>
        <table class="properties">
            <tr>
                <td><label for="f_url"><?php echo JText::_('COM_MEDIA_IMAGE_URL') ?></label></td>
                <td><input type="text" id="f_url" value="" /></td>
                <?php if (!$this->state->get('field.id')):?>
                    <td><label for="f_align"><?php echo JText::_('COM_MEDIA_ALIGN') ?></label></td>
                    <td>
                        <select size="0" id="f_align" >
                        <option value="" selected="selected"><?php echo JText::_('COM_MEDIA_NOT_SET') ?></option>
                            <option value="left"><?php echo JText::_('JGLOBAL_LEFT') ?></option>
                            <option value="right"><?php echo JText::_('JGLOBAL_RIGHT') ?></option>                      
                            
                           </select> 
                        </select>
                    </td>
                    <td> <?php echo JText::_('Alineación de la imagen');?> </td>
                <?php endif;?>
            </tr>
            <?php if (!$this->state->get('field.id')):?>
                <tr>
                    <td><label for="f_alt"><?php echo JText::_('COM_MEDIA_IMAGE_DESCRIPTION') ?></label></td>
                    <td><input type="text" id="f_alt" value="" /></td>
                </tr>
                <tr>
                    <td><label for="f_title"><?php echo JText::_('COM_MEDIA_TITLE') ?></label></td>
                    <td><input type="text" id="f_title" value="" /></td>
                    <td><label for="f_caption"><?php echo JText::_('COM_MEDIA_CAPTION') ?></label></td>
                    <td>
                        <select size="1" id="f_caption" >
                            <option value="" selected="selected" ><?php echo JText::_('JNO') ?></option>
                            <option value="1"><?php echo JText::_('JYES') ?></option>
                        </select>
                    </td>
                    <td> <?php echo JText::_('COM_MEDIA_CAPTION_DESC');?> </td>
                </tr>
            <?php endif;?>
        </table>
 
        <input type="hidden" id="dirPath" name="dirPath" />
        <input type="hidden" id="f_file" name="f_file" />
        <input type="hidden" id="tmpl" name="component" />
 
    </fieldset>
</form>
 

[Italico76]

Tu pregunta corresponde a CSS y no a PHP

[leoncito34]

Iniciado por Italico76

Tu pregunta corresponde a CSS y no a PHP

???????... fijate bien que es el procedimiento de envio de imagen (<form action.......)..en el codigo que muestro es la parte donde selecciono la imagen y la envio al lugar donde esta el texto .. seria css si la imagen ya esta includa junto al texto

[Italico76]

No es tema de PHP ..... es HTML / CSS

Tu problema es de renderizado y deberias preguntar donde pueden ayudarte mejor

[Triby]

Desconozco la librería que estás usando, pero, si ya identificaste donde deberías tener la opción para centrar, supongo que podrías probar a insertar esto en el select:

Código PHP:

<option value="center"><?php echo JText::_('JGLOBAL_CENTER') ?></option>
 

Por la parte de CSS, creo que al usar display:block; la propiedad vertical-align automáticamente pierde sentido, porque no habrá otros elementos con los que se deba alinear la imagen.