Home / user-84537

fm_manueljesus00's questions

Martin Hope
fm_manueljesus00
Asked: 2020-07-07 10:25:26 +0800 CST
  • 3

I am setting up a web page with a single body, the thing is that, when placing two bootstrap cards with images, not only are they not centered, but also, I cannot get them to divoccupy the entire length of the screen , causing others divto climb on top of me.

min-widthI've tried using the y parameters widthwith both percentages and units in pxy embut I can't get it to work.

I am attaching the CSS code for that part as the HTML of how the web page currently looks.

All the best.

    /*CSS general de la pagina*/
    
    * {
        box-sizing: border-box;
    }
    
    body {
        margin: 0;
        font-size: 1rem;
        line-height: 1.5;
        color: #333;
        overflow-x: hidden;
    }
    
    h1{
        margin-top: 10px;
        font-size: 40px;
        margin-bottom: 0;
        font-family: 'DM Serif Display', serif;
        text-align: center;
    
    }
    
    /* Estilos del menú */
    
    .menus{
        clear: both;
        float: left;
        overflow: hidden;
        width: 100%;
        z-index: 2;
        position: fixed;
        background: black;
        opacity: 0.6;
    }
    
    #menu{
        float: left;
        left: 50%;
        list-style-type: none;
        margin: 0 auto;
        padding: 10px;
        position: relative;
    }
    
    #menu li{
        float: left;
        position: relative;
        right: 50%;
        padding: 5px;
    }
    
    #menu li a{
        font-size: 1em;
        margin: 10px;
        text-decoration: none;
    }
    
    #menu li a:hover{
        color: white;
        font-size: 1.7em;
    }
    
    .nav1{
        color: white;
        opacity: 1;
    }
    
    
    /*Estilos del header*/
    
    .header {
        height: 100vh;
        display: flex;
        align-items: center;
        color: #fff;
    }
    
    .content {
        max-width: 49rem;
        padding-left: 1rem;
        padding-right: 1rem;
        margin: auto;
        text-align: center;
    
    }
    
    .header-content p{
        font-size: 1.5rem;
        display: block;
        padding-bottom: 2rem;
    }
    
    /*Botones de las RRSS dentro del Header*/
    .btn{
        background: #c44569;
        color: white;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        text-decoration: none;
        margin-right: 10px;
    }
    
    .button2{
        background: blue;
        color: white;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        text-decoration: none;
        margin-left: 10px;
    }
    
    .btn:hover{
        color: white;
    }
    .button2:hover{
        color: white;
    }
    
    /* Estilos de la pantalla del vídeo y título del header */
    
    .header-video{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        
    }
    
    .header-video video{
        min-width: 100%;
        min-height: 100%;
    
    }
    
    .header-overlay{
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: black;
        z-index: 1;
        opacity: .85;
    }
    
    .header-content{
        z-index: 3;
        margin-left: auto;
        margin-right: auto;
    }
    
    .header-content h1{
        font-size: 50px;
        margin-bottom: 0;
        font-family: 'DM Serif Display', serif;
    
    }
    
    /* Estilos de la sección Acerca de */
    .about{
        margin: auto;
        padding: auto;
        height: auto;
    }
    
    .about h1{
        margin-bottom: 20px;
    }
    
    
    .personas{
        width: 100%;
        min-width: 100%;
        margin: 0;
        padding: 0;
    }
    
    .tarjeta{
        width: 18rem;
        float: left;
        margin-left: 40px;
        margin-right: 40px;
        
    }
   <!DOCTYPE html>
    <html lang="es">
    
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="Estudio de tatuajes en Sevilla capital">
        <meta name="keywords" content="Ants, Ink, Tattoo, Tatto, Tatuaje, Sevilla">
        <meta name="author" content="Manuel Jesus">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Ant Tattoo</title>
        <!--Personal CSS-->
        <link rel="stylesheet" href="./css/estilos.css">
        <!--Bootstrap CSS-->
        <link rel="stylesheet" href="./css/bootstrap.min.css">
        <!--Google Fonts CSS-->
        <link href="https://fonts.googleapis.com/css?family=DM+Serif+Display&display=swap" rel="stylesheet">
    
    </head>
    
    <body>
        <div class="menus">
            <nav>
                <ul class="navbar" id="menu">
                    <li><a class="nav1" href="#">Inicio</a></li>
                    <li><a class="nav1" href="#">Page 1</a></li>
                    <li><a class="nav1" href="#">Page 2</a></li>
                    <li><a class="nav1" href="#">Page 3</a></li>
                </ul>
        </div>
        </nav>
        <header class="header content">
            <div class="header-video">
                <video src="media/flowers.mp4" type="video/mp4; codecs='avc1,mp4a'" preload autoplay muted loop>
                </video>
            </div>
    
            <div class="header-overlay"></div>
    
            <div class="header-content">
                <h1>Ant Tattoo</h1>
                <p>Tu estudio de tatuajes y piercings ubicado en el centro de<br/>Sevilla capital
                    
                </p>
                <a href="https://www.instagram.com/anttattoosevilla/" target="_blank" class="btn">Siguenos en Instagram</a>
                <a href="https://www.facebook.com/anttattoosevilla/" target="_blank" class="btn button2">Siguenos en Facebook</a>
            </div>
        </header>
    
        <div class="about">
            <!--Aquí va la info acerca de los tatuadores-->
            <h1>Acerca de</h1>
                <div class="personas">
                        <!--Insertar bio y foto de cristina-->
                        <div class="card tarjeta">
                            <img class="card-img-top" src="./media/yose.jpg" alt="cristina"/>
                            <div class="card-body">
                                <p class="card-text">Cristina</p>
                            </div>
                        </div>
    
                        <!--Insertar bio y foto de yose-->
                        <div class="card tarjeta">
                            <img class="card-img-top" src="./media/yose.jpg" alt="yose"/>
                            <div class="card-body">
                                <p class="card-text">Yose</p>
                            </div>
                        </div>
                </div>
        </div>
    
        <div id="trabajos">
            <h1>Nuestros trabajos</h1>
            <!--Buscar script para poner aquí fotos de instagram-->
        </div>
    
        <div id="testimonios">
            <h1>Tu opinión cuenta</h1>
            <!--Insertar opiniones de la gente-->
            <div id="opi-1">
                <!--Opinion 1-->
            </div>
            <div id="opi-2">
                <!--Opinion 2-->
            </div>
            <div id="opi-3">
                <!---Opinion 3-->
            </div>
        </div>
    
        <div id="ubicacion">
            <h1>Donde estamos</h1>
            <!--Insertar mapa google con la ubicación del lugar-->
        </div>
    
        <div id="reservas">
            <h1>Reserva cita</h1>
            <!--Insertar formulario de reservas-->
        </div>
    
        <div id="footer">
            <!--Footer de la página-->
        </div>
        </div>
        <!--JavaScript-->
        <script src="./js/bootstrap.min.js"></script>
        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
            integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
            crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
            integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
            crossorigin="anonymous"></script>
    </body>
    
    </html>

Website photo Website photo

EDIT I ​​have been passing the code (with the suggested modifications made) in parts to another file and, as I am making changes, I am looking at the web with the Google Chrome inspector and I realize that the cards are as if I did not take them thebody. I attached a photograph of what I get in the inspector.

Photography 2

html
Martin Hope
fm_manueljesus00
Asked: 2020-04-24 23:42:49 +0800 CST
  • 0

I've been trying since yesterday in Python, with Selenium, to create a bot that allows me to vote on a poll. The process from logging in to voting does it perfectly, but when I indicate the xPath of the option to vote, it doesn't detect it and the bot closes. I tried to externalize the framework in another tab, but on the one hand we have the same error, and on the other, apparently the survey works for Tokens, that is, even if it is accessed from the same user, the link to the framework expires when it is accessed. closes and opens again.

I leave you the extract of the code where I get the error in case someone can enlighten me a bit. All the best.

#Bot entra a encuesta

#entrar encuesta
driver.get("https://twitter.com/majeflomon/status/988357553007550465")
print("----Accediendo a encuesta")

time.sleep(2)

#votar encuesta
button_opc = driver.find_element_by_xpath("/html/body/div/div/div/div/div[2]/label/span[2]")
button_opc.click()
print("----Opcion Marcada (NO)")

#enviar voto
button_env = driver.find_element_by_xpath("/html/body/div/div/div/div/div[4]/div/span[1]")
button_env.click()
print("----Votacion Realizada")
python