Scegliere altezza di un carattere?

Salve, mi domandavo se si può scegliere l' altezza di un singolo carattere.. in particolare del carattere " | " .. Vorrei che fosse alto 24px... E non posso metterlo in un div altrimenti mi si incasinano i codici <.< Non so se è la sezione giusta, suppongo di no.. lol

[karl94]

Non esiste un selettore CSS che identifichi un singolo carattere qualsiasi, perché non lo inserisci in uno span?

Cioè <span style="height: 24px;">|</span> ? Se scrivo così non mi cambia :/

[karl94]

Sì, è corretto. Puoi indicare la pagina o il codice intero?

ma tuo vuoi cambiare il font size...

o forse o capito male?
non puoi fare <pan style= font-size:..... ecc

[javascripter]

Invece della proprietà height, usa font-size.

Sarebbe interessante sapere cosa vuoi cercare di fare comunque!

Usando font-size nello span mi sposta il testo in basso e con padding-top: numeronegativo; non risolvo nulla..Vabbè va bene anche così <.<

[karl94]

Tu stai cercando di usare un carattere in modo improprio, quello che tu cerchi è un semplice bordo da applicare alle voci del tuo menù, questo è compito del CSS ed e con esso che deve venire definito.
Inoltre fai uso di un elemento deprecato da anni, font, anche per questo vale lo stesso discorso: non è compito dell'HTML definire l'aspetto grafico di un documento.

come scusa deprecato da anni???

io nei miei css lo uso un sacco... cosa dovrei usare al suo posto?

karl se usi un color in un div e vuoi cambiare per un solo elemento non puoi creare un altro div, è uno spreco di tempo, per questo ricorro al font.

PS: Se creo uno script del tipo

<script>
var e = char(124);
e.style.height = '24';
</script> 

[karl94]

L'elemento HTML font è deprecato, non la proprietà CSS omonima che può essere usata al suo posto.

karl se usi un color in un div e vuoi cambiare per un solo elemento non puoi creare un altro div, è uno spreco di tempo, per questo ricorro al font.

PS: Se creo uno script del tipo

<script>
var e = char(124);
e.style.height = '24';
</script> 

Fare uno script apposito è un'inutile spreco di tempo, la cosa più semplice è usare le proprietà CSS che permettono di definire i bordi di un elemento.

Sì ma se voglio mettere il bordo alla distanza di 5 px da sinistra e 5 da destra, 2 dall' alto e 2 dal basso?

[karl94]

Basta specificare le distanze tramite la proprietà padding.
Nel tuo caso puoi fare così:

padding: 2px 5px;

Sì ma il bordo intendevo distante dal testo all' interno non all' esterno.. Cioè col padding scegli la posizione nel tutto non relativo al testo centrale.. o sbaglio?

[karl94]

Il padding è la distanza tra contenuto e bordo di un box, il margine è la spaziatura intorno al bordo.

Quindi se la classe dove vengono inserite le scritte del menu' è tm ed è così:

.tm {
width: 762px;
margin: auto;
text-align: center;
color: red;
padding-top: 7px;
font-family: 'Architects Daughter';
font-weight: bold;
}

come diventa?