Visualizzazione dei risultati da 1 a 1 su 1
  1. #1

    Titolo <h2> con file di icone non allineati in Firefox

    Ciao,

    ho un titolo <h2> cui vorrei allineare una file di icone contenute in un <div>. Inizialmente si potesse ottenere banalmente settando entrambi a float (sinistro e destro rispttivamente).

    Tuttavia mentre funziona correttamente in IE, in Firefox il titolo rimane su un livello sottostante rispetto le icone (come si vede nell'immagine).

    Come posso mettere titolo e icone sulla stella linea (senza ricorrere a elementi aggiuntivi se possibile)?

    Grazie

    DI seguito posto il codice HTML
    codice:
    <div class="GroupPanel">
    
      <h2>[%IfNull(Row.Title,Row.Name,Row.Title)]</h2>
    
      <div class="actionIconsContainer">
        [img]/Gif/update.gif[/img]
        [img]/Gif/update.gif[/img]
      </div>
    </div>
    e CSS
    codice:
    .GroupPanel{ padding:10px;}
    
    h2 
    {	
    	display:inline;
    	float:left;
    	font-size: 16px;
    	font-weight: bold;
    	font-family: Calibri;
    	letter-spacing: -0.2px;
    	margin-bottom:0px;
    }
    
    .actionIconsContainer	
    {
    	width:auto;
    	margin:0;
    	padding:0;
    	display:inline;
    	text-align:right;
    	float:right;
    }
    
    .actionIconsContainer A
    {
    	padding: 0 4px;
    }
    
    .actionIconsContainer A img
    {
    	vertical-align:middle;
    }
    Immagini allegate Immagini allegate

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.