Home / user-198403

Jonas's questions

Martin Hope
Jonas
Asked: 2022-08-23 02:15:46 +0800 CST
  • 3

I'm doing a personal project, and I don't understand why it adds a small margin below the image:

* {
  margin: 0;
  padding: 0;
  
}
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Card Interactive</title>
    <link rel="stylesheet" href="./css/styles.css">
</head>

<body>
    <img src="https://i.ibb.co/1RB9mqx/bg-main-desktop.png" alt="">
</body>

</html>

How could I do to remove the margin below the image?

Picture of how the problem looks:

enter image description here

html
Martin Hope
Jonas
Asked: 2022-09-21 14:45:27 +0800 CST
  • 0

how can i lower the change text so that it appears in the middle of the content using bootstrap

 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
 <div class=" row justify-content-center mt-5">
      <div class="col-4">
        <img src="/Order Sumary/images/icon-music.svg" alt="">
        <span class="h6"> Annual Plan</span>
        <span class="text"><a href="">Change</a></span>
        <p>$59.99/year</p>
      </div>
      
    </div>

I don't know how I can do to lower the link (text) Change a little more I have tried everything with margin for example and nothing

html
Martin Hope
Jonas
Asked: 2022-08-25 08:11:16 +0800 CST
  • 0

I'm stuck with a code that gives me an error when executing the statement, I don't know if you can help me...

this is the php

  if($_POST)  {

     
      $nombre = $_POST['nombre'];
      $apellidos = $_POST['apellidos'];

      $sql_agregar = 'UPDATE usuarios SET nombre = pablo, apellidos = ramos WHERE usuarios.id = 7';
      $sentencia_agregar = $pdo->prepare($sql_agregar);
      $sentencia_agregar->execute(array($nombre,$apellidos));
 
  
      header('location:index.php'); // Esto redirige la acción a la página actual
  }

  if($_GET) {
      $id = $_GET['id'];
      $sql_unico = 'SELECT * FROM usuarios WHERE id=7';
      $gsent_unico = $pdo->prepare($sql_unico);
      $gsent_unico->execute(array($id));
      $resultado_unico = $gsent_unico->fetch();   
  }

Within this php I have a form to update the contact information of the profile that you have entered with your password.

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">

<div class="jumbotron jumbotron-fluid">
  <div class="container">
    <h1 class="display-4"><?php  ?></h1>
    <div class="row justify-content-start mt-4">
        <div class="col-6">
            <div class="form-control">
                <h3>Cambiar información de contacto</h3>
            <form method="POST" class="mt-4 mb-4 col-lg-6">
                <input class=" mb-3 form-control" type="text" name="nombre" placeholder="Nombre">
                <input class="mb-3 form-control" type="text" name="apellidos" placeholder="Apellidos">
                <input class="mb-3 form-control" type="email" placeholder="Correo electrónico">
                <input class="mb-3 form-control" type="phone" placeholder="Teléfono">
                <input name="id" type="hidden" value="<?php ?>">
                <div class="col mt-3 text-center">
                    <button type="submit" class="btn btn-warning">Cambiar</button>
                </div>
                
            </form>
            </div>
        </div>
    </div>
    
  </div>
</div>

And when I update the profile data it tells me this errorFatal error: Uncaught PDOException: SQLSTATE[HY093]: Invalid parameter number: number of bound variables does not match number of tokens in C:\xampp\htdocs\phpCurso\phpyMySQL\form-sesion\profile.php:25 Stack trace: #0 C:\xampp\htdocs\phpCurso\phpyMySQL\form-sesion\profile.php(25): PDOStatement->execute(Array) #1 {main} thrown in C:\xampp\htdocs\phpCurso\phpyMySQL\form-sesion\profile.php on line 25

This would be the connection.php file where the $pdo variable is saved.

<?php

$link = 'mysql:host=localhost;dbname=coloresphp';
$usuario = 'root'; 
$pass = '';

try {
    $pdo = new PDO($link, $usuario, $pass);
    //  echo '<br><br>Conectado';

  

    // foreach($pdo->query('SELECT * FROM `colores`') as $fila) {
    //     print_r($fila);
    // }


} catch (PDOException $e) {
    print "¡Error!: " . $e->getMessage() . "<br/>";
    die();
}

I don't know if you can help me, because I've been stuck on the same thing for several hours.

php
Martin Hope
Jonas
Asked: 2022-07-05 03:17:07 +0800 CST
  • 0

I don't know why when I use the pseudo-class :hover I put in a menu that when the mouse hovers over it has a black border but when the transition starts it starts white.

This is the code:

.nav-main a {
    color: white;
    text-decoration: none;
    padding: 15px !important;
    transition-property: border-bottom !important;
    transition-duration: 3s !important;
}

.nav-main a:hover {
    color: whitesmoke;
    border-bottom: 2px solid black !important;
}

.nav-main {
    font-size: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    padding: 40px !important;
    width: 100%;
    background: #4C4C6D;
}


.nav-main ul {
    padding: 50px !important;
}


ul {
    list-style: none;
}
<div class="container">
        <nav class="nav-main">
            <ul>
                <li><a href="#">Get Started</a></li>
            </ul>
            <ul>
                <li><a href="#">About Us</a></li>
            </ul>
            <ul>
                <li><a href="#">Log In</a></li>
            </ul>
            <ul>
                <li><a href="#">Sign UP</a></li>
            </ul>
        </nav>
    </div>

It starts with a white color but then it changes to black and what I want is for the white color not to appear.

The thing is that I want it to start with the color that I chose which in this case is black and not white.

If you can help me I appreciate it.

html
Martin Hope
Jonas
Asked: 2022-06-26 06:08:21 +0800 CST
  • 0

Hello, good, I have this flipcard that I have created but I can see it stuck to the bottom margin and I cannot add a margin to it to leave the space at the bottom of the page.

.flipscards__1 {
    position: absolute;
    margin-left: 200px;
    margin-top: 550px;
    margin-bottom: 30px;
    width: 200px;
    padding: 30px;
    background-color: whitesmoke;
    border: 2px groove;
    border-radius: 20px;
    font-family: 'Montserrat', sans-serif;
}

.flipscards__1:hover {
    position: absolute;
    transform: translateY(-30px);
    transition: transform 3s;
}
<div class="flipscards__1">
            <h3>Productos</h3>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis magnam possimus itaque non maiores natus ut deleniti labore recusandae velit, cumque doloremque suscipit quidem, totam temporibus asperiores similique? Voluptatibus, harum?</p>
            <a href="">Leer Más</a>
        </div>

But when I put a margin-bottom of 20px, for example, the margin is not added and it stays stuck at the bottom of the page, how could I solve it?

html
Martin Hope
Jonas
Asked: 2022-02-26 14:07:25 +0800 CST
  • 1

I am trying to calculate the mean of the values ​​in an array, but nothing comes out.

function medias() {
  let notas = ['3', '6', '8', '2']

  let media = 0;
  for (let i = 0; i < notas; i++) {
    media += notas[i];
  }
  console.log(media / notas.length);

}

medias();

How can I solve that?

javascript
Martin Hope
Jonas
Asked: 2021-12-15 13:34:39 +0800 CST
  • 0

How can I display existing even numbers up to the given number via a dialog, using a loop forand a prompt?

I have something like this but it doesn't work for me.

let paresalerta = prompt(`Indica hasta que número quieres ver : `);

let pares = [''];

if (paresalerta == null || paresalerta == '') {
  alert('Debes introducir un valor');
}

for (let i = 0; i < pares.length; i++) {
  if (i % 2 == 0) {
    document.getElementById('salida').innerHTML = pares;
  }
}
<div id="salida" ></div>

javascript
Martin Hope
Jonas
Asked: 2021-12-13 03:26:39 +0800 CST
  • 0

Hello good, I have a question, I don't know how to align the text boxes (input) and the labels so that they are well centered, the fact is that I also have a textarea, to make the typical form, but it won't let me. I leave my code.

This would be the form

.formulario {
    
    display: block;
    padding: 10pxx;
}
<div class="formulario">
    <form action="">
        <div>
            <label for="nombre">Nombre</label>
            <input id="nombre" type="text">
        </div>
<div>
    <label for="asunto">Asunto</label>
    <input id="asunto" type="text">
</div>

<div>
    <label for="correo">Correo:</label>
    <input id="correo" type="email">
</div>

<div>
    <label for="nensaje">Mensaje</label>
    <textarea name="" id="mensaje" cols="30" rows="10"></textarea>
</div>

html