Distorsion con portal en un bloque

[Natzu01]

hola buenas mi problemas es que cuando pongo unos codigos en php para unas imagenes se distorsionan las imagenes se van para un costado y se ven mal he visto en otra pc y como veran se ven de distinta manera en diferente pc y tambien en distinto servidor como mozilla y google tambien afecta a que sea de diferente manera dejare una foto mi pregunta es ¿se podra arreglar la distorsion de aluna manera para que se vean igual en todas las pc y servidores como google chrome y mozilla? dejare aparte los codigos en php que escogui para el slider q se distorsiona

otra duda es si saben como poder centrar la imaguenes ya que salen hacia la izquiera cuando presiono control mas el simbolo -
gracias por las respuestas.

Code Select Expand

$images = array(
'image1_url',
'image2_url',
'image3_url',
'image4_url',
);
$links = array(
'image1_link',
'image2_link',
'image3_link',
'image4_link',
);

$delay = 1;

$num_images = count($images);
echo '
<a id="slideshowa" href=""><img id="slideshowimg" src="" alt="" /></a>
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var images = [';

for ($i = 0; $i < $num_images; $i++)
echo '["', $images[$i], '"]', ($i == $num_images - 1) ? '' : ',';

echo '];
var links = [';

for ($i = 0; $i < $num_images; $i++)
echo '["', $links[$i], '"]', ($i == $num_images - 1) ? '' : ',';

echo '];
var current_image = 0;
var num_images = ', $num_images, ';
var timer;

function changeImage()
{
if (current_image == num_images)
current_image = 0;
document.getElementById("slideshowimg").src = images[current_image];
document.getElementById("slideshowa").href = links[current_image];
current_image = current_image + 1;
var timer = setTimeout("changeImage();", ', $delay * 1000, ');
}

changeImage();
// ]]></script>';

[Dhayzon]

la url de tu sitio? lo tienes?  para echarle un vistaso.. me parece es  solo un overflow

[Natzu01]

disculpa a qui esta la aunque se nota mas al minimizarlo su distorsion url http://prueba56.890m.com/
creo q otra opcion seria poder centrar las imaguenes claro antes poner imagenes mas pequeñas en la parte de la anchura

[Dhayzon]

coloca esto al final de tu index.css de tu tema

Code Select Expand

#up_bk_10 img {
    max-width: 100%;
}

lo que estamos haciendo es que toda las imagenes dentro del div up_bk_10 no sobrepasen el tamaño del div, y las imagenes se ajusten a ello
o   también podrías colocar esto, para que todas las imágenes de tu sitio no se desborden en relación a su  contenedor

Code Select Expand

img{
max-width: 100%;
}

[Natzu01]

hola muchas gracias Dhayzon me sirvio de mucho  pero al miniizarlos se van hacia la izquiera sabes la forma de poder centrar el codigo php que adjunte , porque seria bueno llevo 3 meses buscando la manera de centrarlos pero hasta ahora nada

[Dhayzon]

tu codigo esta bien, tal ves tengas que hacer un

text-align: center;

usa eso  debajo de  max-width: 100%;  para que todos los elementos dentro del div queden centrados. ..si a eso te refieres. no me volvió a cargar tu web xD

[Natzu01]

pues es raro pero no se edita la parte del centrado , yo lo veo bien y px no  cambia si das "control" mas    -   puedes fijarte q no se centra ha y como podria hacer para un contador de visitas en este caso seria el numero 16 pero no creo que sea ponga img me parece igual le puse y no se edito

#up_bk_16 img {                            como es un contador q deberia de poner en ves de img para que afecte
    max-width: 100%;
}


y pues si como es de prueba como q se va aveces XD perdon por eso

[Dhayzon]

tienes que colocar essto para centrar las imágenes radomm que muestras

Code Select Expand

#up_bk_10 {
    text-align: center;
}

en cuanto a tu contador
la unica mane

para el contador

Code Select Expand

#up_bk_16 {
    text-align: center;
}

#up_bk_16 object {
    max-width: 100%;
}


[Natzu01]

Hola Dhayzon todo salio perfecto eres grande, mas me podrias ayudar en una ultima peticion se trata de como darle este  diseño mas o menos  a los slider en php que adjunte gracias.