Solved

Help with a curved image appearing in wrong spot on page?

Posted on 2012-12-27
4
307 Views
Last Modified: 2013-01-03
Hi there,
I am having a problem with this page here http://cisrd.com/contact-us/
Basically you can see my curved image is appearing in the middle section of the page.
On other pages like here http://cisrd.com/2013-conference/call-for-submissions/ you can see the page has the curved edges in the correct spot.

The problem is, in the code, it shows that the page is ending at the end of the </section> tag, however the contact form appears after this but I can't format it?
Please help?
Thanks,
A
0
Comment
Question by:Amanda Watson
  • 3
4 Comments
 
LVL 18

Accepted Solution

by:
Matthew Kelly earned 500 total points
ID: 38725719
The problem is caused by the "float: left;" in this css on the ol.forms and li tags of the "contact-page" id element: http://cisrd.com/wp-content/themes/athena/style.css?ver=3.4.2

It only happens on the contact page, because I am assuming the id "contact-page" is only used here.

First remove the "float:left;" from the "#contact-page ol.forms" and "#contact-page ol.forms li"
#contact-page ol.forms {
    clear: both;
    float: left;
    list-style: none outside none;
    width: 100%;
}

#contact-page ol.forms li {
    clear: both;
    float: left;
    margin-bottom: 1.618em;
    position: relative;
    width: 48%;
}

Open in new window


Then add the floats to the li tags individually (feel free to add id's and then do it in css if you wish), so that the Name has a left float, Email a right float, and Message a clear:both:
<ol class="forms">
<li style="float:left;">
<label for="contactName">Name</label>
<input id="contactName" class="txt requiredField" type="text" value="" name="contactName">
</li>
<li style="float:right;">
<label for="email">Email</label>
<input id="email" class="txt requiredField email" type="text" value="" name="email">
</li>
<li class="textarea" style="clear:both;">
<label for="commentsText">Message</label>
<textarea id="commentsText" class="requiredField" cols="30" rows="20" name="comments"></textarea>
</li>

Open in new window

0
 
LVL 11

Author Comment

by:Amanda Watson
ID: 38725769
Well done!  Thanks so much for this!
I actually don't think there is any need to add the float lefts to the individual li tags....it looks good to me!

What do you think?
0
 
LVL 11

Author Comment

by:Amanda Watson
ID: 38725770
By the way...there is another issue with this theme that i have another question for
http://www.experts-exchange.com/Web_Development/Blogs/WordPress/Q_27976261.html

Do you think you could solve that problem too?
0
 
LVL 11

Author Closing Comment

by:Amanda Watson
ID: 38741987
Thank you
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The purpose of this video is to demonstrate how to exclude a particular blog category from the main blog page. This is can be used when a category already has its own tab, or you simply want certain types of posts not to show up on the main blog. …
The purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Go t…

759 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now