Solved

Placing Text below image

Posted on 2014-01-21
1
395 Views
Last Modified: 2014-01-21
Hi Guys,

Is there anyway i can put the following text under the header image on the left on the website www.ias.ie

Patron of IAS: Michael D. Higgins Uachtaráin na hEireann

Thank you so much
0
Comment
Question by:jonathanduane2010
1 Comment
 
LVL 9

Accepted Solution

by:
WebDevEM earned 440 total points
ID: 39796866
Hi,

If you edit your header-top-container to add a DIV at the bottom, like so:
<div id="header-top-container">
			<div id="header-top">
				
				<div id="header-top-left">
												
				</div><!-- close #header-top-left -->

				
								<div id="header-top-right">
					
					<div class="social-icons">
																																																					</div>
				</div><!-- close #header-top-right -->
	<div id="headerText" style="
    padding-top: 173px;
    margin-left: -76px;
    text-shadow: none;
">Patron of IAS: Michael D. Higgins Uachtaráin na hEireann</div>			
								
				<div class="clearfix"></div>
			</div><!-- close #header-top -->
  
		</div>

Open in new window

that will add the text below the pictures and above the menu.  The text is still inheriting its grey color from other styles, so I'm looking into how to override that in case you wanted it darker.  I'd also recommend putting the styles into your CSS file rather than embedding them in the DIV tag itself, to keep the code cleaner.  To do that, just remove the style="
    padding-top: 173px;
    margin-left: -76px;
    text-shadow: none;
" and add the following to your CSS file:
#headerText {style="
    padding-top: 173px;
    margin-left: -76px;
    text-shadow: none;
"}

Open in new window

Hope this helps,

WebDevEM
0

Featured Post

How our DevOps Teams Maximize Uptime

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us. Read the use case whitepaper.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

680 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