Solved

Placing Text below image

Posted on 2014-01-21
1
379 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

What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Suggested Solutions

This article discusses four methods for overlaying images in a container on a web page
Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.

743 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

12 Experts available now in Live!

Get 1:1 Help Now