Search the Community
Showing results for tags 'webdesign'.
Found 4 results
-
<html> <head> <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="style.css"> <script> function close() { document.getElementById("popup").style.display = "none"; } </script> <style> .popup { display: inline; position: fixed; height: 100%; width: 100%; z-index: 9999; background-color: red; } .inner-part { width: 90%; margin-left: 5%; margin-top: 50%; text-align: center; height: 30%; background-color: white; color: black; box-shadow: 0px 0.2vw 6vw black; } .close { position:absolute; right:6%; margin-top: 1%; background-color: lightgrey; padding: 2%; } .close:hover { background-color: red; } </style> </head> <body> <div class="popup" id="popup"> <div class="inner-part" > <div class="close" onclick="close()" >X</div> <p>Welcome on my website!</p> <p>This website is self written and has many issues. I would love any kind of feedback.</p> <p>Please select your language</p> <img src="en.png"> <img src="de.png"> </div> </div> </body> </html> -
<!DOCTYPE html> <html lang = "en"> <!--This is my first comment in my index page--> <head> <meta charset="utf-8"> <link rel="stylesheet" href="greentea.css"> <a href= "greentea.html"></a> </head> <header> <h1>Teaz Nuts</h1> </header> <!--This is the body of my page--> <body> <nav> <ul> <li><a href= "greentea.html"> Home </a></li> <li><a href="about.html">Login</a></li> <li><a href="Product.html">Product</a> </li> <li><a href="New User Signup.html">New User Signup</a></li> </ul> </nav> <main> <div class = "hippiegirl"> <image src = "hippiegirl.jpg" alt = "tranquility"></image> </div> <p>The properties of green tea are many and varied. Especially during an epidemic<br> we all need to be aware of what tea can do for us. Along with its antibiotic properties, it also<br> can cleanse the spirit and wash away our tensions. </p> </main> <footer> <br>© <a href="mailto:jackcole861@gmail.com">Click to email Jack Cole</a> </footer> </body> </html> This is my css .hippiegirl { position:absolute; left:0; top:0; width:400%; height:auto; opacity:0.6; } body{ background-color: lightgreen; } ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; } li { float: left; } li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } /* Change the link color to #111 (black) on hover */ li a:hover { background-color: #111; }
-
Hey everyone, I have been scouring the internet trying to solve this layout problem but I haven't found a solution - I want my article section to line up next to my nav bar properly. Using <float> left or right just pushes it above or below the nav bar as you can see here: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--><title> My Magical World </title> <style> html, body { margin: 0px; padding: 0px; border: 0px } body { background-color: silver } article { margin: 20px; padding: 15px; border: 2px solid black; } footer { clear:both; background-color: red; border:5px solid black; text-align:center; } .b { border:5px solid black; text-align: center; background-color: red; } .field { border:2px solid black; text-align: center; background-color: red; } .navlink { border:1px solid #FFF; } </style> </head> <body> <div id="content-wrapper"> <!-- Content Wrapper Start --> <header class="b"> <h1> Hello World! </h1> <h2> Welcome to a magic world </h2> </header> <section id="main-content-area"> <!-- Section Main Content Area Start --> <nav style="background-color: red; border: 2px solid black; margin: 10px; padding: 10px; float: left; "> <fieldset class="field"><a href="BTSMain.html"><b>Home</b> </a></fieldset> <fieldset class="field"><a href="BTSServices.html"><b>Services We Offer</b></a></fieldset> <fieldset class="field"><a href="BTSAboutUs.html"><b>Request Service</b></a></fieldset> <fieldset class="field"><a href="BTSTestPage.html"><b>Contact Us</b></a></fieldset> <fieldset class="field"><a href="BTSTestPage2.html"><b>About BTS</b></a></fieldset> </nav> <article style="float: left"> My world is a strange place... it is populated by lemurs, lobsters, larvae, lampreys, and llamas. Lllaaaammmaaaaaaaaaassssssssssssssssssssssssss........... Lllaaaammmmmmmmaaaaaaassssssssssssssss <h4> <b> Llamas...... </b> </h4> </article> </section><!-- # Section Main Content Area End --> <footer> <h1> <a href="BTSAboutUs.html"><b>About My World </b></h1> </footer> </div><!-- # Content Wrapper End --> </body> </html> Thanks in advance
-
What's up guys I am currently pursuing my Associate of Applied Science Degree in CIS Internet Specialist-Website Design. I started my first semester this January and planning to attend this fall on August. Looking at the courses I need to take seems like I may not get to learn much of the coding side. I will look up some of this courses to see what they offer. In the mean time I decided to get the ball rolling by teaching myself to code this whole summer to kind of get ahead of the game before I go back to school. Also I have a friend who is part of this huge organization of networking and there's tons of different people in it from different fields including IT. One of her jobs is updating their site, but only the organization in Atlanta GA which is where we live, since is so big they are all over the states like in Cali, Florida, NY, PR, Chicago and so on mainly the big cities. So we skyped a little bit about it she send me the link and when I looked at the site I was expecting a more professional site not that is not but it kind of looks plain. So she asked me if I wanted to take over the whole updating the site gig but as in donating my time without being paid. I though it was a great idea to kind of get my hands dirty and learn more of it. Also later on I will try to attend some of their events to kind of network as well. But I feel really nervous doing that right now since I haven't got myself in to much of web design & development. She invited me to the event they were having this wednsday but I told her it was too soon and I wasn't ready yet for that but I will soon. I need advice from you guys in this particular situation of what do you guys think? So moving along I do have the access pasword and username to edit the site which is going to be basic stuff updating info, adding pictures, adding new events etc... But their site seems like is set up under a WYSIWYG program under their own server. I haven't look at it much or play with it yet on my own but I will tonight. But thats how the site seems to have been build like since it doesn't need of a person to know coding to do some updates to the site every now and then. Well I was lurking around Google trying to figure out a way to teach myself to code and I am so glad I found W3. I started by following the tutorial to the basic of HTML to refresh my memory of when I took one class back in HS. I have been going through this for 2 days so far using notepad and my browser. I also downloaded Kompozer, Notepad++, and SBT2. I still don't know how to work this programs yet but working on that a bit frustrating but IL get there. ****Questions --What do you guys think so far about my college journey toward my Associate degree? --What do you guys think and suggest about the small gig I got offered from my friend? --What do you guys advice on those events the organization gets together from time to time. --What do you guys suggest I handle the gig, any idea how their site seems to be set up? In what ways will it help me? I will get back with more info about the set up. --What order or what method you guys suggest for me to master this field? So far I am at the basic of HTML stage and I though learning to code first and learn design after? I want to be able to learn to design and run websites, blogs and maybe E-Comm. Thanks you guys for reading if you got this far please any valuable advice would be appreciated.
