עבור לתוכן

הגדרת פונט פעם אחת

Featured Replies

פורסם

שלום. אני בונה אתר (לבגרות אל תתייחסו לנושא). עכשיו הקוד הבא זה התפריט של האתר (menu).

עכשיו אני רוצה להגדיר את הפונט פעם אחת לכל המסמך במקום להגדיר את זה בכל שורה בטבלה.

כבר הגדרתי את ה-class ב-css וניסיתי למחוק את תגיות ה-font מהשורות ולשים את התגית אחרי body אבל זה לא עובד.

הנה הקוד שלי:

<html>

<head>

<title>welcome to the ark of orphaned land</title>

<link rel="stylesheet" type="text/css" href="./izuv.css" />

<script language="javascript">

function changeTextSize()

{

document.all.main_page.style.fontSize = "20" ;

}

function returnTextSize()

{

document.all.main_page.style.fontSize = "16" ;

}

function changeTextSize2()

{

document.all.the_band.style.fontSize = "20" ;

}

function returnTextSize2()

{

document.all.the_band.style.fontSize = "16" ;

}

function changeTextSize3()

{

document.all.biography.style.fontSize = "20" ;

}

function returnTextSize3()

{

document.all.biography.style.fontSize = "16" ;

}

function changeTextSize4()

{

document.all.photos.style.fontSize = "20" ;

}

function returnTextSize4()

{

document.all.photos.style.fontSize = "16" ;

}

function changeTextSize5()

{

document.all.discography.style.fontSize = "20" ;

}

function returnTextSize5()

{

document.all.discography.style.fontSize = "16" ;

}

function changeTextSize6()

{

document.all.audio.style.fontSize = "20" ;

}

function returnTextSize6()

{

document.all.audio.style.fontSize = "16" ;

}

function changeTextSize7()

{

document.all.video.style.fontSize = "20" ;

}

function returnTextSize7()

{

document.all.video.style.fontSize = "16" ;

}

</script>

</head>

<body>

<table class="haha">

<tr><td>

<img src=".\images\logo for menu.gif">

</td></tr>

<tr><td>

<center>

<a href="http://www.orphaned-land.com/default.php?language=en"

style="text-decoration: none"

id="main_page"

onmouseover="changeTextSize();"

onmouseout ="returnTextSize();">

<font class="sout">

  Main page <br />

</font>

</a>

<a href="http://www.orphaned-land.com/default.php?language=en"

style="text-decoration: none"

id="the_band"

onmouseover="changeTextSize2();"

onmouseout ="returnTextSize2();">

<font class="sout">

  The band <br />

</font>

</a>

<a href="http://www.orphaned-land.com/default.php?language=en"

style="text-decoration: none"

id="biography"

onmouseover="changeTextSize3();"

onmouseout ="returnTextSize3();">

<font class="sout">

  Biography <br />

</font>

</a>

<a href="http://www.orphaned-land.com/default.php?language=en"

style="text-decoration: none"

id="photos"

onmouseover="changeTextSize4();"

onmouseout ="returnTextSize4();">

<font class="sout">

  Photos <br />

</font>

</a>

<a href="http://www.orphaned-land.com/default.php?language=en"

style="text-decoration: none"

id="discography"

onmouseover="changeTextSize5();"

onmouseout ="returnTextSize5();">

<font class="sout">

  Discography <br />

</font>

</a>

<a href="http://www.orphaned-land.com/default.php?language=en"

style="text-decoration: none"

id="audio"

onmouseover="changeTextSize6();"

onmouseout ="returnTextSize6();">

<font class="sout">

  Audio <br />

</font>

</a>

<a href="http://www.orphaned-land.com/default.php?language=en"

style="text-decoration: none"

id="video"

onmouseover="changeTextSize7();"

onmouseout ="returnTextSize7();">

<font class="sout">

  Video <br />

</font>

</center>

</td></tr>

</table>

</body>

</html>

פורסם

עבר הרבה זמן מאז שעבדתי עם html...

נסה לשנות את התגית של ה<body> ל:

<body font class=sout>

עד כמה שאני זוכר זה צריך להשפיע על כל הדף (אלא אם כן פתחת תגית <font></font< בשביל קטע מסויים)

פורסם

או שבעמוד CSS תכתוב

body {
font: small sans-serif;
color: #000;
}

ארכיון

דיון זה הועבר לארכיון ולא ניתן להוסיף בו תגובות חדשות.

דיונים חדשים