-
problema con l'header
Salve a tutti,,
Ho un piccolo problema conl'header. Allora ho creato una pagina dividendo in tre colonne. Dove a sx c'è la data, al centro c'è il benvenuto e a dx c'è varie ed evntuali. L'ho messo sotto il tag header con la coloroazione. Ma la colororazione è sparita. Questo è quanto ho detto roa. C'è il codice css e sotto com'è suddiviso.
pagutente.php
Codice PHP:
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
body{
text-align:center;
}
div#sx{
float:left;
width:150px;
background: #CCCCCC;
font: Comic Sans MS;
font-size: 25px;
color: blueviolet;
height: 710px;
background:#fff;
border-right:1px solid #ccc;
}
div#ct{
position: relative;
float:left;
text-align:center;
width:1200px;
background: #CCCCCC;
font: Comic Sans MS;
font-size: 25px;
color: blueviolet;
height: 710px;
background:#fff;
border-right:1px solid #ccc;
}
div#dx{
position: relative;
float:left;
text-align:right;
background: #CCCCCC;
font: Comic Sans MS;
font-size: 25px;
color: blueviolet;
background:#fff;
width: 190px;
}
</style>
</head>
<body>
<header>
<!-- Contenuto colonna di sx con monitor 22" -->
<div style="background: #CCCCCC; font-face: Comic Sans MS; font-size: 25px; color: blueviolet">
<div id="sx"> <?php require_once("data.php"); ?> </div>
<!-- Contenuto colonna di centro con monitor 22" -->
<div id="ct"> Benvenuto PincoPallino </div>
<!-- Contenuto colonna di dx con monitor 22" -->
<div id="dx">Varie & eventuali </div>
</div>
</header>
Dove sbaglio ??? Non credo che sia il massimo della pulizia ill codice, ma mi sono dovuto un pochino adattare. Grazie per l'aiuto in anticipo. Spero in voi.
-
Beh, per ogni cosa hai messo "background: #CCCCCC" e "background:#fff"...
-
E quindi ??? dove sta l'errore ??? Uno è fondo per lo schermo e l'altro e per le righe. Non dirmi che vanno in conflitto.
-
ti manca il "clearing" del float
e per i colori nessun conflitto viene letto l'ultimo scritto
puoi scriverlo quante volte vuoi
-
scusate la sintassi è: float: clear ????
-
non è una vera e propria sintassi
quanto una serie di tecniche da usare a secondo dei casi
fai una ricerca che trovi tanti esempi spiegati bene
-
nuovo codice css
Allora,
Ho trovato qualcosa m anon ho risolto un tubo. Alchè ho visto un'immagine su google dei css conil relativo codice l'ho provato ma ovviamente non andava bene nemmeno quello. Questa è la nuova situazione dopo aver provato il codice di google. Ho fatto alcuni ritocchi per la mia situazione:
Codice PHP:
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
body{
margin: 0px;
text-align: center;
}
div#header {
float:left;
position:absolute;
background: #CCCCCC;
width: 100px;
margin: 0px auto;
bottom:0;
}
div#sx{
float:left;
width:150px;
}
div#ct{
float: left;
text-align: center;
width: 200px;
background: #CCCCCC;
}
div#dx{
float: left;
text-align: right;
width: 185px;
background: #CCCCCC;
font: Comic Sans MS;
font-size: 25px;
color: blueviolet;
height: 710px;
background:#fff;
}
</style>
</head>
<body>
<div id ="header">
<div id ="content" >
<!-- Contenuto colonna di sx con monitor 22" -->
<div id="sx"> <?php require_once("data.php"); ?> </div>
<!-- Contenuto colonna di centro con monitor 22" -->
<div id="ct"> Benvenuto PincoPallino </div>
<!-- Contenuto colonna di dx con monitor 22" -->
<div id="dx">Impostazioni </div>
</div>
</div>
</header>
Sto cerncando di capire come espandere l'intero colore ma solo sulla fascia alta non a tutto schermo. Che vi sembra ???? Potrebbe andare riuscendolo a modificare ancora ???
-
secondo me meglio se prima impari una guida
prova a vedere se questo codice può essere una partenza
Codice:
<!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">
<head>
<title></title>
<style type="text/css">
* {
margin: 0;
padding: 0
}
html, body {
height: 100%
}
#header {
background-color: #CCCCCC;
float: left;
height: 100%;
width: 200px
}
</style>
</head>
<body>
<div id="header"></div>
</body>
</html>
-
Ciao
Ciao Grazie,
Provo e ti saprò dire.
