Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di longline
    Registrato dal
    Sep 2001
    Messaggi
    5,363

    Margine sotto alle immagini: come rimuoverlo?

    Ciao a tutti, ho questo problema: le immagini nei DIV "navigation" e "content" non si toccano verticalmente, rimane cioè visibile lo sfondo del DIV. Perché? Vorrei che le immagini si toccassero, ma non ci riesco, potete aiutarmi? Grazie mille!

    codice:
    /*stili per il layout fisso*/
    html,body{margin: 0;padding:0}
    body{font-family: arial,sans-serif;font-size: 76%;text-align: center; background-image:url('sysimg/Sfondo.gif'); background-repeat:repeat}
    div#container{width: 760px; margin: 0 auto;text-align: left; border: 0px; background-color: black;}
    
    /*stili generici, su header e footer*/
    div#header{background-color:#36C;color: #ff0; background-image:url('sysimg/IntestazioneHome.jpg'); height:382px;}
    /*div#header{background-image:url('\sysimg\IntestazioneHome.jpg')}*/
    h1,h2{margin: 0;padding:0}
    h1{padding-right:0.5em;}
    h2{color: #999;font-size: 1.5em}
    div#footer a{color: #fff;font-weight: bold;text-decoration: underline}
    
    /*stili specifici per il layout*/
    div#navigation{background-color: yellow; float:left; width:275px; margin: 0px; padding: 0px; border-style: none;}
    div#content{background-color: black; color: white; margin-left: 13em; padding-top: 1em; padding-left: 11em}
    div#footer{clear:left; text-align:center; padding: 0.5em; background-color: #69c; color: #000}
    
    img.img-lato{border-style: none; padding: 0px;
    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    	<head>
    
    		<title>PSB</title><meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    		<link rel='stylesheet' href='style.css' type='text/css'>
    	</head>
    	<body>
    
    		<div id="container">
    			<div id="header">
    				<h1>PSB</h1>
    			</div>
    			<div id="navigation">[img]sysimg/ImgHome-01.jpg[/img][img]sysimg/ImgHome-02.jpg[/img]
    </div>
    			<div id="content">
    				[img]sysimg/ImgHome-01.jpg[/img][img]sysimg/ImgHome-02.jpg[/img][img]sysimg/ImgHome-01.jpg[/img][img]sysimg/ImgHome-02.jpg[/img]
    				contenuto centrale contenuto centrale contenuto centrale contenuto centrale contenuto centrale 
    				contenuto centrale contenuto centrale contenuto centrale contenuto centrale contenuto centrale 
    
    			</div>
    			<div id="footer">
    				© 2012 - ME
    			</div>
    		</div>
    	</body>
    </html>

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Prova con un vertical-align: bottom sulle immagini (il loro allineamento è di default sopra il rigo base - il rigo base parte da sopra i puntini " ... p" , al di sotto resta lo spazio per il tratto di caratteri quali p, g eccetera)

  3. #3
    Utente di HTML.it L'avatar di longline
    Registrato dal
    Sep 2001
    Messaggi
    5,363
    Wow, ha funzionato (sia con bottom, sia con top) Grazie!
    Non ci sarei mai arrivato

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 © 2025 vBulletin Solutions, Inc. All rights reserved.