- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Formattare il testo con i CSS
-
Formattare il testo con i CSS
Ciao a tutti, stavo facendo esperimenti con i css sul testo.
Volevo sapere se era possibile ottenere un testo fisso, non ridimensionabile con i comandi browser dall'utente.Con questo codice risolvo il problema solo su explorer...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<title>Lezione 6 - Titolo e Testo</title>
<style type="text/css">
<!--
.titolo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14pt;
font-weight: bold;
color: #FF9900;
}
.testo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
font-weight: normal;
color: #333333;
}
a:link {
font-size: 12pt;
font-style:italic;
color:#00FF00;
text-decoration: underline;
}
a:visited {
font-size: 12pt;
color: #00FF00;
text-decoration: underline;
}
a:hover {
font-size: 12pt;
color:#0000FF;
text-decoration: none;
}
a:active {
font-size: 12pt;
color:;
text-decoration: underline;
}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body>
<p class="titolo">StileTitolo</p>
<p class="testo">StileTesto</p>
<p><a href="#">StileLink</a></p>
</body>
</html>Ciao
Alessandro
-
@Ale78 said:
Volevo sapere se era possibile ottenere un testo fisso, non ridimensionabile con i comandi browser dall'utente.
Cosa intendi? che se vado su visualizza e faccio dimensioni testo/ingradisci non deve cambiare??
-
@HaccaH said:
Cosa intendi? che se vado su visualizza e faccio dimensioni testo/ingradisci non deve cambiare??
Ma perchè farlo? :bho:
-
beh si, in effetti non ha molto senso... era una curiosità!
-
Comunque se intendi bloccare il ridimensionamento dei caratteri da parte del browser, credo sia possibile.
Avevo aperto un post dove se ne parlava.
Se vuoi te lo cerco.
-
Si può fare con IE. Con Firefox è un po' più dura.
Ma perché non dare la possibilità a chi vede poco di ingrandire il testo?
-
@massy said:
Ma perché non dare la possibilità a chi vede poco di ingrandire il testo?
Quoto "abbestia"
-
@massy said:
Ma perché non dare la possibilità a chi vede poco di ingrandire il testo?
Perchè sono malefico, ovvio!!!!:pipi:
-
Parto dal presupposto che usare il tag bold oppure strong serva per dare evidenza anche semantica ad una serie di parole.
Io vorrei invece usare il grassetto solo per far leggere al meglio un elenco di informazioni.
Vorrei far apparire nel mio sito questo elenco:
Nome pista: Alba dei Camosci
Dislivello: 700 metri
Resort: Val Gardena
ecc...Le opzioni possibili sono queste:
-
uso per le parole che voglio ingrassettare il tag bold (la classica b e /b)
-
uso il tag strong
-
creo un div con la proprietà
.grassetto02 {font-style: normal;
font-weight: bold;
}
***** qui però mi va a capo la parte in grassetto... come facci oa metterla inline? -
anzichè dei div uso degli span con la stessa classe
e poi scrivo:
nome pista: <div class="grassetto02">Alba dei Camosci</div>Secondo voi per il posizionamento e per l'usdabilità quale è la soluzione da adottare?
Se il messaggio è più "da posizionamento" spostatelo di la
-
-
@HaccaH said:
Perchè sono malefico, ovvio!!!!:pipi:
Ci si sbatte per l'usabilità e tu vuoi fare una cosa del genere? Boh... la trovo incomprensibile...
-
creo un div con la proprietà
.grassetto02 {qui però mi va a capo la parte in grassetto... come facci oa metterla inline?
E grazie. Metti un blocco.
Puoi
- mettere uno span
- definire quei div come inline:
grassetto02 {
display:inline;
font-style: normal;
font-weight: bold;
}
-
Ho questa struttura:
<div class="setliv02"> <div class="recensione"> <p class="title">TITOLO</p> <p>testo testo testo</p> </div> </div>
Come faccio a specificare che solamente per i P di classe TITLE contenuti dentro un div di classe RECENSIONE a sua volta contenuto in un div di classe SETLIV02 abbiano determinate caratteristiche?
-
Allora:
Intanto grazie per aver usato la funzione "Cerca" ripescando così un post di 2 anni fa ed evitando ripetizioni
Comunque per il tuo problema devi agire in modo scalare:
[html]
div.SETLIV02 div.recensione p.TITLE{
/attributi/
}
[/html]Se sei sicuro che i nomi delle classi li abbiano solo i div e il tuo P allora puoi omettere il richiamo sui tag assodandolo in:
**.SETLIV02 .recensione .TITLE{}
**Facci sapere ciao!