Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 19
  1. #1

    Gallery swf in conflitto coi css?

    Salve.
    Eccomi col mio bel problemino quotidiano...

    Ho una pagina html già pronta con una gallery swf/javascript al suo interno, funzionante.
    Siccome a tale pagina è associato un menù in un altro frame, desidero unificare i due frame in un'unica pagina mediante i div... se non che qualcosa non funziona perché la gallery... non si vede, o se si vede qualcosa, sono le miniature se vado a modificare dei parametri...

    Questo è il css della pagina dove sto "unendo" i due frame mediante i box div.
    codice:
    html { height: 100%; overflow: hidden; }
    body { background: #000000; height: 100%; font-family: Arial, Verdana, Helvetica; font-size: 14px; align: center; margin: 0px; }
    p,h1,h3,h4,ul,ol,li,div,td,th,adress,form { font-family: Arial, Verdana, Helvetica; color: #ffffff; font-size: 14px; }
    input     { font-family: Arial, Verdana, Helvetica; font-size:14pt }
    a:link    { color: #808080; text-decoration: none; font-weight: bold }
    a:visited { color: #808080; text-decoration: none; font-weight: bold }
    a:active  { color: #ffffff; text-decoration: none; font-weight: bold }
    a:hover   { color: #ffffff; text-decoration: none; font-weight: bold }
    .sfondotd { background: #505050; }
    
    #sommario
    {
    	float: left;
    	padding: 15px 0px 0px 0px;
    	width: 200px;
    	height: 100%;
    	font-size: 10px;
    	text-align: center;
    	border-right: 1px solid #fff;
    }
    
    #progetto
    {
    	padding: 15px 0px 0px 0px;
    	height: 100%;
    	text-align: center;
    }
    
    	
    #flashcontent
    {
    	height: auto;
    }
    Questo è il codice della pagina sudetta, che si appoggia a quel foglio di stile (fex.css).
    codice:
    <!DOCTYPE html PUBLIC "-//w3c//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>fABRICA</title>
    <link rel="stylesheet" href="fex.css" type="text/css" />
    <script type="text/javascript" src="swfobject.js"></script>
    </head>
    <body>
    <div id="sommario">
    	TORNA ALL'ELENCO
    
    
    	[img]../menu/anteprime/manifattura_bari.jpg[/img]
    
    	MIGLIORAMENTO SISMICO EX MANIFATTURA, BARI
    
    	€ 15.140.961
    
    
    	FOTO
    
    	DESCRIZIONE
    
    	PDF
    </div>
    <div id="progetto">
    	<center><table width="80%" border="0" cellspacing="0" cellpadding="0">
    		<tr>
    			<td align="center" valign="middle" class="sfondotd">Riconversione a università della ex Manifattura, Bari
    
    			Miglioramento sismico e realizzazione nuove strutture</td>
    		</tr>
    	</table>
    	<div id="flashcontent">SimpleViewer richiede Adobe Flash. Clicca qui per scaricarlo. Se hai installato Adobe 
    	Flash, clicca qui per vedere la gallery.</div>
    	<script type="text/javascript">
    		var fo = new SWFObject("viewer.swf", "viewer", "100%", "85%", "7", "#000000");	
    		fo.addVariable("preloaderColor", "0xffffff");
    		fo.addVariable("xmlDataPath", "manifattura_bari.xml");	
    		fo.write("flashcontent");
    	</script></center>
    </div>
    </body>
    </html>
    E questo è il codice del frame vecchio funzionante, con del css che, a tenerlo lì o a portarlo nel fex.css, non mi cambia la situazione... (già provato in tutte le salse).
    codice:
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Nuova pagina 1</title>
    <link href="../../fex.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="swfobject.js"></script>
    <style type="text/css">	
    	/* hide from ie on mac \*/
    	html {
    		height: 100%;
    		overflow: hidden;
    	}
    	
    	#flashcontent {
    		height: 100%;
    	}
    	/* end hide */
    
    	body {
    		height: 100%;
    		margin: 0;
    		padding: 0;
    		background-color: #000000;
    		color:#ffffff;
    	}
    </style>
    </head>
    <body bgcolor="#000000">
    <center><table width="90%" border="0" cellspacing="0" cellpadding="0">
    	<tr>
    		<td align="justify" valign="middle">
    
    		<div align="center" style="background:#505050">Riconversione a università della ex Manifattura, Bari
    
    			Miglioramento sismico e realizzazione nuove strutture</div></td>
    	</tr>
    </table></center>
    <div id="flashcontent">SimpleViewer richiede Adobe Flash. Clicca qui per scaricarlo. Se hai installato Adobe 
    Flash, clicca qui per vedere la gallery.</div>
    <script type="text/javascript">
    	var fo = new SWFObject("viewer.swf", "viewer", "100%", "85%", "7", "#000000");	
    	fo.addVariable("preloaderColor", "0xffffff");
    	fo.addVariable("xmlDataPath", "manifattura_bari.xml");	
    	fo.write("flashcontent");	
    </script>
    </body>
    </html>
    Gli oggetti esterni necessari alla gallery sono condivisi dalle due versioni, quindi qualcosa non va nel codice, ma non capisco cosa.

    ---

    Aggiungo che nel css, ho impostato height di #flashcontent ad "aut"o perché è un div annidato dentro uno al 100%, e cmq anche con "100%" non cambia una mazza!

  2. #2
    Ho paura che per verificare la presenza di qualche conflitto sia una cosa abbastanza lunga a meno che uno non ci capiti proprio dritto subito, penso sarebbe più comodo un link online si ci potrebbe rendere conto meglio del problema

  3. #3
    A meno delle immagini (si vedranno delle X bianche), ho messo tutto il necessario qui http://www.sendspace.com/file/2m0it0
    Basta scompattarlo in un'unica cartella.

  4. #4
    Gli da fastidio l'istruzione in rosso se la togli torna a funzionare lo swf
    codice:
    #sommario
    {
    	float: left;
    	padding: 15px 0px 0px 0px;
    	width: 200px;
    	height: 100%;
    	font-size: 10px;
    	text-align: center;
    	border-right: 1px solid #fff;
    }

  5. #5
    Facendo come suggerisci:
    - perdo il bordo tra i due div a tutta altezza, e se metto il bordo come sinistro del div #progetto... finisce a sinistra di #sommario!
    - si vede qualcosa della gallery, ma l'immagine grande... è più piccola delle miniature!

  6. #6
    Originariamente inviato da Gas75
    Facendo come suggerisci:
    - perdo il bordo tra i due div a tutta altezza, e se metto il bordo come sinistro del div #progetto... finisce a sinistra di #sommario!
    - si vede qualcosa della gallery, ma l'immagine grande... è più piccola delle miniature!
    Certamente vuole riposizionato gli elementi.

    Io ho solo individuato l'istruzione che dava fastidio, non ho potuto fare una bozza di riposizionamento degli elementi perchè non avendo a disposizione tutta la grafica, immagini e galleria, non ho potuto avere ne una visione ne un'idea dell'insime e di come posizionare gli elementi

  7. #7
    Tralasciando i problemi della galleria, non riesco a spiegarmi perché dando
    codice:
    border-right: 1px solid #fff;
    a #progetto, finisca a sinistra anche di #sommario. Mi sballa tutti i concetti che credevo di avere capito.

  8. #8
    Originariamente inviato da Gas75
    Tralasciando i problemi della galleria, non riesco a spiegarmi perché dando
    codice:
    border-right: 1px solid #fff;
    a #progetto, finisca a sinistra anche di #sommario. Mi sballa tutti i concetti che credevo di avere capito.
    Ora non ho più sottocchio i tui file, ma a naso suppongo che ciò avvenga in base alla regola che la larghezza del div è data da:
    width+margin+border+padding, esempio width 100px border-right 1px = larghezza div 101px, pertanto se il tuo div è esattamente di misura aggiungendo il bordo si allunga e sballa tutto, ed eventualmente tende anche ad andare a capo.

    Tutto questo è una supposizione perchè non avendo sottocchio gli elementi non posso dire nulla di certo

  9. #9
    Avevo sbagliato a scrivere...
    a #progetto ho dato
    codice:
    border-left: 1px solid #fff;
    mentre #sommario ha
    codice:
    float: left;
    Se ho capito un minimo, con #sommario tutto a sinistra, #progetto occupa la parte destra della pagina, giusto? Quindi se gli do un bordo sinistro, deve posizionarsi al confine tra i due div, specie se in larghezza ho definito solamente #sommario (200px), e non ho alcun padding, border o margin in larghezza diversi da zero. Quindi #progetto si dovrebbe adattare senza restrizioni allo spazio che gli resta, no?

  10. #10
    si dovrebbe in teoria comportarsi così a meno di interferenze.

    Prova comunque a dare un float:left anche a #progetto e fare un clearing dopo i due div.

    Ora non posso appena mi rimetto davanti al PC provo rivedere i tui file

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.