Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Comandi testo

  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2010
    Messaggi
    45

    Comandi testo

    Ciao a tutti verrei sapere tutti i comandi per togliere qualsiasi bordo o margine che sia al testo!!

    sto per diventare matto
    ogni browser fa come vuole nonostante io abbia dato padding 0 margin 0 e border 0

    datemi come posso fare vi posto il problema se vi serve

  2. #2
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    77
    Se posti il codice possiamo aiutarti meglio; se hai un link alla pagina su cui stai lavorando meglio ancora.

    Comunque in genere per allineare il comportamento di tutti i browser è meglio impostare:
    body {margin:0; border:0; padding:0}.
    oppure anche:
    * {margin:0; border:0; padding:0}.

    Ciao.

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2010
    Messaggi
    45
    il sito in questione è skylan.it

    il problema è la data che sta dentro al cerchio:

    Ho messo un quadrato giallo per farvi capire che devo mettere la data li dentro e deve essere centrata per tutti i le macchiene e per tutti i sistemi operativi:

    il codice html che ho utilizzato per la data è il seguente :
    codice:
    <div class="datapost">
    <div class="divdata">
    
    
    
    <span class="numdata"><?php the_time('j') ?></span><?php echo('
    ') ?><?php the_time('M') ?>
    </p>
    
    </div>
    </div>
    il codice css invece che ho utilizzato è il seguente:
    codice:
    .datapost{
    	position:relative;
    	background-image:url("http://www.skylan.it/wp-content/themes/tutorial_theme/images/bottonarticoli.jpg");
    	background-repeat:no-repeat;
    	height:70px;
    	width:70px;
    	margin-top:-35px;
    }
    .divdata{
    	background:yellow;
    	position:absolute;
    	width:40px;
    	height:40px;
    	left:50%;
    	top:50%;
    	margin-left:-20px;
    	margin-top:-20px;
    }
    .datapost .divdata p{
    	padding:0px;
    	margin:0px;
    	width:40px;
    	height:40px;
    	text-align:center;
    	font-family:"LubalinGraphStd-Book";
    	line-height: 0.6;
    }
    .numdata{
    	padding:0px;
    	margin:0px;
    	font-size:23pt;
    }
    Cosi in windows si vede bene ma se provate su altre macchine come mac o ubuntu allora la data si vede spostata di circa 10px verso l'alto!!

    Per voi sarà una cavolata ma io sto per deventare matto!!

    Grazie a tutti per il vostro aiuto

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    77
    Ciao albyy911, hai per caso risolto?
    Se hai delle differenze, più che dal sistema operativo dipende dal browser.
    Io sto guardando il sito e con Linux Mandriva (Firefox, Chromium, Opera, Konqueror), Win XP e Win7 (IE8) vedo che la data è centrata; con IE7 invece c'è qualche problema (come al solito).

    Ci sei arrivato facendo un uso massiccio di position:absolute, ma l'importante è il risultato!
    Altra cosa da controllare: sei sicuro che non dipenda dal font utilizzato? Non in tutti i sistemi è presente "LubalinGraphStd-Book": se su Ubuntu quel font non c'è e ti viene sostituito con (ad esempio) un Arial, la dimensione del carattere può essere diversa.
    A mio avviso, le strade possibili sono due:
    - utilizzare un posizionamento relativo e calcolare tutti i margini in percentuale;
    - utilizzare un font standard presente in tutte le macchine.

    Spero di essere stato d'aiuto.
    Ciao.

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.