Avatar billede bassa Nybegynder
12. december 2004 - 16:29 Der er 3 kommentarer

Font størrelse og placering?

Hejsa,

Jeg er igang med min nye hjemmeside, og for at få nogle små nyttige funktioner ind på sitet bruger jeg JavaScripts og Applets som jeg har fundet på nettet.

Det går sådan set fint nok, bortset fra at jeg ikke har kunnet magte at placere en tekst i et Javascript rigtigt, og samtidig skal de to tekster bytte plads.

Her er et link til .html-filen: http://froso.sitedesigner.dk/test.htm

Det drejer sig om uret samt dato'en. Uret skal placeres på den anden side af dato'en, dvs. de skal bare bytte plads.

Jeg skal også have ændret font-størrelsen på teksten i DATO'EN til 13 pixels... hvordan gør jeg det? :)

På forhånd tak,
Bassa
Avatar billede thomas_yde Nybegynder
12. december 2004 - 16:37 #1
Revideret udgave.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script>
function hidestatus(){
window.status=''
return true
}

if (document.layers)
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT)

document.onmouseover=hidestatus
document.onmouseout=hidestatus
</script>
<SCRIPT LANGUAGE="JavaScript">
<!--

IMAGE01 = "images/on.gif" 
IMAGE02 = "images/off.gif"
IMAGE03 = "images/on.gif" 
IMAGE04 = "images/on.gif" 

function imgover(imgname){
    imgname.src = IMAGE01
}

function imgout(imgname){
    imgname.src = IMAGE02
}
//-->
</SCRIPT>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>ufo design</title>
<style type="text/css">
<!--
body,td,th {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
}
body {
    background-color: #CCCCCC;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
a {
    font-family: Tahoma;
    font-size: 11px;
    color: #DCE6F0;
    font-weight: bold;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #DCE6F0;
}
a:hover {
    text-decoration: none;
    color: #FFFFFF;
}
a:active {
    text-decoration: none;
    color: #DCE6F0;
}
h1,h2,h3,h4,h5,h6 {
    font-family: Tahoma;
    font-weight: bold;
}
.style1 {color: #DCE6F0}
-->
</style></head>

<body>
<div align="center">
  <table width="1004" height="615" border="0" align="center" cellpadding="0" cellspacing="0" ID="Table1">
    <tr>
      <td align="center" valign="middle"><table width="100" border="0" cellspacing="0" cellpadding="0" ID="Table2">
        <tr>
          <td height="120"><img src="images/top.gif" width="1004" height="120" border="0" usemap="#Map"></td>
        </tr>
        <tr>
          <td height="375" bgcolor="#8CAAC8"></td>
        </tr>
        <tr>
          <td height="120" background="images/bottom.gif"><table width="1004" height="120" border="0" cellpadding="0" cellspacing="0" ID="Table3">
            <tr>
              <td width="43" height="120" rowspan="2">&nbsp;</td>
              <td width="695" rowspan="2" align="left" valign="top"><br>
                <IMG NAME="IMAGE01" SRC="off.gif" WIDTH=4 HEIGHT=8 BORDER=0>
                <A HREF="produkter.htm" onMouseOver="imgover(IMAGE01)" onMouseOut="imgout(IMAGE01)">Produkter</A><br>
                <IMG NAME="IMAGE02" SRC="off.gif" WIDTH=4 HEIGHT=8 BORDER=0>
                <A HREF="kompetencer.htm" onMouseOver="imgover(IMAGE02)" onMouseOut="imgout(IMAGE02)">Kompetencer</A><br>
                <IMG NAME="IMAGE03" SRC="off.gif" WIDTH=4 HEIGHT=8 BORDER=0>
                <A HREF="filosofi.htm" onMouseOver="imgover(IMAGE03)" onMouseOut="imgout(IMAGE03)">Filosofi</A><br>
                <IMG NAME="IMAGE04" SRC="off.gif" WIDTH=4 HEIGHT=8 BORDER=0>
                <A HREF="kontakt.htm" onMouseOver="imgover(IMAGE04)" onMouseOut="imgout(IMAGE04)">Kontakt</A><br>
              <td width="266" height="19" align="center" valign="top">

<script>
/*Current date script credit:
JavaScript Kit (www.javascriptkit.com)
Over 200+ free scripts here!
*/
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("S&oslash;ndag","Mandag","Tirsdag","Onsdag","Torsdag","Fredag","L&oslash;rdag")
var montharray=new Array("Januar","Februar","Marts","April","Maj","Juni","Juli","August","September","Oktober","November","December")
document.write("<small><font style='font-size:13px;' color='#DCE6F0' face='Tahoma'><b>"+dayarray[day]+" "+daym+". "+montharray[month]+" "+year+"</b></font></small>")
</script>
<span id=tick2>
</span>
<script>
<!--
function show2(){
if (!document.all&&!document.getElementById)
return
thelement=document.getElementById? document.getElementById("tick2"): document.all.tick2
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn=""
if (hours<24)
dn=""
if (hours>24)
hours=hours-24
if (hours==0)
hours=24
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
var ctime=hours+":"+minutes+":"+seconds+" "+dn
thelement.innerHTML="<b style='font-size:11;color:#DCE6F0;'>"+ctime+"</b>"
setTimeout("show2()",1000)
}
window.onload=show2
//-->
</script>                           
            </tr>
            <tr>
              <td align="left" valign="top">           
            </tr>
          </table></td>
        </tr>
      </table></td>
    </tr>
  </table>
</div>
<map name="Map">
  <area shape="rect" coords="901,20,911,30" href="index.htm" target="_self" alt="Hjem">
  <area shape="rect" coords="926,20,935,32" href="sitemap.htm" target="_self" alt="Sitemap">
  <area shape="rect" coords="950,21,962,29" href="mailto:bassa@vip.cybercity.dk" alt="Send en e-mail">
  <area shape="rect" coords="979,21,988,30" href="http://www.adobe.com/products/acrobat/readstep2.html" target="_blank" alt="Klik h&eacute;r for at hente Adobe Acrobat Reader">
  <area shape="rect" coords="50,59,391,109" href="index.htm" target="_self" alt="Hjem">
</map>
</body>
</html>
Avatar billede bassa Nybegynder
12. december 2004 - 22:48 #2
Det' ren kærlighed, Thomas... tak skal du ha' :P
Avatar billede thomas_yde Nybegynder
14. december 2004 - 12:24 #3
Det var så lidt :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester