Aggiungere un piccolo dettaglio nel mio box

**sys14** · 23-08-2013, 22:49

Salve, vorrei aggiungere al primo box in basso a destra il mio nome in quanto l'ho creato io ma se provo mi esce decentrato e in alto. Come posso fare?

Questo è il codice che ho scritto fino ad ora, manca solamente quel dettaglio:

index.html

codice:

<!--
        index.html
        
        Copyright 2013 Francesco <Francesco@FRANCESCO-PC>
        
        This program is free software; you can redistribute it and/or modify
        it under the terms of the GNU General Public License as published by
        the Free Software Foundation; either version 2 of the License, or
        (at your option) any later version.
        
        This program is distributed in the hope that it will be useful,
        but WITHOUT ANY WARRANTY; without even the implied warranty of
        MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
        GNU General Public License for more details.
        
        You should have received a copy of the GNU General Public License
        along with this program; if not, write to the Free Software
        Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston,
        MA 02110-1301, USA.
        
        
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>Mercatino libri - UDS Br</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta name="generator" content="Geany 0.20" />
	<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
	<p align="center">[img]uds_logo.png[/img]</p>
	<form action="#">
		<div id="form">
			<h1>Cerca il tuo libro online!</h1>
			<label for="nome">Nome del libro --></label><input type="text" name="nome" id="nome" />
			
		
				<input type="submit" id="submit" name="submit" value="Invia" />
				<input type="reset" id="submit" name="submit" value="Reset" />
			
		</div>
	</form>
	<p align="center">
		Scopri dove ci troviamo<font color="black">  (xxx)</font>
	</p>
	
	<div id="form">
		<p id="note"><u>Contatti</u>: xxx;</p>
		<p id="note"><u>Orari apertura:</u> xxx;</p>
		<p id="note"><u>Contratto:</u> xxx.</p>
	</div>
</body>
</html>

Mentre questo è il CSS

style.css

codice:

body {
    background-color: white;
    color: red;
    font-family: Verdana, sans-serif;
    font-size: 14px;
}

#form {
    width: 500px;
    margin: 25px auto;
    background: #990000;
    padding: 25px;
    overflow: hidden;
    
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

#note {
    font-size: 12px;
    color: white;
    text-align: left;
}

h1 {
    font-size: 16px;
    color: white;
    margin-bottom: 20px;
    text-align: center;
}

label, input, textarea {
    color: #dedede;
    float: left;
    font-family: Verdana, sans-serif;
    margin: 10px 0;
}
label {
    display: block;
    line-height: 30px;
    width: 150px;
}

input, textarea {
    background: #990000;
    border: 1px solid white;
    color: #990000;
    height: 30px;
    line-height: 30px;
    width: 310px;
    padding: 0 10x;
}

input { padding-left: 30px; }

#nome  { background: white url('Book-icon.png') no-repeat 7px; }
#submit {
    padding: 0;
    width: 100px;
    color: white;
 }

**ac_socmel** · 24-08-2013, 00:14

il tuo codice html presenza numerosi errori
a cominciare dalla licenza che si trova prima del doctype

per mettere il tuo nome ti basta aggiungere un paragrafo con style

codice:

float: right;
clear: both

dopo gli input e prima della fine del div / form

Discussione: Aggiungere un piccolo dettaglio nel mio box

Strumenti discussione

Ricerca discussione

Visualizza

Aggiungere un piccolo dettaglio nel mio box

Re: Aggiungere un piccolo dettaglio nel mio box

Permessi di invio