CSS isn't applying to my module - Joomla! Forum - community, help and support

so, i'm making site someone. , there's newsletter subscription form, html in customhtml module, , had weirdness going on:


also, tbh wasn't great begin with, wrote new form css styling, which]works great.


...except when tried turn module, none of css showing @ , current situation isn't better started


i read few tutorials creating modules, i'm not sure went wrong here. have ideas, or other resources ought read figure out?

the php file module:

code: select all



<?php
/**
 * mod_newsform
 * copyright m h
 */

// no direct access
defined('_jexec') or die;
   
   //add css
   
?>
<style type="text/css" media="all">@import(mod_sample_newsform.css);</style>
<link rel="stylesheet" href="mod_newsform.css" type="text/css" />

<!-- start form -->

<form id="newsletter" action="actionthing" method="post">

<input type="hidden" name="oid" value="">
<input type="hidden" name="" value="" />
<input type="hidden" name="" value="ニュースレター" />
<input type="hidden" name="returl" value="thankyouwebsite">

<!--  ----------------------------------------------------------------------  -->
<!--  注意: これらの項目は、省略可能なデバッグ用要素です。デバッグモードでテストを行う場合は、これらの行をコメント解除してください。        -->
<!--  <input type="hidden" name="debug" value=1>                              -->
<!--  <input type="hidden" name="debugemail"                                  -->
<!--  value="email">                                         -->
<!--  ----------------------------------------------------------------------  -->

<fieldset>
   <ol>
      <li>
         <label for="first_name">名</label>
         <input  id="first_name" maxlength="40" name="first_name" size="20" type="text" required/><br>
      </li>
      
      <li>
         <label for="last_name">姓</label>
         <input  id="last_name" maxlength="80" name="last_name" size="20" type="text" /><br>
      </li>
      
      <li>
         <label for="email">メール</label>
         <input  id="email" maxlength="80" name="email" size="20" type="text" required/><br>
      </li>
      
   </ol>
</fieldset>

<fieldset>
      <button type="submit" name="submit">申し込む</button>
</fieldset>

</form>
   

<!--  end form -->




well, embedded of css body of module. works now, it's unsatisfying, clunky solution? suppose it's not pressing before if knows how external style sheet work, i'd still grateful advice.