Cómo hago mi página web con PHP

Cerrado
-
Message postés
1
Date d'inscription
viernes, 26 de julio de 2019
Estatus
Miembro
Última intervención
viernes, 26 de julio de 2019
-
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

Message postés
466
Date d'inscription
miércoles, 10 de enero de 2018
Estatus
Miembro
Última intervención
martes, 25 de enero de 2022
115
algo asi parecido a esto ... ?

Hola
si algo parecido, por favor me puedes explicar?
Message postés
466
Date d'inscription
miércoles, 10 de enero de 2018
Estatus
Miembro
Última intervención
martes, 25 de enero de 2022
115 > Eder
basicamente son 3 cosas HTML , CSS y JavaScript

que quieres que te explique ?
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
Message postés
466
Date d'inscription
miércoles, 10 de enero de 2018
Estatus
Miembro
Última intervención
martes, 25 de enero de 2022
115 > Eder
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;
}
Message postés
1
Date d'inscription
viernes, 26 de julio de 2019
Estatus
Miembro
Última intervención
viernes, 26 de julio de 2019

Muchas gracias, voy a ajustarlo con el codigo html que tengo a ver si me sale