[css] domanda su "display: inline"

[Frankesk]

è normale che se setto "display: inline" invece che "display: block", il div assuma le dimensioni del contenuto piuttsto che quelle che gli ho specificato tramite "width" ed "height"?

div.nfo {
	background-color: #E5FAFD;
	border: 1px solid Black;
	width: 128px;
	height: 256px;
	position: relative;
	display: inline;
}

se uso questa classe su un div e il div non contiene nulla (<div....></div>) esso si riduce ad un .. punto... 0x0. invece se gli setto "display: block" assume widthXheight anche se è vuoto. però io non voglio i line-break prima e dopo ed ho la necessità di dargli inline.

[br1]

ti sposto

[deleted_id_48586]

Originariamente inviato da Frankesk
è normale che se setto "display: inline" invece che "display: block", il div assuma le dimensioni del contenuto piuttsto che quelle che gli ho specificato tramite "width" ed "height"?

div.nfo {
	background-color: #E5FAFD;
	border: 1px solid Black;
	width: 128px;
	height: 256px;
	position: relative;
	display: inline;
}

se uso questa classe su un div e il div non contiene nulla (<div....></div>) esso si riduce ad un .. punto... 0x0. invece se gli setto "display: block" assume widthXheight anche se è vuoto. però io non voglio i line-break prima e dopo ed ho la necessità di dargli inline.

si è così che funziona

[zoom]

ecco, è giusto che funzioni così...
ma se per caso a qualcuno a caso (io) interessasse avere un elemento inline con tanto di width e height?

sto facendo una lista inline per fare il menù in orizzontale.
ogni elemento però mi serve che abbia una dimensione definita...
secondo voi come potrei fare? :master:

[pierofix]

Non si può.



Gli elementi inline hanno la caratteristica di uniformarsi alle dimensioni del loro contenuto. Se volete impostare altezze e larghezze dovete impostare il dislay a block, ma ci stiamo mordendo la coda.

Cosa dovete realizzare, esattamente?

[jesus]

Originariamente inviato da zoom

ecco, è giusto che funzioni così...
ma se per caso a qualcuno a caso (io) interessasse avere un elemento inline con tanto di width e height?

sto facendo una lista inline per fare il menù in orizzontale.
ogni elemento però mi serve che abbia una dimensione definita...
secondo voi come potrei fare? :master:

credo che dovresti usare il float.

[zoom]

sto facendo un menù orizzontale.
per visualizzarlo meglio senza css ho usato una lista che poi ho modificato e piazzato con tutti gli elementi inline.
ora però a me serve che il li (o il link contenuto) abbia dimensione fissa perchè devo mettere uno sfondo no-repeat.
però ovviamente se metto block mi ritorna ad andare a capo...

:master:
qualche idea folle?

[jesus]

Originariamente inviato da zoom
sto facendo un menù orizzontale.
per visualizzarlo meglio senza css ho usato una lista che poi ho modificato e piazzato con tutti gli elementi inline.
ora però a me serve che il li (o il link contenuto) abbia dimensione fissa perchè devo mettere uno sfondo no-repeat.
però ovviamente se metto block mi ritorna ad andare a capo...

:master:
qualche idea folle?

metti gli a all'interno dei li con float left

[zoom]

non so perchè, però funziona.


gracias

[jesus]

Originariamente inviato da zoom

non so perchè, però funziona.


gracias

perchè è questo il metodo