CodingForums
درباره سایت
آخرین مطالب
- QQSLOT LINK DAFTAR WEBSITE DAPET BONUS DI AWAL
- QQSLOT Situs QQ Dijamin WD Besar
- Belajar Pemrograman Komputer dengan Yang Terbaik - Pelajari cara membuat program bersama kami, di sini Anda dapat mempelajari cara membuat halaman web yang indah menggunakan HTML dan CSS.
- RankMonarch - Jasa Full-Stack Digital Marketing Segala Niche
- Copy a Button?
- Centering Text
- ^EQ and selecting multiple items
- Search in a multidimensional array and get the key?
- How do i pass form vaues to javascript window.open.
- Flexbox postioning
امکانات وب
I just need to get the submit button inside of the box and make it prettier but nothing I do seems to work.
Can anyone help pls? I have also added a picture 
Code:
<!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta content="en-gb" http-equiv="Content-Language"/>
<meta content="Contacts for Hubb support group, own page" name="description" />
<meta content="Contact us form, map for getting to Hubb, email contacts" name="keywords" />
<link href="styles/style2.css" rel="stylesheet" type="text/css" />
<link href="styles/form.css" rel="stylesheet" type="text/css" />
<link href="styles/layout1.css" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Gloria+Hallelujah%7CSpecial+Elite%7CPangolin%7CLato" rel="stylesheet" type="text/css" />
<script src="javascript/html5shiv.js"></script>
<title>Hubb support group contact details</title>
</head>
<body>
<div id="container">
<div id="main">
<header id="baer">
<ul id="menu">
<li><a href="index.html">Home</a></li>
<li><a href="news.html">News</a></li>
<li><a href="members.html">Members</a></li>
<li><a href="volunteer.html">Volunteer</a></li>
<li><a href="policies.html">Policies</a></li>
<li><a href="links.html">Links</a></li>
</ul>
<section id="leftheader"><h1>Hubb <em>support group</em></h1>
<p class="tagtitle">"Helping us bounce back"</p></section>
<section id="rightheader">
<address class="space">
<strong>Meeting address</strong><br />
Baptist Church Hall<br />
Main Road<br/>
Romford RM1 3BL
</address>
</section></header>
<section id="leftblock">
<h2>Contacts</h2>
<form id="contact" action="submit.php" method="post">
<h4>Contact Form</h4>
<label for="yrname">Name</label> <input type="text" name="fullname" />
<label for="yremail">Email</label> <input type="text" name="email" />
<label class="antispam">Leave this empty</label><input type="text" name="url" />
<label for="yrIdea">Comments</label><textarea cols="24" name="textarea1" rows="10"></textarea>
<input id="yrsubmit" type="submit" value="Send Feedback" />
</form><br/><br/><br/>
<h4>Email admin <a href="javascript/mail2.js">here</a></h4>
<noscript>Please enable javascript or use the contact form to send an email</noscript>
<h4>Email the Chair <a href="javascript/mail.js">here</a></h4><noscript>Please enable javascript or use the contact form to send an email</noscript>
<h4>Phone the Secretary 0798 598 3673</h4>
</section>
<section id="midblock">
<figure style="text-align: center;"><img alt="man by window" src="http://www.codingforums.com/images/man_by_window.jpg"/><figcaption style="text-align: center;">
Image by Freddie Marriage on Upslash</figcaption></figure>
<figure><img alt="never give up image" src="http://www.codingforums.com/images/quote1.jpg" style="width: 100px; height: 100px; "/><figcaption>Never give up</figcaption></figure>
<h4>Have you heard of reading well?</h4>
<p>It is a prescription of books at local libraries for mental health issues</p><p>Not all libraries are in the loop but Barking and Dagenham Library are. Anyway you can get the books on the Amazon website they are called the overcoming series<br/>
Topics include below. If you caot buy a copy your library will have a copy or will order one in:</p>
<ul class="bullets2">
<li>
<a href="https://www.amazon.co.uk/Overcoming-Low-Self-Esteem-1st-Behavioral-ebook/dp/B002S0KBZY/ref=sr_1_4?s=books&ie=UTF8&qid=1502317675&sr=1-4&keywords=overcoming+series+books">Overcoming low self-esteem</a></li>
<li>
<a href="https://www.amazon.co.uk/Overcoming-Depression-Books-Prescription-Title-ebook/dp/B002S0KBP4/ref=sr_1_2?s=books&ie=UTF8&qid=1502317713&sr=1-2&keywords=overcoming+series+books">Overcoming depression</a></li>
<li>
<a href="https://www.amazon.co.uk/Overcoming-Paranoid-Suspicious-Thoughts-Behavioral/dp/0465011098/ref=sr_1_2?s=books&ie=UTF8&qid=1502317914&sr=1-2&keywords=overcoming+paranoia">Overcoming paranoia</a></li>
<li>
<a href="https://www.amazon.co.uk/Overcoming-Distressing-Voices-Books-x/dp/1780330847/ref=sr_1_1?s=books&ie=UTF8&qid=1502317959&sr=1-1&keywords=overcoming+hearing+voices">Overcoming hearing voices</a></li>
<li>
<a href="https://www.amazon.co.uk/Overcoming-Worry-Generalised-Anxiety-Disorder/dp/147210742X/ref=sr_1_1?s=books&ie=UTF8&qid=1502318011&sr=1-1&keywords=overcoming+worry+and+generalised+anxiety+disorder">Overcoming worry and GAD</a></li>
<li>
<a href="https://www.amazon.co.uk/Introduction-Improving-Your-Self-Esteem-Overcoming/dp/1849014728/ref=sr_1_3?s=books&ie=UTF8&qid=1502317713&sr=1-3&keywords=overcoming+series+books">Improving self esteem</a></li>
<li>
<a href="https://www.amazon.co.uk/Overcoming-Anxiety-2nd-Books-Prescription-ebook/dp/B00GHK733Y/ref=sr_1_6?s=books&ie=UTF8&qid=1502317713&sr=1-6&keywords=overcoming+series+books">Overcoming anxiety</a></li>
<li>
<a href="https://www.amazon.co.uk/Overcoming-Procrastination-common-problems/dp/0859698157/ref=sr_1_11?s=books&ie=UTF8&qid=1502317713&sr=1-11&keywords=overcoming+series+books">
Overcoming procrastination</a></li>
<li>
<a href="https://www.amazon.co.uk/Overcoming-Social-Anxiety-Shyness-2nd-ebook/dp/B01E4B6ZA4/ref=sr_1_10?s=books&ie=UTF8&qid=1502317713&sr=1-10&keywords=overcoming+series+books">
Overcoming shyness</a></li>
</ul>
</section>
<section id="rightblock">
<figure>
<img alt="romford baptist church" height="250" src="http://www.codingforums.com/images/church.jpg" width="253" />
<figcaption>Romford Baptist Church</figcaption></figure>
<p>Travel information: Main Road, Romford. Buses: 174, 499 stops
on Main Road or you can walk back from ASDA,Mercury shopping
centre</p>
<h3>Romford Map</h3>
<figure class="map">
<img alt="map of Baptist Church, Romford" src="http://www.codingforums.com/images/map.png" width="480"/><figcaption>
Map of Romford showing the Baptist church</figcaption></figure>
</section>
<footer id="foobar">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="members.html">Members</a></li>
<li><a href="volunteer.html">Volunteer</a></li>
<li><a href="news.html">News</a></li>
<li><a href="links.html">Links</a></li>
<li><a href="policies.html">Policies</a></li>
<li><a href="sitemap.html">Sitemap</a></li>
</ul>
<p>© HUBB all Rights Reserved.</p></footer>
</div></div>
</body></html>Code:
#contact label.antispam {display:none;
margin-top: 1em;}
#contact {
background: #E8E8E8;
margin: 0;
position: relative;
width: 86%;
height: 100%;
font-size: 1em;
line-height: 2em;
font-weight: bold;
text-decoration: none;
border: 1px solid #333;
padding: 1em;
box-shadow:1px 1px 1px #71C42B;
padding:1%;
border-radius: 0.30em;
border-width: 0;
box-shadow: 1px 1px .4em rgba(0, 0, 0, 0.3);
}
#contact input {
display: block;
width: 75%;
height: 2em;
margin: 1em;
}
#contact textarea {
width: 75%;
height: auto;
display: block;
clear: both;
}
textarea:focus, input:focus {
border: 1px solid #09C;
}
input#yrsubmit {
float:left;
height: auto;
width: 75%;
margin: 1em 1em 2em 3.5em;
position: relative;
}
برچسب:
نویسنده: آیلین رضوانی