html & css not moving my item into correct position

StackOverflow https://stackoverflow.com/questions/23464332

  •  15-07-2023
  •  | 
  •  

Question

I am doing this on a Joomla website inside a JUMI link in a php file

with that said - it seems like simple html / css and I assume I am just doing something wrong -

perhaps its more in depth and is because the Joomla Article / Module is overriding my css?

PHP/HTML File:

<html>
<link rel="stylesheet" href="php_scripts/css/login.css" type="text/css">
<body>
    <p class="logform">
    <form action="http://www.link.com" method="post">
        username: <input type="username" name="username"><br>
        password: <input type="password" name="passw"><br>
    <input type="submit">
    </form>
</p>
</body>
</html>

CSS file:

.logform {
    text-align:center;
    color:red;
    position:fixed;
    top:30px;
   right:5px;
}
Was it helpful?

Solution

You are trying to wrap a form into a paragraph <p> which is kinda invalid.

This should be wrapped into a div element.

<div class="logform">
    <form action="http://www.link.com" method="post">
        username: <input type="username" name="username"><br>
        password: <input type="password" name="passw"><br>
    <input type="submit">
    </form>
</div>
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top