CSS/HTML HELP
4 hours ago, bomberblyat said:<!DOCTYPE html> <html> <head> <title>tht12</title> <style> body { width: 900px; background-color: #F1D01F; } .header { margin-left: 450px; } .kuva { position: relative; display: block; } #menu { height: 40px; background-color: green; margin-left: 450px; position: absolute; text-align: center; width: 900px; } h2 { color: black; margin-left: -400px; left: 500px; bottom: 20px; position: relative; } .p { color: black; text-align:left; margin-left:500px; margin-right:-500px; margin-top: 0px; font-family: sans-serif; } #maintable { width: 900px; background-color: #F1D01F; margin-left: 450px; } tablecell { width: 400px; } nav { background-color: green; color: #FFFFF; list-style: none; text-align: center; padding: 20px 0 20px 0; { .nav > li { display: inline-block; padding: 0 25px 0 25p; } .nav > li > a { color; #FFFFF text-decoration: none; </style> </head> <body> <table id="maintable" border> <tr> <div class="header"> <div class="image"> <img src="kevat.jpg"> <th></th> </div> </div> </tr> <tr> <nav> <a href="#">Kevät</a></h2> <a href="#">Kesä</a></h2> <a href="#">Syksy</a></h2> <a href="#">Talvi</a></h2> </nav> </tr> <tr> <td class="tablecell"><h2 class="h2">Kevät</td> <td></td> </tr> </table> </body> </html>well this is my last one from today atleast i have next time time to finish this so i could really use some help, i know there is - things but i dont know any else solution at the moment, excuse me for distraction
I will not be able to help you with this one because I'm really busy with my work.
On top of that I advised you to not use negative values for margins which you did not do, to only enclose the margin in the table which you did not do and to not center the content using margins which you also did not do. I tried helping you with the project/homework, but at this point it is just me writing some code for you. Also, your code has multiple syntax errors (including unclosed tags, hex colors with only 5 characters in the value, misused brackets etc.) and on top of that you are starting to use stuff that you really don't need (like child selectors) which only complicates your code. This is really not a difficult webpage and at this point you should easily be able to do it.
My last advice:
1. Image
2. Table with menu buttons
3. Header
4. Text
Do not put image or text in the table, only menu buttons.
Read all of the posts again because they contain solutions for every problem that you're having.
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now