Home > Vendors >

Small CSS/HTML Fix (8)

04-07-2012 03:54 AM #1 rileypool (Member)
Small CSS/HTML Fix

I need to add a little area on my website in the top right corner, with the bottom even with the bottom of the OKStormShelters header. I want to add the text, "Call or Text: (918) 924-6107"

http://okstormshelters.com

Please PM me if you can do this small job really quickly.

04-07-2012 04:42 AM #2 zeno (Administrator)

Should be pretty straightforward, wouldn't be surprised if you've already got it fixed.

If I was you I'd just put something like this inside your header div, e.g. right after your logo div:

Code:

<div id="call">
<p>Call or Text: (918) 924-6107</p>
</div>

Then in style.css just add:

Code:

#call {
	float:right;
	width:200px;
	height:25px;
	position:relative;
	right:50px;
	top:100px;
}

#call p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#03C;
}

And subsequently set the font colour/face/size you want, then tweak the right/top values to get it where you want it.

04-07-2012 05:34 AM #3 rileypool (Member)

That's exactly what I tried yesterday, but I'll try again and see if I can't figure it out.

I even named the div the same as you.

04-07-2012 05:38 AM #4 zeno (Administrator)

Oh, right. I downloaded your page and tried it, seemed to work for me! The main thing will be to make sure the div is inside the header/wrapper div that is setting the right hand edge on your content, and to then float-right and set relative top/right positions - that way it will move properly with resizing of the browser window.

04-07-2012 06:11 AM #5 rileypool (Member)

You lost me with the last one. I got the first sentence and a half, but that's it.

If you look at the page now, you'll see where I'm stopped. Now matter where I move the text too, the Page Navigation has been moved down and I can't figure out that part.

EDIT: This was the same issue I had yesterday.

04-07-2012 06:13 AM #6 rileypool (Member)

Nevermind, I rigged it up.

04-07-2012 06:22 AM #7 rileypool (Member)

I owe you one. If you wanna PM me your email address I'll happily send you a few bucks.

04-07-2012 08:20 AM #8 zeno (Administrator)

Good to see ya got it working. No need on the monies, didn't distract me for more than a few mins - consider it included in your STM sub ;D

Home > Vendors >