html - External CSS not being applied, but same code works when pasted as Internal -


i'm newbie learning ways of html/css via online tutorials. i've run little problem can't quite figure out, , i've tried suggestions similar issues site , more.

as title says, external css file not seem work @ all, though said code works fine if apply internally. keep rereading code trying spot mistakes, css lint , codepen seem have overqualified elements, , not else. i've tried using class names e.g. .attack instead of td.attack, didn't help.

the html table images, , trying apply single stylesheet. here tcgdatabase.css

body {     background-color:transparent;     }  p {     color:#2e2435;     text-align:justify;     }  td {     text-align:left;     } td.name {     text-align:left;     width:250px;     font-size:30px;     font-weight:bold;     } td.type {     width:50px;     } td.stage {     text-align:left;     width:120px;     font-size:15px;     font-weight:bold;     } td.hp,td.ap {     width:50px;     font-style:italic;     font-size:30px;     } span.points {     font-size:15px;     } td.attack,td.basedamage {     height:30px;     font-weight:bold;     font-size:20px;     } td.effect,td.flavour {     text-align:justify;     } td.wrr,td.wrrtype {     height:20px;     font-weight:bold;     } th {     text-align:center;     }

here html page, left css in there enclosed show how added internally:

<!doctype html>     <html lang="en-gb">         <head>             <title>oddities</title>             <meta charset="utf-8">             <link ref="stylesheet" type="text/css" href="file:///c:/users/admin/documents/tcg/jbset1/tcgdatabase.css">             <!--<style> body {     background-color:transparent;     }  p {     color:#2e2435;     text-align:justify;     }  td {     text-align:left;     } td.name {     text-align:left;     width:250px;     font-size:30px;     font-weight:bold;     } td.type {     width:50px;     } td.stage {     text-align:left;     width:120px;     font-size:15px;     font-weight:bold;     } td.hp,td.ap {     width:50px;     font-style:italic;     font-size:30px;     } span.points {     font-size:15px;     } td.attack,td.base damage {     height:30px;     font-weight:bold;     font-size:20px;     } td.effect,td.flavour {     text-align:justify;     } td.wrr,td.wrrtype {     height:20px;     font-weight:bold;     } th {     text-align:center;     }             </style>-->         </head>         <body>             <table style="width:100%">                 <tr>                     <td rowspan="9" style="width:420px"><img src="cacturner.png" style="width:350px"></td>                     <td class="type"><img src="energy types/dark.png" style="width:40px"></td>                     <td class="stage">legendary</td>                     <td class="name">yveltal</td>                     <td class="hp">110<span class="points">hp</span></td>                     <td class="ap">0<span class="points">ap</span></td>                 </tr>                 <tr>                     <td class"attackcost" colspan="2">                         <img src="energy types/dark.png" style="width:30px">                         <img src="energy types/colourless.png" style="width:30px">                     </td>                     <td class="attack" colspan="2">take in</td>                     <td class="basedamage"><td>                 </tr>                 <tr>                     <td class="effect" colspan="5">                         attach 3 pokémon hand pokémon , heal 10 damage                          pokémon times number of pokémon cards attached in way. each pokémon attached                          in way provides 1 energy of type @ time (if have more 1 type,                          provide energy of each of types, 1 @ time).                     </td>                 </tr>                 <tr>                     <td class"attackcost" colspan="2">                         <img src="energy types/dark.png" style="width:30px">                         <img src="energy types/dark.png" style="width:30px">                         <img src="energy types/colourless.png" style="width:30px">                         <img src="energy types/colourless.png" style="width:30px">                     </td>                     <td class="attack" colspan="2">riot ballista</td>                     <td class="basedamage"><td>                 </tr>                 <tr>                     <td class="effect" colspan="5">                         discard 1 card attached pokémon. if card pokémon,                          attack damage equal discarded pokémon's hp. if not                          pokémon, attack 50 damage , pokémon 50 damage                          itself.                     </td>                 </tr>                 <tr>                      <td class="wrrtype"><img src="energy types/fairy.png" style="width:25px"></td>                     <td class="wrr">weakness: x2</td>                        <td class="flavour" colspan="3" rowspan="3">                         "this terrible beast has long since turned blind eye havoc                          wreaks in wake" - anon.                     </td>                 <tr>                     <td class="wrrtype"><img src="energy types/fighting.png" style="width:25px"></td>                                        <td class="wrr">resistance: -20</td>                 </tr>                 <tr>                                         <td class="wrrtype"><img src="energy types/colourless.png" style="width:25px"></td>                                      <td class="wrr">retreat cost: x2</td>                    </tr>                 <tr>                     <td class="illus" colspan="3">illus. navaskaiii</td>                     <td class="setnumber">??/??</td>                     <td class="rarity">ur</td>                 </tr>             </table>         </body>     </html>

i feel missing obvious, appreciate help!

in link element change ref="stylesheet" rel="stylesheet"

notice 'f' should 'l'


Comments

Post a Comment

Popular posts from this blog

c++ - Difference between pre and post decrement in recursive function argument -

i have following sample code used pre-decrement void function(int c) { if(c == 0) { return; } else { cout << "dp" << c << endl; function(--c); cout << c << endl; return; } } this function give output input 4 : dp3 dp2 dp1 dp0 0 1 2 3 but when use post decrement void function(int c) { if(c == 0) { return; } else { cout << "dp" << c << endl; function(c--); cout << c << endl; return; } } output goes in infinite loop dp4 can explain me in detail why happens ? this happens because function(c--) called same value of c , when finishes c decremented. recursively called, hence called same value no chance of return , hit stack overflow error. assume this, int x = 1, y = 0; y = x++ result y == 1 , x == 2. if y = ++x , bot x , y 2.
Read more

php - Nothing but 'run(); ' when browsing to my local project, how do I fix this? -

i added new project. made mistake in projectname.conf file in sites-available apache2, led me reinstalling apache2. after reinstalling , re-enabling projects on every page of every project .. <body> run(); </body> .. i've run composer update, restarted service, restarted pc, checked config files, tried disabling new project. there nothing in error log, , access.log: 127.0.0.1 - - [15/may/2015:01:40:47 +0200] "get / http/1.1" 304 181 "-" "mozilla/5.0 (x11; ubuntu; linux x86_64; rv:38.0) gecko/20100101 firefox/38.0" maybe i'm forgetting apache2 reinstall? don't think did different last time installed it. looks haven't setup php correctly. take @ this great guide , maybe you're forgetting link php config apache2.
Read more

php - How can I echo out this array? -

i don't know how go grabbing data in variable , put foreach loop. class tree{ private $info = array( array('name'=>'jim','state'=>'nu','company'=>'nu','phone'=>array('cell'=>'5615111111','office'=>'5611111111'),'email'=>array('primary'=>'exs@example.com','ex@there.com')), array('name'=>'joe smith','city'=>'phoenix','phone'=>'4805551111','email'=>'jsmith@some_email.com'), array('name'=>'john doe','city'=>'chandler','company'=>'doe co.','email'=>array('jdoe@gmail.com','personal'=>'email@email.com'),'phone'=>'6025550002') ); } if you're inside of class, can access private variable using $this->variablename . example, i...
Read more