Avatar billede zoom Praktikant
12. november 2002 - 22:18 Der er 15 kommentarer og
1 løsning

Stylesheet virker ikke

Hej

Jeg har i Dreamviewer anvendt CSS funktionen på en bestående html side som har en bestemt skriftstørrelse i menuen som jeg ønsker IKKE skal ændre sig hvis folk stiller på tekststørrelsen i windows
I "Style definitionen" har jeg så sat en skriftstørrelse og skrifttype og trykket ok ! Derefter har jeg gemt siden. Når jeg tester i browseren og stiller på tekststørrelsen i windows ændre teksten sig alligevel.

Hvad gør jeg forkert ?????
Avatar billede pelkjaer Nybegynder
12. november 2002 - 22:21 #1
Hvordan ser din css ud
Avatar billede hells Nybegynder
12. november 2002 - 22:22 #2
du kan angive skriftstørrelsen i px eller pt eks.:
.tekst {
font-size: 12px;
}
så kan man ikke ændre skriftstørrelsen i ie.
Avatar billede melao Nybegynder
12. november 2002 - 22:22 #3
Må vi se på ngoet kode? Et gæt ville være du skal angive størrelsen i pixels, px. font-size: 12px; ex.

Husk at det ikke er alle browsere som der opføre sig som din. Opera kan du zoome +/- ind på en side - så er det lige meget hvordan din kode er :).

/Casper
Avatar billede zoom Praktikant
12. november 2002 - 22:29 #4
Et andet problem er at jeg ikke kan åbne CSS siden i Dreamviewer så jeg kan vises jer koden ..

Jeg får en fejlmeddelelse "An nexpected error occure while trying to read style sheet "

Jeg har aldrig andvent CSS før så bær over ikk :-)
Avatar billede boris Mester
12. november 2002 - 22:34 #5
Avatar billede zoom Praktikant
12. november 2002 - 22:36 #6
hells >> er det sådan ? Det virker bare ikke - man kan ændre skrifstørrelsen ????


<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.test {  font-family: Verdana; font-size: 9px; color: #999999}
p {  font-family: Verdana; font-size: 9px; color: #333333}
-->
</style>
</head>

<body bgcolor="#333333" text="#000000" link="#999999" vlink="#999999" alink="#999999" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="701" cellspacing="5" cellpadding="0" align="center" height="8" class="test">
  <tr>
    <td width="82" height="9">
      <div align="center"><font size="1" face="Verdana" color="#CCCCCC"><a href="MyPictures.htm" target="mainFrame">
        start</a></font></div>
    </td>
    <td width="128" height="9">
      <div align="center"><font face="Verdana" size="1" color="#CCCCCC"><a href="CiArg/index.htm" target="mainFrame">argentina
        serie</a></font></div>
    </td>
    <td width="182" height="9">
      <div align="center"><font face="Verdana" size="1" color="#CCCCCC"><a href="index.htm" target="mainFrame">history
        pics 1998 -2002</a></font></div>
    </td>
    <td width="153" height="9">
      <div align="center"><font face="Verdana" size="1" color="#CCCCCC"><a href="Music.htm" target="mainFrame">my
        music passion</a></font></div>
    </td>
    <td width="124" height="9">
      <div align="center"><font face="Verdana" size="1" color="#CCCCCC"><a href="Contact.htm" target="mainFrame">contact
        me</a></font></div>
    </td>
  </tr>
</table>
<p class="test">&nbsp;</p>
</body>
</html>
Avatar billede boris Mester
12. november 2002 - 22:39 #7
Det eneste sted det ville virke var nederst i p class osv.
Men der er kun et mellemrum
Avatar billede hells Nybegynder
12. november 2002 - 22:40 #8
du mangler at indsætte class-attributterne i linksene:
<a href="Contact.htm" target="mainFrame">contact me</a>
skal være
<a href="Contact.htm" target="mainFrame" class="test">contact me</a>

desuden er dine font-tags i menuen vist unødvendige, når du bruger css
Avatar billede boris Mester
12. november 2002 - 22:40 #9
Hvis du f.eks. skriver <div class = "test"> vil det virke i det afsnit indtil </div>
det vil også virke i et <p> afsnit.
Avatar billede melao Nybegynder
12. november 2002 - 22:43 #10
Der er da lidt rod i den kode :)

Du bruger din .test class i <table>, men i hver <td>-celle, har du lagt ny tekstformattering ind. Nemlig
<font face="Verdana" size="1" color="#CCCCCC">
så dit CSS
.test {  font-family: Verdana; font-size: 9px; color: #999999}
bliver underkendt.

Det du skal gære er at fjerne sÅdan noget som det her:
    <td width="124" height="9">
      <div align="center"><font face="Verdana" size="1" color="#CCCCCC"><a href="Contact.htm" target="mainFrame">contact
        me</a></font></div>
    </td>

prøv at erstatte det med noget ala

    <td width="124" height="9">
    <div align="center" class="test">
  txt
    </div>
    </td>

prøv at se om det skulle give det ønskede resultat.
PS. Font-size: 9px er meget småt.

/Casper
Avatar billede zoom Praktikant
12. november 2002 - 22:46 #11
hvordan indsættes de class attributter i dreamviever?  eller er det manuelt arbejde :-(
Avatar billede zoom Praktikant
12. november 2002 - 22:57 #12
hells>> har nu sat den manglende  class="test"> ind det virker ikke man kan stadig ændre skriftstørrelsen i windows ??????????
Avatar billede zoom Praktikant
12. november 2002 - 22:58 #13
melo >> prøver lige din løsning !
Avatar billede zoom Praktikant
12. november 2002 - 23:01 #14
melo >> Måske er det fordi jeg har lavet siden som HTML først og så bagefter kommer CSS ind på siden....måske skulle jeg starte med at lave CSS og så sætte tabel skrift m.m ind bagefter ???
Avatar billede zoom Praktikant
15. november 2002 - 22:46 #15
jeg fik ikke løst mit problem desværre
Avatar billede boris Mester
15. november 2002 - 23:24 #16
Nu har du jo lukket siden i mellemtiden...
men du skal sørge for, at skriften udelukkende defineres i CSS og ikke ved hjælp af alm. html-tags som size="1".
Hvis du i stedet bruger Frontpage, indesætter den ikke nogen skriftstørrelse med mindre du ændrer den. Hvis du lader skriftstørrelsen stå neutralt, kan du bagefter styrre hele skriften med CSS.
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
Kurser inden for grundlæggende programmering

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