codici css

Printable View

24-04-2018, 19.47.44

codici css

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)
24-04-2018, 20.16.59
alemoppo

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
28-04-2018, 12.05.16
alemoppo

Citazione:

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
29-04-2018, 18.34.10
alemoppo

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)
30-04-2018, 12.48.08
alemoppo

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
30-04-2018, 17.02.49
alemoppo

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?
04-05-2018, 19.29.42
alemoppo

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

Ciao!