Member Avatar for phantom1000000

Hi all.

About 15 years ago I created this website: Click Here. The index page looks okay here, but when I try to update it to HTML5, it renders the borders as incorrectly aligned. I'm using a table surrounding the textboxes to orientate the borders and edges, however it doesn't look like tables. I can't get the css/HTML5 to work together to make the border images line up.

Can anyone provide any help in what I might be doing wrong?

  • 2 Contributors
  • 1 Reply
  • 174 Views
  • 56 Minutes Discussion Span
  • Latest Post Latest Post by pty
Member Avatar for pty

Using tables for borders like that is no longer required, it's very brittle (as you've found out) and unnecessarily fiddly.

Drop shadows can be implemented with a single line of CSS:

.card.login-form {
  margin-top: 8rem;
  box-shadow: 6px 6px 66px 6px rgba(0,0,0,0.39);
}

Here's how your login form would look using a modern CSS framework (Bootstrap, here). Code is here. Screenshot below:

Screen_Shot_2017-06-21_at_11_46_10.png

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.