خرید بک لینک

درباره سایت

CodingForums

آخرین مطالب

امکانات وب

text indentation issues

I am working on my website but I caot get the paypal button to sit where I want it too. I am trying:
#right.indent2{
margin-left: 250px;} but it is not working.

Here is my CSS
Code:
{

        padding: 0;

        margin: 0;

}html, body {

        font-size: 1em;

        background-color: #fff;

        height: 100%;

        font-family: Tahoma, Georgia, Times, "Times New Roman", serif;

}

#container {

        margin: 0 auto;

        width: 100%;

        position: relative;/* IE6 hack */

        height: auto !important;

        background: #E8E8E8;

        }



#header {

        width: 99%;

        min-height: 60px;

        display: inline;

        margin: 0;

        padding: 0;

        background: #FFFFFF;

}

#header address.space {

        font-size: 1em;

        color: #000;

}

#leftheader {

        width: 52%;

        float: left;

        display: inline;

margin-left: 10px;

}

#rightheader {

        width: 45%;

        float: left;

        text-align: right;

}

.tagtitle {

        color: #105DD6;

        font-style: italic;

        font-size: 1.25em;

        position: absolute;

        top: .5%;

        left: 280px;

        min-height:20px;

        border-bottom: 3px solid #15B869;

}

#content {

        width: 96%;

        margin: 0 auto;

        height: auto;

        background: #FFFFFF;

}

#content2 {

        width: 96%;

        height: auto;

        padding: 1em;

        overflow: hidden;

}

#left {width: 46%;

    height: auto;

    float:left;

    display:inline-block;}



#right{width: 46%;

    height: auto;

    float:right;

}

#map {

  width: 100%;

  height: 350px;

  background-color: gray;

  padding: 3px;

  margin: 3px;

 }

p {

        margin-bottom: 6px;

}

#shaded{

        width: 460px;

        height: 480px;

        margin: 20px;

        padding-left: 30px;

        padding-right: 20px;

        padding-top: 10px;

        padding-bottom: 10px;

        background: #E8E8E8;

}

.background{

        background-color: #E8E8E8;

        background-repeat: no-repeat;

        width: 350px;

        margin-left: 40px;

        padding: 20px;

}

h1{font-size: 3em;

        color: #15B869;

        font-family: Tahoma, Verdana, sans-serif; }

h2 {

        font-size: 2.5em;

        color: #1874CD;

    font-weight: bold;

        display: block;

        font-family: 'Rajdhani', sans-serif;}

h3 {

  border-bottom: 3px solid #15B869;

  padding-bottom: 3px;

  line-height: 1em;

  font-size: 1.75em;

  color: gray;

  width: 65%;

  font-family: 'Ubuntu Condensed', sans-serif;

  font-weight: bold;}



.clearfix{

        clear:both;padding-top: 10px;

}

#navmenu {

        width: 100%;

        padding: 0;

        float: left;

        background-image: url("../images/nav_blue.png");

        background-repeat:repeat;

        height: 40px;

        margin: 0;

        padding: 0;

}

#navmenu ul {

        margin: 0;

        padding: 0;

        float: right;



}

#navmenu li {

        display: inline;

        font-weight: bold;

        margin-left: -0.25em;

}

#navmenu a {

        text-decoration: none;

        border-left: 2px solid white;

}

#navmenu li:first-child a { border: none; }



#navmenu a:hover {

        font-weight: bold;

}



#navmenu ul li a {

    padding: 7px;

        color: #FFFFFF;

        display: inline-block;

        text-align: center;

        font-size: 1.50em;

}



#navmenu ul li a:hover {

        background: #15B869 url("../images/nav_green.png");

        background-repeat: repeat;

        }

ul.bullets{

        padding-left: 2%;

        list-style-image: url("../images/bullet.png");

        background-position: top center;

        background-repeat: no-repeat;



}

ul.news {padding: 7px;

        color: #000000;

        display: inline-block;

        font-size: 1em;

        list-style-type: none;

        }

ul.news li {

        border-left: 1px solid gray;

        padding: 10px;

}

ul.news li a:hover {

        background: #15B869;

}



.download {

        color: red;

        font-size: 1em;

        font-weight: bold;

}

.indent{

        margin-left: 70px;

        text-align: center;

}
#right.indent2{
margin-left: 250px;}


.red {

        color:red;

}



a img {

        border-width: 0px;

}

img {

        padding: 5px;

        }



p.img {

        position: relative;

        left: 4px;

        top: 20px;

        }


#footer {

        height: 30px;

        width: 100%;

        text-align: center;

        font-size: 0.88em;

}



#footer li {

        display: inline;

        text-decoration: none;

}



hr.foot{

        background: #15B869 url("../images/foot.png");

        height: 10px;

        width: 98%;

        text-align: center;

        padding: 0;

}



.caption {

        font-size: 0.75em;

        text-align:center;

}



a:link {

        color: black;

        text-decoration: none;

}

a:hover {

        color: blue;

}

a:visited {

        color: purple;

}
Here is part of the html
Code:
<h3>Our meetings</h3>

<p class="background">Our meetings take place every 1st Thursday of the month from 5.00-7.00pm and usually consist of socialising,

a guest speaker session, information exchange, a raffle, refreshments and tidying up! Our guest speaker topics have

included creative, therapeutic and educational opportunities as well as developments in finance and benefits, housing,

local mental health service provision and national policies.</p>

</div>

<div id="right"><p class="indent2"><form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="EXKKUYRZSKSS6">
<input type="image" src="https://www.paypalobjects.com/en_US/GB/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
</form></p><h3>Aims</h3>

<p>As a support group, our purpose is to provide:</p>

<ul class="bullets">

<li>A safe place for people to share experiences without censorship</li>

<li>Help to understand changes in local and national services, and how to cope with them</li>

<li>Referral to professional advocacy where appropriate</li>

<li>Empowerment and encouragement for recovery and independent living</li>

<li>Response to official consultations and feeding back real-life experiences to decision makers</li>

<li>Information about local events and community resources</li>

<li>Help in tackling the stigma of mental illness and in challenging social isolation of sufferers</li>

<li>Support following discharge from mental health services</li>

<li>An opportunity to improve their confidence, contribute to the newsletter and the ruing of meetings</li>

<li>Encouragement to undertake voluntary work, training or roles in other groups, even to progress employment</li>

<li>A positive response to the Government’s promotion of self-help and well-being.</li>

</ul><p class="space"></p></div></div><hr class="foot"></hr>

<div id="footer">

<ul><li><a href="index.html">Home</a> | </li>

<li><a href="contacts.html">Contact</a> |</li>

<li><a href="members.html">Members</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>Copyright &copy; 2016-2017, HUBB All Rights Reserved.</p>

</div></div></div></body></html>
I dont know what I am doing wrong I have tried many of the ways from W3C. Highlighted in pink is the main code for this issue

برچسب: نویسنده: آیلین رضوانی تاريخ: شنبه 17 تير 1396 ساعت: 21:34

صفحه بندی

آرشیو مطالب

پيوندهای روزانه

لینک دوستان

خبرنامه