Ciao a tutti!
Ho un problemino per il quale chiedo aiuto ai maghetti di questo forum:
ho creato un box con all'interno dei campi di dati utilizzando i css... ma se inserisco un testo troppo lungo o un'immagine troppo grande, il mio box si allarga a seconda di quello che deve contenere...io invece vorrei che le misure fossero bloccate..
Il css che utilizzo è questo:
e il file html è questo:html {
height:100%;
margin:0px;
overflow:none;
}
body {
height:100%;
margin:0px;
text-align:center;
background-position:absolute;
background-image:url(bg.gif);
background-repeat:repeat-x;
}
div#content {
width:8.5cm;
height:5.4cm;
margin:0px auto;
background:#ffcc00;
text-align: left;
border: 0px dotted #000;
}
div.box {
display: inline-block;
background-position:absolute;
background-image:url(image/box.gif);
background:#ccff00;
width:5cm;
height:5.4cm;
padding-left:0px;
margin-left:0cm;
margin-top:0cm;
border: 0px solid #000;
}
div.logo {
display: inline;
background-position:right;
background-image:url();
background-repeat: no-repeat;
background:#ccff00;
width:3.5cm;
height:5.4cm;
padding-left:0px;
margin-left:5cm;
margin-top:0px;
border: 0px solid #000;
}
div.azienda {
display: inline-block;
background-position:absolute;
background:#ffff00;
font: 10pt arial;
width:4.5cm;
height:0.4cm;
padding:0px;
margin-left:10px;
margin-top:5px;
border: 0px dotted #000;
}
div.slogan {
display: inline-block;
background-position:absolute;
background:#ffff00;
font: 10pt arial;
font-style: oblique;
width:4.5cm;
height:0.4cm;
padding:0px;
margin-left:10px;
margin-top:0px;
border: 0px dotted #000;
}
div.nome {
display: inline-block;
background-position:absolute;
background:#ffff00;
font: 10pt arial;
width:4.5cm;
height:0.4cm;
padding:0px;
margin-left:10px;
margin-top:5px;
border: 0px dotted #000;
}
Non riesco + a fare nulla...sigh...qualcuno di voi mi potrebbe aiutare per favore???<!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>PROVA</title>
<style type=text/css>@import url("box.css");
</style>
</head>
<body>
<div id="content">
<div class="box">
<div class="azienda">azienda</div><div class="logo">[img]logo.gif[/img]</div>
<div class="slogan">slogan</div>
<div class="nome">nome</div>
</div>
</div>
</body>
</html>
Ah, ancora una cosa...il logo deve stare sulla dx ma senza sfalsarmi i campi sulla sinistra...come se fossero due colonne di una tabella: a sx tutti i dati e a dx il logo...
Grazie 1000 anticipatamente!!!
Ky
Rispondi quotando
speriamo!!! grazie amici!!! 