Newsgroup: it.comp.lang.javascript
Titolo: CSS vs font

<p>aaaaaaa<h3><i>ohay&#333; gozaimasu</i> &egrave; una forma di
saluto</h3></p>
<p>aaaaaaaa<font face="Times New Roman"><i>ohay&#333; gozaimasu</i>
&egrave; una forma di saluto </font></p>
Nel primo caso, usando i CSS (dove h3 č: 
H3 { font-size:14px; font-family:"Times New Roman";
font-weight=lighter } 
nel file esterno di riferimento) ottengo:
aaaaaaa
ohayou gozaimasu č una forma di saluto
nel secondo caso, usando <font>, ottengo:
aaaaaaa ohayou gozaimasu č una forma di saluto
Come posso ottenere la forma del secondo caso (cioč tutto su una riga)
usando <h3> (ovvero i CSS)?
 Da notare che "aaaaaaa" non deve avere la formattazione h3 che deve
avere il resto del testo.
Spero di essere stato abbastanza chiaro nello spiegare questo quesito!
^_^
grazie
ciao!!
Waitan (Diego)
-------------------------------------------------------------------
"I suoni di Gommalacca sono suoni di superficie, di striscio...
solo i cantanti e gli indovini li praticano, solo i fortunati li ascoltano"
-------------------------------------------------------------------
togli NIGANSHENME!? per rispondere in email

 usando <h3> (ovvero i CSS)?
Non devi perche' <h3> non serve a quello (infatti h3 e' un titolo e
giustamente dopo </h3> va a capo.
Usa <span> se e' inline o <div> se block-level (questo e' inline)
Il tag font invece non usarlo MAI :-)
Cmq sei OT, il ng per questa domanda era news:it.comp.www.html
--
Laz  | ICQ: 26989309 | 
l...@libero.it
 | 244WU/2478hrs |
|   
http://heinlein.cjb.net
 - Sito italiano su RAH   |
|  
http://www.fumetti.org/inducks/
 - Fumetti Disney  |
|________"Any comments?"_"Nothing printable."________|

Cmq sei OT, il ng per questa domanda era news:it.comp.www.html
speravo di poter usare un CSS esterno....per semplificare il tutto.
Ora mi riguardo span e div.
Il tag font è "obsoleto", però funziona perfettamente per quello che
volevo fare, sia su IE che su NS.
Non mi ero accorto di essere OT: chiedo venia! :P
grazie e ciao!


 Non mi ero accorto di essere OT: chiedo venia! :P
Ormai l'hai chiesto qui, la prossima volta chiedi di la' :-)



Rieccomi,
con lo script e la risposta alle tue domande:
1. Browser: IE
2. versione: 5.01
3. S.O.: Windows 98
4. l'esistenza del font è garantita dal S.O. che utilizzo.
Spero di essere stato conclusivo ed esaustivo.
Ringrazio della disponibilità e dell'aiuto,
Angelo.
=============================
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<TITLE>Left</TITLE>
<!--
Questa riga è, per maggior chiarezza, sostituita dalle successive
<link rel="stylesheet" type="text/css" href="style1.css" />
-->
<style type="text/css">
<!--
body  { font-size:8 pt;
   font-family:"Arial";
   color:black;
   background;
   line-height:8 pt;
   margin-left:8 pt;
   margin-right:8 pt;}
a  { text-decoration:underline;}
   a:visited {color:gray;}
   a:visited {font-weight: bold}
   a:visited {font-size:8 pt}
   a:visited {text-decoration:underline}
   a:visited:hover {text-decoration:underline}
   a:link {text-decoration: underline}
   a:link {font-size:8 pt}
   a:link {font-weight: bold}
   a:link {color:black}
   a:active {color:black;}
   a:active {font-size:8 pt}
   a:active {text-decoration:underline}
   a:hover {text-decoration:underline}
   a:hover {font-weight: bold}
   a:hover {color:red}
-->
</style>
</HEAD>
<BODY bgcolor="white">
<SCRIPT LANGUAGE="JavaScript">
<!--
var caution = false
function setCookie(name, value, expires, path, domain, secure) {
        var curCookie = name + "=" + escape(value) +
                ((expires) ? "; expires=" + expires.toGMTString() : "") +
                ((path) ? "; path=" + path : "") +
                ((domain) ? "; domain=" + domain : "") +
                ((secure) ? "; secure" : "")
        if (!caution || (name + "=" + escape(value)).length <= 4000)
                document.cookie = curCookie
        else
                if (confirm("Cookie exceeds 4KB and will be cut!"))
                        document.cookie = curCookie
}
function getCookie(name) {
        var prefix = name + "="
        var cookieStartIndex = document.cookie.indexOf(prefix)
        if (cookieStartIndex == -1)
                return null
        var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex +
prefix.length)
        if (cookieEndIndex == -1)
                cookieEndIndex = document.cookie.length
        return unescape(document.cookie.substring(cookieStartIndex +
prefix.length, cookieEndIndex))
}
function deleteCookie(name, path, domain) {
        if (getCookie(name)) {
                document.cookie = name + "=" +
                ((path) ? "; path=" + path : "") +
                ((domain) ? "; domain=" + domain : "") +
                "; expires=Thu, 01-Jan-70 00:00:01 GMT"
        }
}
function fixDate(date) {
        var base = new Date(0)
        var skew = base.getTime()
        if (skew > 0)
                date.setTime(date.getTime() - skew)
}
function item(parent, text, depth) {
        this.parent = parent
        this.text = text
        this.depth = depth
}
function makeArray(length) {
        this.length = length
}
function makeDatabase() {
        outline = new makeArray(7)
        outline[0] = new item(true, '<A HREF="javascript:TwoInOne(0)"></A>',
0)
        outline[1] = new item(false, '<A
HREF="javascript:TwoInOne(1)">PRIMO_A</A>', 1)
        outline[2] = new item(false, '<A
HREF="javascript:TwoInOne(2)">PRIMO_B</A>', 1)
        outline[3] = new item(true, '<A HREF="javascript:TwoInOne(3)"></A>',
0)
        outline[4] = new item(false, '<A
HREF="javascript:TwoInOne(4)">SECONDO_A</A>', 1)
        outline[5] = new item(false, '<A
HREF="javascript:TwoInOne(5)">SECONDO_B</A>', 1)
        outline[6] = new item(false, '<A
HREF="javascript:TwoInOne(6)">SECONDO_C</A>', 1)
        setStates()
        setImages()
}
function setStates() {
        var storedValue = getCookie("outline")
        if (!storedValue) {
                for (var i = 0; i < outline.length; ++i) {
                        if (outline[i].depth == 0)
                                outline[i].state = true
                        else
                                outline[i].state = false
                }
        } else {
                for (var i = 0; i < outline.length; ++i) {
                        if (storedValue.charAt(i) == '1')
                                outline[i].state = true
                        else
                                outline[i].state = false
                }
        }
}
function setImages() {
        for (var i = 0; i < outline.length; ++i) {
                if (outline[i].state)
                        if (outline[i].parent)
                                if (outline[i].state)
                                        outline[0].pic = '<A
HREF="javascript:toggle(0);javascript:TwoInOne(0)"><IMG SRC="Gif/Punto.gif"
BORDER=0 ALT="Open/Close tree">PRIMO</A>'
                                else
                                        outline[0].pic = '<A
HREF="javascript:toggle(0)"><IMG SRC="Gif/white.gif" BORDER=0
ALT="Open/Close tree"></A>'
                        else
                                outline[i].pic = '<IMG SRC="Gif/white.gif"
BORDER=0>'
                if (outline[i].state)
                        if (outline[i].parent)
                                if (outline[i].state)
                                        outline[3].pic = '<A
HREF="javascript:toggle(3);javascript:TwoInOne(3)"><IMG SRC="Gif/Punto.gif"
BORDER=0 ALT="Open/Close tree">SECONDO</A>'
                                else
                                        outline[3].pic = '<A
HREF="javascript:toggle(3)"><IMG SRC="Gif/white.gif" BORDER=0
ALT="Open/Close tree"></A>'
                        else
                                outline[i].pic = '<IMG SRC="Gif/white.gif"
BORDER=0>'
        }
}
function toggle(num) {
        for (var i = num + 1; i < outline.length && outline[i].depth >=
outline[num].depth + 1; ++i) {
                if (outline[i].depth == outline[num].depth + 1)
                        outline[i].state = !outline[i].state
        }
        setStorage()
        history.go(0)
}
function setStorage() {
        var text = ""
        for (var i = 0; i < outline.length; ++i) {
                text += (outline[i].state) ? "1" : "0"
        }
        setCookie("outline", text)
}
makeDatabase()
function TwoInOne(i){
  if (i==0) {
    parent.rtop.location.href="top.htm"
    parent.rbottom.location.href="bottom.htm"
  }
  if (i==1) {
    parent.rtop.location.href="top.htm"
    parent.rbottom.location.href="bottom.htm"
  }
  if (i==2) {
    parent.rtop.location.href="top.htm"
    parent.rbottom.location.href="bottom.htm"
  }
  if (i==3) {
    parent.rtop.location.href="top.htm"
    parent.rbottom.location.href="bottom2.htm"
  }
  if (i==4) {
    parent.rtop.location.href="top.htm"
    parent.rbottom.location.href="bottom2.htm"
  }
  if (i==5) {
    parent.rtop.location.href="top.htm"
    parent.rbottom.location.href="bottom2.htm"
  }
  if (i==6) {
    parent.rtop.location.href="top.htm"
    parent.rbottom.location.href="bottom2.htm"
  }
  if (i==50) {
    parent.rtop.location.href="top.htm"
    parent.rbottom.location.href="bottomhome.htm"
  }
}
// -->
</SCRIPT>
<p>
<br>
<p align="left"><font face="arial">
<a href="javascript:TwoInOne(50)"><img border="0" src="Gif/Punto.gif"
width="12" height="12"></a>
<a HREF="javascript:TwoInOne(50)">HOME</a>
</font>
</p>
<SCRIPT LANGUAGE="JavaScript">
<!--
document.write('<H5>')
for (var i = 0; i < outline.length; ++i) {
 if (outline[i].state) {
  for (var j = 0; j < outline[i].depth * 2; ++j) {
   document.write(' ')
  }
  document.write(outline[i].pic, ' ', outline[i].text, '<BR>')
 } else {
  var previous = i
  for (var k = i + 1; k < outline.length && outline[k].depth >=
outline[previous].depth; ++k) {
   ++i
  }
 }
}
document.write('</H5>')
// -->
</SCRIPT>
</body>
</html>

