codici css

24-04-2018, 19.47.44

salve avrei alcune domande da porvi

Codice PHP:


.navbar {

    overflow: hidden;

    background-color: green;

    font-family: Arial, Helvetica, sans-serif;

}



.navbar a {

    float: left;

    font-size: 16px;

    color: white;

    text-align: center;

    padding: 14px 16px;

    text-decoration: none;

}



.dropdown {

    float: left;

    overflow: hidden;

}



.dropdown .dropbtn {

    font-size: 16px;    

    border: none;

    outline: none;

    color: white;

    padding: 14px 16px;

    background-color: inherit;

    font-family: inherit;

    margin: 0;

}



.navbar a:hover, .dropdown:hover .dropbtn {

    background-color: mediumturquoise;

}



.dropdown-content {

    display: none;

    position: absolute;

    background-color: #f9f9f9;

    min-width: 160px;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    z-index: 1;

}



.dropdown-content a {

    float: none;

    color: black;

    padding: 12px 16px;

    text-decoration: none;

    display: block;

    text-align: left;

}



.dropdown-content a:hover {

    background-color: #ddd;

}



.dropdown:hover .dropdown-content {

    display: block;

}

questo codice lo uso per creare una barra di menu,però non la riempo tutta https://ibb.co/mTq1Mx quindi mi chiedevo se c'era un modo per levare la parte in piu,(provato a fare il menu con dei bottoni ma lascia uno spazio tra un bottone e l'altro)

**alemoppo** · 24-04-2018, 20.16.59

Solitamente anche se non riempi tutto, la barra rimane. Se la vuoi terminare dovresti impostare una larghezza.

Sarebbe utile vedere la pagina (oppure specificare anche l'html); in generale soprattutto agli inizi (ma anche dopo) per queste cose bisogna andare un po' a tentativi e cercare di trovar soluzioni aiutandosi con i tool degli sviluppatori presenti sui maggiori browser.

Ciao!

24-04-2018, 21.07.10

Adesso ho fatto cosi c'è una parte bianca
http://ibb.co/jyndZH
Volevo sapere se si poteva spostare la parte verde al centro

ho provato con position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

oppure STYLE='position:absolute; top:250px;left:400px' me lo allinea ma non mi apre piu il menu a tendina

27-04-2018, 18.34.27

visto che si tratta solo di 3 caselle lo fatte con i bottoni,volevo sapere come funziona questo codice,o meglio quel tasto cerca cosa fa,dove cerca?

Codice PHP:


<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
* {box-sizing: border-box;}

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.topnav {
  overflow: hidden;
  background-color: #e9e9e9;
}

.topnav a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #2196F3;
  color: white;
}

.topnav .search-container {
  float: right;
}

.topnav input[type=text] {
  padding: 6px;
  margin-top: 8px;
  font-size: 17px;
  border: none;
}

.topnav .search-container button {
  float: right;
  padding: 6px 10px;
  margin-top: 8px;
  margin-right: 16px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.topnav .search-container button:hover {
  background: #ccc;
}

@media screen and (max-width: 600px) {
  .topnav .search-container {
    float: none;
  }
  .topnav a, .topnav input[type=text], .topnav .search-container button {
    float: none;
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 14px;
  }
  .topnav input[type=text] {
    border: 1px solid #ccc;  
  }
}
</style>
</head>
<body>

<div class="topnav">
  <a class="active" href="#home">Home</a>
  <a href="#dove">dove</a>
  <a href="#contatti">Contatti</a>
  <div class="search-container">
    <form action="/action_page.php">
      <input type="text" placeholder="Search.." name="search">
      <button type="submit"><i class="fa fa-search"></i></button>
    </form>
  </div>
</div>

<div style="padding-left:16px">
</div>

</body>
</html>

qui c'è l'ho sul sito http://esami.altervista.org/ciao/new.php

**alemoppo** · 28-04-2018, 12.05.16

quel tasto cerca cosa fa,dove cerca?

Si tratta di questo:

Codice HTML:

<form action="/action_page.php">
      <input type="text" placeholder="Search.." name="search">
      <button type="submit"><i class="fa fa-search"></i></button>
    </form>

Praticamente inviai il form alla pagina "action_page.php" passando come dato "search". Normalmente però va impostato anche il method che può essere o GET o POST. Se non specificato, dovrebbe essere utilizzato GET. Infatti se provi a scrivere qualcosa, vieni mandato a:

Codice:

action_page.php?search=qualcosa

Ciao!

28-04-2018, 20.12.32

come faccio a scendere di una cartella ad esempio C:\xampp\htdocs\progetto\eco\ele io mi trovo su ele e devo andare su eco e collegarmi ad una pagina chiamata ecom.php

**alemoppo** · 29-04-2018, 18.34.10

Impostando l'action così:

Codice:

action="../ecom.php"

Per approfondimenti, vedi qui: http://forum.it.altervista.org/html-...tml#post619414 (ultimi punti).

Ciao!

29-04-2018, 22.44.27

Per cambiare il bottone di <input type="submit"> come faccio?(ho cercato in giro e vedo che input deve essere buttom o image)

**alemoppo** · 30-04-2018, 12.48.08

In che senso? Sì può essere submit o image, ma puoi personalizzarlo con CSS.

Ciao!

30-04-2018, 15.13.26

far diventare un immaggine un tasto submit

**alemoppo** · 30-04-2018, 17.02.49

https://www.google.it/search?q=input+type+image

Ciao!

30-04-2018, 17.10.59

grazie ho risolto mi mancava il value nel input image

04-05-2018, 17.42.08

salve volevo domandarvi come posso togliere il bordo delle tabella dove c'è input radio https://imgur.com/a/DInL4Oy quella parte è un tr e td ho levato un bordo con STYLE="border:0px;" ma mi resta sempre quello come faccio a toglierlo?

**alemoppo** · 04-05-2018, 19.29.42

Puoi mostrare il link della pagina? Da uno screenshot non so come è fatto a livello css/html.

Ciao!

Discussione: codici css

LinkBack

Strumenti discussione

Display

codici css

Regole di scrittura