Alternative Text
Experto necesito que me informen si se pùede ajustar el tamaño de ALT, es el texto que aparece bajo algunos botones para reconocerlos
1 Respuesta
Respuesta de csanchezp
1
Ajustarlo directamente no se puede. Pero puedes utilizar un script de java que te haga esa función, existen muchos y muy buenos y sencillos de configurar.
Echale un vistazo a www.dynamicdrive.com
Echale un vistazo a www.dynamicdrive.com
como se utiliza este script ya que soy nuevo en esto y no entiendo muy bien,
Ok...
** este texto lo pegas en el codigo html dentro de las etiquetas <head> aqui </he--
<style type="text/css">
#fixedtipdiv{
position:absolute;
padding: 2px;
border:1pack;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}
</style>
*******************
**** este texto lo copias despues (en el código) de la etiqueta <body>
ript type="text/javascript">
/***********************************************
* Fixed ript- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal usehttp://www.dynamicdrive.com/ for full source code
***************************************
var tipwidth='150px' //default tooltip width
var tipbgcolor='lightyellow' //tooltipvar disappeardelay=250 //tooltip disappear speed onMouseout (in miliseconds)
var vertica0px" //horizontal offset of tooltip from anchor link
var horizontal_offset="-3px" //horizet of tooltip from anchor link
/////No further editting needed
var ie4=document.allocument.getElementById&&!document.all
if (ie4||ns6)
document.write('<div id="fixedtipd"visibility:hidden;width:'+tipwidth+';background-color:'+tipbgcolor+'" ></div>')
functiffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offar parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")?et+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent; totaloffset;
}
function showhide(obj, e, visible, hidden, tipwidth){
if (ie4||ns6) obj.style.left=dropmenuobj.style.top=-500
if (tipwidth!=""){
dropmenuobj.widthobj=dropmee
dropmenuobj.widthobj.width=tipwidth
}
if (e.type=="click" && obj.visibility==hidden |"mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}n iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? docuentElement : document.body
}
function clearbrowseredge(obj, whichedge){
var edgeoffsege=="rightedge")? parseInt(horizontal_offset)*-1 : parseInt(vertical_offset)*-1
if (whichhtedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().c-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsf (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentm.offsetWidth
}
else{
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+ieco.clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=droffsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
edgeoffset=dropmtentmeasure+obj.offsetHeight
}
return edgeoffset
}
function fixedtooltip(menucontent tipwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stop n()
clearhidetip()
dropmenuobj=document.getElementById? document.getElementById("fixedtiixedtipdiv
dropmenuobj.innerHTML=menucontents
if (ie4||ns6){
showhide(dropmenuobj.stysible", "hidden", tipwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getpos, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
drstyle.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}
}
hidetip(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibden"
}
}
function delayhidetip(){
if (ie4||ns6)
delayhide=setTimeout("hidetip()",diay)
}
function clearhidetip(){
if (typeof delayhide!="undefined")
clearTimeout(delay
</script>
**************************
** el siguiente es el que pones directamente eno donde quieres que aparezca el texto
ejemplo:
<a href="http://www.javascriptkit.com" r="fixedtooltip('Comprehensive JavaScript tutorials and over 400+ <b>free</b> scripts.', t, '150px')" onMouseout="delayhidetip()">JavaScript Kit</a>
*************************
Sirva
** este texto lo pegas en el codigo html dentro de las etiquetas <head> aqui </he--
<style type="text/css">
#fixedtipdiv{
position:absolute;
padding: 2px;
border:1pack;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}
</style>
*******************
**** este texto lo copias despues (en el código) de la etiqueta <body>
ript type="text/javascript">
/***********************************************
* Fixed ript- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal usehttp://www.dynamicdrive.com/ for full source code
***************************************
var tipwidth='150px' //default tooltip width
var tipbgcolor='lightyellow' //tooltipvar disappeardelay=250 //tooltip disappear speed onMouseout (in miliseconds)
var vertica0px" //horizontal offset of tooltip from anchor link
var horizontal_offset="-3px" //horizet of tooltip from anchor link
/////No further editting needed
var ie4=document.allocument.getElementById&&!document.all
if (ie4||ns6)
document.write('<div id="fixedtipd"visibility:hidden;width:'+tipwidth+';background-color:'+tipbgcolor+'" ></div>')
functiffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offar parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")?et+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent; totaloffset;
}
function showhide(obj, e, visible, hidden, tipwidth){
if (ie4||ns6) obj.style.left=dropmenuobj.style.top=-500
if (tipwidth!=""){
dropmenuobj.widthobj=dropmee
dropmenuobj.widthobj.width=tipwidth
}
if (e.type=="click" && obj.visibility==hidden |"mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}n iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? docuentElement : document.body
}
function clearbrowseredge(obj, whichedge){
var edgeoffsege=="rightedge")? parseInt(horizontal_offset)*-1 : parseInt(vertical_offset)*-1
if (whichhtedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().c-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsf (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentm.offsetWidth
}
else{
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+ieco.clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=droffsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
edgeoffset=dropmtentmeasure+obj.offsetHeight
}
return edgeoffset
}
function fixedtooltip(menucontent tipwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stop n()
clearhidetip()
dropmenuobj=document.getElementById? document.getElementById("fixedtiixedtipdiv
dropmenuobj.innerHTML=menucontents
if (ie4||ns6){
showhide(dropmenuobj.stysible", "hidden", tipwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getpos, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
drstyle.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}
}
hidetip(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibden"
}
}
function delayhidetip(){
if (ie4||ns6)
delayhide=setTimeout("hidetip()",diay)
}
function clearhidetip(){
if (typeof delayhide!="undefined")
clearTimeout(delay
</script>
**************************
** el siguiente es el que pones directamente eno donde quieres que aparezca el texto
ejemplo:
<a href="http://www.javascriptkit.com" r="fixedtooltip('Comprehensive JavaScript tutorials and over 400+ <b>free</b> scripts.', t, '150px')" onMouseout="delayhidetip()">JavaScript Kit</a>
*************************
Sirva
