spiffy corners e altezza

**WeB VaLiDaToR** · 04-09-2006, 21:59

Ho usato il sito SpiffyCorners per creare un box con gli angoli arrotondati.....
Ho un problema...
Vorrei che il box fosse alto 300px a prescindere se ci scrivo dentro o no....
non riesco a impostare l'altezza.....
Come faccio?
vi do il codice....

codice:

<style type="text/css">
.spiffy{ 
display:block;
} 
.spiffy *{ 
display:block;
height:1px;
overflow:hidden;
background:#000000;
} 
.spiffy1{ 
border-right:1px solid #919191;
padding-right:1px;
margin-right:3px;
border-left:1px solid #919191;
padding-left:1px;
margin-left:3px;
background:#3f3f3f;
} 
.spiffy2{ 
border-right:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
padding:0px 1px;
background:#303030;
margin:0px 1px;
} 
.spiffy3{ 
border-right:1px solid #303030;
border-left:1px solid #303030;
margin:0px 1px;
} 
.spiffy4{ 
border-right:1px solid #919191;
border-left:1px solid #919191;
} 
.spiffy5{ 
border-right:1px solid #3f3f3f;
border-left:1px solid #3f3f3f;
} 
.spiffy_content{ 
padding:0px 5px;
background:#000000;
} 
</style> 
<div> 
<b class="spiffy"> 
<b class="spiffy1">[/b]
<b class="spiffy2">[/b]
<b class="spiffy3">[/b]
<b class="spiffy4">[/b]
<b class="spiffy5">[/b] 
[/b] <div class="spiffy_content">

 
</div>
<b class="spiffy"> 
<b class="spiffy5">[/b]
<b class="spiffy4">[/b]
<b class="spiffy3">[/b]
<b class="spiffy2">[/b]
<b class="spiffy1">[/b] 
[/b] 
</div>

**webdemo** · 05-09-2006, 00:30

prova cosi':

codice:

.spiffy_content{ 
padding:0px 5px;
background:#000000;
height:300px;
}

ciaux

**WeB VaLiDaToR** · 05-09-2006, 02:01

ok..risolto...ora il mio problema è affiancare i due div.....
ora vi posto css e html....
CSS:

codice:

.spiffy{ width:500px; display: block;} 
.spiffy *{height:1px; overflow:hidden; background:#000000; display: block; } 
.spiffy1{ border-right:1px solid #919191; padding-right:1px; margin-right:3px; border-left:1px solid #919191; padding-left:1px; margin-left:3px; background:#3f3f3f; } 
.spiffy2{ border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; padding:0px 1px; background:#303030; margin:0px 1px; } 
.spiffy3{ border-right:1px solid #303030; border-left:1px solid #303030; margin:0px 1px; } 
.spiffy4{ border-right:1px solid #919191; border-left:1px solid #919191; } 
.spiffy5{ border-right:1px solid #3f3f3f; border-left:1px solid #3f3f3f; } 
.spiffy_content{background:#000000;height:150px; width:500px; } 



.quadro2{width:200px; display: block;} 
.quadro2 *{height:1px;overflow:hidden;background:#ee55ff; display: block;} 
.quadro21{ border-right:1px solid #f7b5ff;padding-right:1px;margin-right:3px;border-left:1px solid #f7b5ff;padding-left:1px;margin-left:3px;background:#f27fff;} 
.quadro22{ border-right:1px solid #fdeeff;border-left:1px solid #fdeeff;padding:0px 1px;background:#f175ff;margin:0px 1px;} 
.quadro23{ border-right:1px solid #f175ff;border-left:1px solid #f175ff;margin:0px 1px;} 
.quadro24{ border-right:1px solid #f7b5ff;border-left:1px solid #f7b5ff;} 
.quadro25{ border-right:1px solid #f27fff;border-left:1px solid #f27fff;} 
.quadro2_content{background:#ee55ff;height:200px;width:200px;}

HTML:

codice:

<html>
<head>
<title>xxxxxxxxx</title>
<link rel="stylesheet" type="text/css" href="stili/stile.css">
</head>
<body>
<div> 
<b class="spiffy"> 
<b class="spiffy1">[/b] 
<b class="spiffy2">[/b] 
<b class="spiffy3">[/b] 
<b class="spiffy4">[/b] 
<b class="spiffy5">[/b] [/b] 
<div class="spiffy_content"> 
 
</div> <b class="spiffy"> 
<b class="spiffy5">[/b] 
<b class="spiffy4">[/b] 
<b class="spiffy3">[/b] 
<b class="spiffy2">[/b] 
<b class="spiffy1">[/b] [/b] 
</div>

<div> 
<b class="quadro2"> 
<b class="quadro21">[/b]
<b class="quadro22">[/b]
<b class="quadro23">[/b]
<b class="quadro24">[/b]
<b class="quadro25">[/b] [/b] <div class="quadro2_content">
 </div>
<b class="quadro2"> 
<b class="quadro25">[/b]
<b class="quadro24">[/b]
<b class="quadro23">[/b]
<b class="quadro22">[/b]
<b class="quadro21">[/b] [/b] </div>


</body>
</html>

Come affianco i due div?

**Mich_** · 05-09-2006, 09:31

Come affianco i due div?

Con un
float:left;
applicato ad ambedue. Ricordati poi di togliere il float mediante un opportuno clear.
Il destro puo` avere un float:right, se ti pare meglio (cambia la posizione degli eventuali spazi in eccesso).

Discussione: spiffy corners e altezza

Strumenti discussione

Ricerca discussione

Visualizza

spiffy corners e altezza

Permessi di invio