vorrei sapere perchè una volta che ridimenziono la finestra il contenuto non rimane fisso ma i vari pezzi del testo si sovrappongono nella porzione di finestra che ho ridimensionato conferendo un brutto effetto
grazie saluti
vorrei sapere perchè una volta che ridimenziono la finestra il contenuto non rimane fisso ma i vari pezzi del testo si sovrappongono nella porzione di finestra che ho ridimensionato conferendo un brutto effetto
grazie saluti
ciao, potresti postare il codice html e css...
se posso ti do una mano.
di sotto il css
* {
vertical-align: baseline;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
}
/** Common Styles */
#container {
background-image: url(picks/banner2.PNG);
margn: 5px 3px 0px 0px;
}
/** stile per il banner che conterrà..... */
/** Sfondo verde */
#banner {
height: 145px;
background-image: url(picks/banner2.PNG);
}
/** Logo dentino luccicante */
.logobox{
float:left;
width: 298px;
height: 140px;
background-image: url(picks/banner1_web25.jpg);
}
/** Gestisce il contenitore dove inserisco il menù */
.navbox{
float: right;
border: 0px solid #000;
width: 600px;
height: 30px;
margn: 3px 3px 0px 0px;
background-color:#;
}
/** Gestisce il menù compreso */
#menu ul{
margin: 0;
padding: 5;
margin-bottom: 0em;
float: left;
font: bold 110% Tahoma;
width: 100%;
border: 0px solid #625e00;
background-color: #;
}
#menu ul li{
display: inline;
}
#menu ul li a{
float: left;
color:#000;
padding: 5px 5px;
text-decoration: none;
}
#menu ul li a:visited{
color: blue;
}
#menu ul li a:hover{
color: white;
background-color: #172029;
}
/** Gestisce la scritta Laboratorio Odontoprotesico*/
.textbox{
text-align: left;
font-size: 2.2em;
font-weight: bold;
color:#fff;
padding: 45px 0px 0px 0px;
font-family:"times", verdana,arial , sans-serif;
}
/** Gestisce il sottomenù che sta a sinistra */
.lbox{
width: 150px;
height: 100%;
background-color:green;
padding: 0px 1px 1px 1px;
color:#fff;
}
#left {
float: left;
width: 158px;
height: 100%;
text-align: left;
font-size: 1.0em;
color:#fff;
padding: 0px;
background-color: #171D29;
color:#ffffff;
}
/** impostare il contenitore del corpo centrale della pagina*/
#content {
margin-top: 0px;
margin-left: 164px;
height: 100%;
background: url(picks/sfondo_tondo11.PNG);
}
img.left {
float:left;
margin-right:7px;
margin-left:3px;
border-left:0px solid #171D29;
}
blockquote{
border: 1px solid #CECFC6;
padding: 9px;
background: url(picks/sfondo_tondo11.PNG);
background-color:#000;
font-size: 0.9em;
font-family: "verdana",arial, sans-serif ;
color:#fff;
text-align: left;
}
img.right {
float:right;
margin-left:5px;
border:0px outset #6D8458;
}
/** impostare il footer della pagina*/
#footer {
clear: both;
text-align: center;
font-size: 1.1em;
padding: 5px;
color:black;
background-color: #172029;
background-image: url(picks/footer2.PNG);
}
/** impostare lo stile generale dell'elemento p*/
p {
background: url(picks/sfondo_tondo11.PNG);
padding: 0px 0px 2px 5px;
margin: 0px 2px 4px 0px;
text-align: left;
word-spacing: 3px;
font-size: 15px;
font-family: arial;
font-weight: bold;
color: black;
}
#left p {
background-color: #fff;
padding: 0px 4px 2px 4px;
margin: 5px 1px 1px 0px;
text-align: left;
word-spacing: 2px;
font-size: 12px;
font-family: arial;
color:#000;
}
h3{
text-align: center;
font-size: 1.2em;
color:#000;
margin-left: 5px;
padding-top: 3px;
font-weight: bold;
border-bottom: 2px solid #000;
font-family:" sans-serif", verdana, arial, times , engravers mt bold;
}
h2 {
text-align: center;
font-size: 1.0em;
color:#fff;
padding: 3px;
font-family:"times", verdana, arial, sans-serif, engravers mt bold;
}
la prima pagina
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>www.LabBelluccia.it</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link href="2.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="container">
<div id="banner">
<div class="logobox">
</div>
<div class="navbox">
<div id="menu">
<ul>
[*]about
[*]faq
[*]contact
[*]archives
[*]downloads
[*]products
[/list]
</div>
</div>
<div class="textbox">Laboratorio Odontoprotesico
dei F.lli Belluccia Francesco & Salvatore</div>
</div>
<div id="left">
<div class="lbox">
<h5>
According to the equation, the average British minute is worth just over 10 pence (15 cents) to men and eight pence (12 cents) to women.
more...
</p></h5>
<h5>
According to the equation, the average British minute is worth just over 10 pence (15 cents) to men and eight pence (12 cents) to women.
more...
</p></h5>
<h5>
According to the equation, the average British minute is worth just over 10 pence (15 cents) to men and eight pence (12 cents) to women.
more...
</p></h5>
<h5>
According to the equation, the average British minute is worth just over 10 pence (15 cents) to men and eight pence (12 cents) to women.
more...
</p></h5>
<h5>
According to the equation, the average British minute is worth just over 10 pence (15 cents) to men and eight pence (12 cents) to women.
more...
</p></h5>
</div>
</div>
<div id="content">
<h3> "Il successo si trova nella direzione opposta alla normale tendenza" (Jim Rohm)</h3>
[img]picks/Immagine.PNG[/img]</img>
<h2>
Il lab odontoprotesico nasce nel 1985 come società familiare dei fratelli Francesco e Salvatore.
Iniziano subito a collaborare con vari professionisti ed allo stesso tempo intrapendono un percorso di formazione professionale che li porterà a frequentare corsi con i più quotati odontotecnici europei.
</h2>
<blockquote>
[img]picks/datenscheiben.jpg[/img]</img>
<h3La missione è quella di soddisfare le aspettative del cliente, grazie all’analisi accurata e peculiare dei diversi casi, garantendo l’appropriata metodica supportata da una sempre maggior conoscenza dei materiali e delle tecniche più innovative. Per questo il lab odontoprotesico dei fratelli Belluccia garantisce un approccio multidisciplinare che ci consente di risolvere efficacemente casi sempre più complessi dell'odontoprotesi moderna.</h3>
</blockquote>
</div>
<div id="footer"></div>
</div>
</body>
</html>
dunque quando dimensiono la finestra di win il contenuto della pagina si sovrappone ed inoltre se uso un pc con il monitor piccolo mi si sfasa tutto
grazie
saluti
Ad un primo sguardo mancano le dimensioni dei div,
dovresti assegnare
height:...px;
width:...px;
le dimensioni di adattano a quelle del browser.
Fammi sapere.
ti consiglio pure di utilizzare dei sotto div al posto dei paragrafi ed assegnare loro una classe.
grazie infinite
per le dim della finestra tutto ok
senti se la provo quindi con uno schermo più piccolo non mi dvrebbe dare problema???
mi potresti fare un es intuitivo per quando riguarda i sotto div gentilmente
grazie ancora
Io farei così:
per il problema della grandezza del monitor dovresti modificare i margini così:codice:<div id="left"> <div class="lbox"> <div class="lboxItem">According to the equation, the average British minute is worth just over 10 pence (15 cents) to men and eight pence (12 cents) to women. more... </div> <div class="lboxItem">According to the equation, the average British minute is worth just over 10 pence (15 cents) to men and eight pence (12 cents) to women. more... </div> ... </div> </div> css .lbox{ width: 150px; height: 100%; background-color:green; padding: 0px 1px 1px 1px; color:#fff; } .lboxItem{ width:145px; padding-bottom:5px; padding-left:5px; padding-right:5px; padding-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; }
#container {
background-image: url(picks/banner2.PNG);
margin-left:auto;
margin-right:auto;
margin-top:5px;
width: ...px;
height: 100%;
}
scusa ma per le dimensione dei div mi conviene assegnarle
singolarmente per ognuna perchè se faccio nel css
div {
height:...px;
width:...px;
}
ho delle brutte sorprese.
singolarmente, perche altrimenti avresti solo che un gran casino...
Ogni <div> è un pezzo del tuo sito e quindi diverso dagli altri...
il div #container avrà le sue dimensioni e tutti i sotto div ne avranno delle altre...
ok
quindi nel mio caso faccio cosi per ogni div:
div #container{
height:...px;
width:...px;
}
div #banner{
height:...px;
width:...px;
}
e cosi via per tutti i div oppure solo per i principali o alcuni
Permessi di invio
Rispondi quotando