non mi funziona display:inline

L

loverdrive

Nuovo Utente
17 Ott 2011
1
0
0
Ciao. Io ho un div, al cui interno ci sono altri 2 div che devono stare affiancati. Però li visualizzo uno sotto e l'altro sopra:

Il codice css è:
Codice: 
div.gallery_page {
	border: thin solid #fe0192;
	width: auto;
	height: auto;
	position: absolute;
	top: 200px;
	left: 250px;
	width: 600px;
	height: 600PX;
	padding-right: 80px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	font-size: 16pt;
	color: #A8A8A8;
	
}

div.album_gallery {
	border: thin solid #ffffff;
	width: 185px;
	height: 250px;
}

img.gallery_menu {
	display: inline;
	border: none;
	margin: 20px;
}

mentre l'html:
Codice: 
<div class="gallery_page">

<div class="album_gallery">
<a href="gallery_ilaria-loris.html"><img class="gallery_menu" src="path/image.jpg"></a><br>
<center>Matrimonio <br>
Ilaria&Loris
</center>
</div>

<div class="album_gallery">
<a href="gallery_serena-francesco.html"><img class="gallery_menu" src="path/image2.jpg"></a><br>
<center>Matrimonio <br>
Serena&Francesco
</center>
</div>

</div>

In questo modo, risulta così
simple.jpg


e non è come lo vorrei, cioè allineati. Allora provo a modificare il css, per la precisione modifico div.album_gallery:

Codice: 
div.album_gallery {
	border: thin solid #ffffff;
	width: 185px;
	height: 250px;
	display: inline;
}

però mi esce una cosa strana, cioè:

inline.jpg



E' da un'ora che sto litigando con 'sto coso, magari il problema è un errore banale che non riesco a trovare. Qualcuno saprebbe dirmi dove sbaglio? :)

grazie!
 
borgo italia

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ciao
anche se in ritardo, prova in questo modo
HTML: 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
<style type="text/css">
div.gallery_page {
	background-color:#CCCCCC;/*messo per vedere le divisioni*/
	border: thin solid #fe0192;
	position: absolute;
	top: 50px;
	left: 250px;
	width: 600px;
	height: auto;
	padding-right: 80px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	font-size: 16pt;
	color: #A8A8A8;
}
div.album_gallery {
	background-color:#FF0000;/*messo per vedere le divisioni*/
	display:block;
	position:relative;
	border: thin solid #ffffff;
	width: 185px;
	height: 250px;
	float:left;
	clear: left;
}

img.gallery_menu {
	display: block;
	width: 335px;
	height:auto;
	float: left;
	position:relative;
	border: none;
	margin: 20px;
}

</style>
</head>
<body>
<div class="gallery_page">
	<div class="album_gallery">aaaaaa</div>
    <img src="gatto.jpg" class="gallery_menu">
	<div class="album_gallery">bbbb</div>
    <img src="gatto.jpg" class="gallery_menu">
	<div class="album_gallery">cccc</div>
    <img src="gatto.jpg" class="gallery_menu">
</div>
</body>
</html>
non so se funzia su tutti i bw, ho provato solo su IE, ill'immagine si affianca al testo e ogni nuovo testo+immagine un nuova riga
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
F comando di inclusione file audio in I-Pad non funziona HTML e CSS 1
R jquery che cambia css di un elemento non mi funziona sulla pagina caricata da ajax Ajax 5
zorro CREATE TABLE non funziona PHP 6
P jquery refresh div non funziona Javascript 0
zorro modulo di registrazione: funziona ma non sempre PHP 2
T IP INFO NON FUNZIONA PHP 0
P Data scraping in PHP non funziona PHP 4
P Pagina modifica record che non funziona PHP 0
Shyson Codice wp-login non funziona PHP 2
R INSERT INTO tabella non funziona Classic ASP 2
F Script java elenco alfabetico non funziona Javascript 3
R Select concatenata che non funziona la seconda volta Ajax 3
A funzione iconv () non mi funziona PHP 4
D Alias AS non funziona più con DATE_FORMAT? MySQL 2
Alex_70 Button non funziona nella form PHP 2
Tommy03 Order by non funziona MySQL 6
D FPDF non funziona PHP 3
M Guestbook - non funziona dopo upgrade di PHP PHP 5
T script jquery non funziona più dopo il passaggio a MVC jQuery 5
F [Javascript] comando innerHTML non funziona Javascript 5
Max 1 [PHP] Script che funziona in locale e non online PHP 16
P [Joomla] Il mio iframe non funziona più Joomla 0
gandalf1959 [PHP] Inserimento di più righe non funziona come mi aspetto... PHP 2
felino [Windows 8.1] Windows Update non funziona correttamente Windows e Software 3
max1974 [Javascript] Grafico ajax non funziona Javascript 0
M [HTML] Picture Tag non funziona in header-Element HTML e CSS 0
A Libero mail non funziona Posta Elettronica 3
mferri Collegamento con xampp non funziona più da cambio di operatore. Web Server 2
L [HTML] Caricato sito sul server, ma non funziona con tutti i browser HTML e CSS 2
L Caricato sito sul server, ma non funziona con tutti i browser Presentati al Forum 1
I PHPMailer non funziona PHP 13
H [Photoshop] Filtro Nik Dfine non funziona. Photoshop 1
K Ipcam 4g e smartphone 4g non funziona IP Cam e Videosorveglianza 4
M [RISOLTO]Windows media player non mi funziona più su win 10 pro 64 bit Windows e Software 2
F [MS Access] VBA non funziona più MS Access 2
A [Photoshop] Tavoletta grafica Huion non funziona con PS CS6 Photoshop 2
V Creare tabella mysql con php non funziona PHP 1
Koboshi [Javascript] Carico sul server e non funziona più. Javascript 4
Koboshi [HTML] Line-height non funziona ç_ç HTML e CSS 3
V [PHP] Perché non funziona ? PHP 1
I [CSS] Galleria immagini non funziona HTML e CSS 12
paloppa [Javascript] Mindate non funziona Javascript 0
G [PHP] ini_set() non funziona PHP 4
X [PHP] campi obbligatori multiupload non funziona PHP 6
K [Visual Basic] Stampa e modifica record non funziona più Visual Basic 0
otto9due .detach().appendTo(..) Perchè non funziona? jQuery 1
ken_korn [Javascript][Risolto] browser.tab.Tabs.favIconUrl non funziona Javascript 5
bubino8 [PHP] split con ajax non funziona PHP 7
G [HTML] Visualizzare iframe in un blog non funziona sempre xchė? HTML e CSS 3
alessandroz Select ... where... AND... aggiornamento PHP non funziona PHP 9

Discussioni simili

Alto Basso