LinkBack URL
About LinkBacksSalve 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
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.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>
Visualizzazione risultati 1 fino 9 di 9
Discussione: problema con l'header
-
06-02-2014, 20.48.16 #1Guest
problema con l'header
-
06-02-2014, 23.09.51 #2Guest
Beh, per ogni cosa hai messo "background: #CCCCCC" e "background:#fff"...
-
07-02-2014, 12.07.45 #3Guest
E quindi ??? dove sta l'errore ??? Uno è fondo per lo schermo e l'altro e per le righe. Non dirmi che vanno in conflitto.
-
07-02-2014, 12.29.42 #4
Utente attivo
- Data registrazione
- 03-07-2007
- Messaggi
- 463
ti manca il "clearing" del float
e per i colori nessun conflitto viene letto l'ultimo scritto
puoi scriverlo quante volte vuoi
-
07-02-2014, 13.14.03 #5Guest
scusate la sintassi è: float: clear ????
-
07-02-2014, 14.17.14 #6
Utente attivo
- Data registrazione
- 03-07-2007
- Messaggi
- 463
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
-
07-02-2014, 14.25.31 #7Guest 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:
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 ???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>
-
07-02-2014, 15.00.15 #8
Utente attivo
- Data registrazione
- 03-07-2007
- Messaggi
- 463
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>
-
07-02-2014, 15.18.55 #9Guest Ciao
Ciao Grazie,
Provo e ti saprò dire.
