Solved

JQuery / CSS

Posted on 2014-09-15
2
210 Views
Last Modified: 2014-09-15
Please look at http://rkassoc.org/Davis/index1.htm. This is a NON-Flash version of www.davispipe.com.

I need some pointers on how to put in the text at www.davispipe.com over the semi transparent area, the text that starts: "Welcome to Oklahoma's.....".

Also menu over Blue background.

Thanks
0
Comment
Question by:Richard Korts
2 Comments
 
LVL 43

Expert Comment

by:Chris Stanyon
ID: 40324236
Drop a div inside your #flexslider to contain the text and then style and position it Something like:

#mytext { position:absolute; z-index:1000; top:300px; width:500px; height:180px; }

Open in new window

0
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 total points
ID: 40324240
replace :
	$("<div id='white-transparent'/><div id='blue-solid'/>").insertAfter(".flexslider .slides");

Open in new window

by (this is one line) :
$('<div id="white-transparent"><div class="inside-white-semi-transparent" style="width: 57%;"><span class="black-text">Welcome to Oklahoma\'s leading wholesale distributor for. irrigation, pumps, landscape, pool and outdoor living. products. For over three decades, family-owned  <span class="blue-text" style="color: #283781;font-weight: bold;">Experience the Davis Difference</span></span></div></div><div id=\'blue-solid\'/>').insertAfter(".flexslider .slides");

Open in new window


this is the white part, check, it, eat it, understand it, you should be able to do the blue part using ul/li or using a <p>menu line text</p> for each line

please not Expert Exchange is a place to help people, not to have work done for free, we're almost all volunteer here
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
On Load function does not trigger on iPhone 4 50
JQuery Detecting page post back 6 19
Wordpress themes CSS? 6 30
how to use jquery variable in mysql query 20 35
PROBLEM: The other day I was working on adding an ajax request to a webpage that already had a dialog box on the page.  The dialog box was using relative positioning to be positioned next to a form field I had on the page.  Everything was working…
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

756 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