ahile91 Posted June 30, 2015 Share Posted June 30, 2015 Hello evryone i just started to study and work at website sorry for my bad english...i did not understand how can i make a ENTER page.. I want to put a wallpaper background, another small boarder and inside the boarder to put my adds and a enter button with link to my page. so evryone who want to join on my page to make clik on my ads. i try to make by myself but i cant i have problem wih connect html with external file like CSS or Bootstrap..pease somone help me thx Link to comment Share on other sites More sharing options...
dauruk0512 Posted June 30, 2015 Share Posted June 30, 2015 Can you tell by images what do you want ! Link to comment Share on other sites More sharing options...
ahile91 Posted June 30, 2015 Author Share Posted June 30, 2015 (edited) sorry i don`t understand how wath to put in html and wath to put in css and how to combine all Edited June 30, 2015 by ahile91 Link to comment Share on other sites More sharing options...
davej Posted June 30, 2015 Share Posted June 30, 2015 Maybe... http://www.w3schools.com/css/css_howto.asp http://www.w3schools.com/css/css_background.asp http://www.w3schools.com/html/html_links.asp Link to comment Share on other sites More sharing options...
ahile91 Posted June 30, 2015 Author Share Posted June 30, 2015 (edited) he don`t want to load my background i try like this and i try it again know i heave all my file on my desktop <head>body { background-image: url("http://s11.postimg.org/5e5aeh3ar/socerbackground.jpg");}h1 { color: red; margin-left: 20px;}</head> even if i put only the name of the photo he don`t show.. and the html how can i style this ? <!DOCTYPE html><html><head><head><link rel="stylesheet" type="text/css" href="mystyle.css"></head><style></style></head><body><h1>Welcome</h1><p>This your place</p><p>text text text text text text text</p></body><img src="integra.jpg" width="30%" height="30%"><button type="button"><a href="http://website" target="blank">enter site</button</html> Edited June 30, 2015 by ahile91 Link to comment Share on other sites More sharing options...
ahile91 Posted June 30, 2015 Author Share Posted June 30, 2015 please can anyone tell me wath is wrong here ! i want to make auto-resize background so can i use olso in mobile version. i want to add style on my ENTER button but i don`t know how and why he dont load my background image ? please help please <!DOCTYPE html><html><body><head><style>{ background-image: url("integra.jpg"); background-size: 80px 60px; background-repeat: no-repeat;}h1 { color: red; margin-left: 20px;}<img src="integra.jpg" alt="integra" width="224" height="162" /></style></head></body></html> <!DOCTYPE html><html><head><head><link rel="stylesheet" type="text/css" href="mystyle.css"></head><style>#navlist { position: center;}#navlist li { margin: 0; padding: 0; list-style: none; position: center; top: 0;}#navlist li, #navlist a { height: 100px; display: block;}#enter { left: 100px; width: 100px; background: url('integra.jpg') 0 0;}</style></head><body><h1>Welcome</h1><p>This your place</p><p>text text text text text text text</p><ul id="navlist"> <li id="enter"><a href="http://"></a></li></ul></body></html> Link to comment Share on other sites More sharing options...
davej Posted June 30, 2015 Share Posted June 30, 2015 Your code contains several obvious errors. You should review the tutorials... http://www.w3schools.com/html/default.asp http://www.w3schools.com/css/default.asp Then test your code here... https://validator.w3.org/ Link to comment Share on other sites More sharing options...
ahile91 Posted June 30, 2015 Author Share Posted June 30, 2015 (edited) i dont have a domain or a host for moment i was tinking if i well make an acount here i well get help and someone to explaine to me where i make the mistake...i know i need to study mor but i can not do alon if i have questions Edited June 30, 2015 by ahile91 Link to comment Share on other sites More sharing options...
davej Posted June 30, 2015 Share Posted June 30, 2015 Come back and ask questions here when you have code that validates with no errors. You could start with something like this... <!DOCTYPE html><html><head><meta charset="utf-8"><title>tab</title><link rel="stylesheet" type="text/css" href="mystyle.css"><style>body { background-image: url("http://s11.postimg.org/5e5aeh3ar/socerbackground.jpg"); background-size: 100% auto; background-repeat: no-repeat;}#wrapper{ width:90%; margin:0 auto; text-align:center; border:1px solid gray;}a.btn{ display:inline-block; width:100px; height:40px; color:#fff; font-weight:bold; font-size:20px; background-color:#3f0; border:1px solid #00f; border-radius:10px; text-decoration:none; padding-top:15px; outline:0;}</style></head><body><div id="wrapper"><h1>Welcome</h1><p>This is your place</p><a class="btn" href="http://www.google.com" target="_blank">Click This</a></div></body></html> Link to comment Share on other sites More sharing options...
ahile91 Posted June 30, 2015 Author Share Posted June 30, 2015 (edited) i try to make but i cant pfff.....i found one site and he generate my css style button but i put in validation link and he give me error and how can i connect this on my html omg ! i try like this in many ways <button type="button">Click Me!</button> <a herf="http://site" target="blank" class="" > </a> have this code that i want to use: <a href="http://www" onclick="window.open('http://www')">Click</a> .btn { background: #2adeeb; background-image: -webkit-linear-gradient(top, #2adeeb, #fff154); background-image: -moz-linear-gradient(top, #2adeeb, #fff154); background-image: -ms-linear-gradient(top, #2adeeb, #fff154); background-image: -o-linear-gradient(top, #2adeeb, #fff154); background-image: linear-gradient(to bottom, #2adeeb, #fff154); -webkit-border-radius: 60; -moz-border-radius: 60; border-radius: 60px; text-shadow: 0px 0px 12px #000000; -webkit-box-shadow: 2px 3px 8px #544e54; -moz-box-shadow: 2px 3px 8px #544e54; box-shadow: 2px 3px 8px #544e54; font-family: Georgia; color: #ff33a7; font-size: 60px; padding: 19px; border: solid #ff8c00 2px; text-decoration: none;}.btn:hover { background: #e617af; background-image: -webkit-linear-gradient(top, #e617af, #e62020); background-image: -moz-linear-gradient(top, #e617af, #e62020); background-image: -ms-linear-gradient(top, #e617af, #e62020); background-image: -o-linear-gradient(top, #e617af, #e62020); background-image: linear-gradient(to bottom, #e617af, #e62020); text-decoration: none;} please help me with this so i can start make the index page i dont find a tutorial to explain how to combine all language i want to work in separate file all .CSS code in few file like enter.css ; text.html Edited June 30, 2015 by ahile91 Link to comment Share on other sites More sharing options...
davej Posted July 1, 2015 Share Posted July 1, 2015 Your first link is not correct. See my code above or see...http://www.w3schools.com/html/tryit.asp?filename=tryhtml_links_targetIf you want to use a separate CSS file then you certainly can, but you don't need to do that, and multiple files can just add confusion.If you want us to understand what you are asking for, and it involves images, you will probably needto put those images online, using a free service such as Photobucket.com Link to comment Share on other sites More sharing options...
Recommended Posts
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