Cómo hago mi página web con PHP

Cerrado
Eder - Modificado el 26 jul 2019 a las 03:04
Eder3917 Message postés 1 Date d'inscription viernes, 26 de julio de 2019 Estatus Miembro Última intervención viernes, 26 de julio de 2019 - 26 jul 2019 a las 02:25
Hola,

Si me pueden hacer el favor de ayudarme a resolver algo ya que necesito para una nota de un trabajo importante a realizar lo siguiente es:
Estoy haciendo una pagina de inmobiliaria con php.
no se como ingresarle dentro del contenido de la pagina web una columna con imágenes de casas que vayan cambiando y que las imágenes estén dentro de una tabla con descripción de las viviendas, les agradezco me ayuden

Configuración: Windows / Chrome 75.0.3770.142

1 respuesta

misterdekus Message postés 473 Date d'inscription miércoles, 10 de enero de 2018 Estatus Miembro Última intervención miércoles, 27 de julio de 2022 119
25 jul 2019 a las 23:11
algo asi parecido a esto ... ?

0
Hola
si algo parecido, por favor me puedes explicar?
0
misterdekus Message postés 473 Date d'inscription miércoles, 10 de enero de 2018 Estatus Miembro Última intervención miércoles, 27 de julio de 2022 119 > Eder
26 jul 2019 a las 00:48
basicamente son 3 cosas HTML , CSS y JavaScript

que quieres que te explique ?
0
Hola,
si me hace el favor de explicarme el código para que mis imágenes queden de esa forma, porque la verdad no he podido hacer que me queden de esa forma, osea que prácticamente vendría siendo el CSS y javaScript
0
misterdekus Message postés 473 Date d'inscription miércoles, 10 de enero de 2018 Estatus Miembro Última intervención miércoles, 27 de julio de 2022 119 > Eder
26 jul 2019 a las 02:07
bien ... el JS

var slideIndex = 1;
showSlides(slideIndex);

function plusSlides(n) {
  showSlides(slideIndex += n);
}

function currentSlide(n) {
  showSlides(slideIndex = n);
}

function showSlides(n) {
  var i;
  var slides = document.getElementsByClassName("mySlides");
  var dots = document.getElementsByClassName("demo");
  var captionText = document.getElementById("caption");
  if (n > slides.length) {slideIndex = 1}
  if (n < 1) {slideIndex = slides.length}
  for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none";
  }
  for (i = 0; i < dots.length; i++) {
      dots[i].className = dots[i].className.replace(" active", "");
  }
  slides[slideIndex-1].style.display = "block";
  dots[slideIndex-1].className += " active";
  captionText.innerHTML = dots[slideIndex-1].alt;
}//*/


el css

body {
  font-family: Arial;
  margin: 0;
}

* {
  box-sizing: border-box;
}

img {
  vertical-align: middle;
}

/* Posición de la image container (es necesario para colocar las flechas izquierda y derecha) */
.container {
  position: relative;
}

/* Ocultar las imagenes por default */
.mySlides {
  display: none;
}

/* Agregue un puntero al pasar el mouse sobre las imágenes en miniatura */
.cursor {
  cursor: pointer;
}

/* Botones Next & previous */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Posición del "botón next" a la derecha */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* Al pasar por encima, añadir un color de fondo negro con un poco transparencia */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* texto de Numero (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for texto de imagen */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* las 6 columnas ( las imágenes en miniaturas ) */
.column {
  float: left;
  width: 16.66%;
}

/* añade un efecto de transparencia para las imágenes en miniaturas */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}
0
Eder3917 Message postés 1 Date d'inscription viernes, 26 de julio de 2019 Estatus Miembro Última intervención viernes, 26 de julio de 2019
26 jul 2019 a las 02:25
Muchas gracias, voy a ajustarlo con el codigo html que tengo a ver si me sale
0