Advertisement:

Author Topic: Distorsion con portal en un bloque  (Read 2215 times)

Offline Natzu01

  • Jr. Member
  • **
  • Posts: 155
    • https://www.facebook.com/AnimeaZ.Oficial/ on Facebook
Distorsion con portal en un bloque
« on: July 21, 2016, 06:16:49 PM »
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]
$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>';

Offline Dhayzon

  • Sophist Member
  • *****
  • Posts: 1,162
  • Gender: Male
  • DhayZone RevolutioN
    • Dhayzon on GitHub
    • @dhayzon on Twitter
    • http://dhayzon.com/
Re: Distorsion con portal en un bloque
« Reply #1 on: July 22, 2016, 03:16:57 AM »
la url de tu sitio? lo tienes?  para echarle un vistaso.. me parece es  solo un overflow

Offline Natzu01

  • Jr. Member
  • **
  • Posts: 155
    • https://www.facebook.com/AnimeaZ.Oficial/ on Facebook
Re: Distorsion con portal en un bloque
« Reply #2 on: July 22, 2016, 11:22:28 AM »
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

Offline Dhayzon

  • Sophist Member
  • *****
  • Posts: 1,162
  • Gender: Male
  • DhayZone RevolutioN
    • Dhayzon on GitHub
    • @dhayzon on Twitter
    • http://dhayzon.com/
Re: Distorsion con portal en un bloque
« Reply #3 on: July 22, 2016, 01:50:45 PM »
coloca esto al final de tu index.css de tu tema

Code: [Select]
#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]
img{
 max-width: 100%;
}

Offline Natzu01

  • Jr. Member
  • **
  • Posts: 155
    • https://www.facebook.com/AnimeaZ.Oficial/ on Facebook
Re: Distorsion con portal en un bloque
« Reply #4 on: July 22, 2016, 08:07:24 PM »
hola muchas gracias Dhayzon me sirvio de mucho  :laugh: 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

Offline Dhayzon

  • Sophist Member
  • *****
  • Posts: 1,162
  • Gender: Male
  • DhayZone RevolutioN
    • Dhayzon on GitHub
    • @dhayzon on Twitter
    • http://dhayzon.com/
Re: Distorsion con portal en un bloque
« Reply #5 on: July 22, 2016, 09:53:25 PM »
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

Offline Natzu01

  • Jr. Member
  • **
  • Posts: 155
    • https://www.facebook.com/AnimeaZ.Oficial/ on Facebook
Re: Distorsion con portal en un bloque
« Reply #6 on: July 23, 2016, 12:00:23 AM »
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

Offline Dhayzon

  • Sophist Member
  • *****
  • Posts: 1,162
  • Gender: Male
  • DhayZone RevolutioN
    • Dhayzon on GitHub
    • @dhayzon on Twitter
    • http://dhayzon.com/
Re: Distorsion con portal en un bloque
« Reply #7 on: July 23, 2016, 12:28:27 AM »
tienes que colocar essto para centrar las imágenes radomm que muestras

Code: [Select]
#up_bk_10 {
    text-align: center;
}

en cuanto a tu contador
la unica mane

para el contador

Code: [Select]
#up_bk_16 {
    text-align: center;
}

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

Offline Natzu01

  • Jr. Member
  • **
  • Posts: 155
    • https://www.facebook.com/AnimeaZ.Oficial/ on Facebook
Re: Distorsion con portal en un bloque
« Reply #8 on: July 23, 2016, 01:51:53 PM »
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. :)