Moving image show further up the page to look OK in IE and firefox.

This is a discussion on "Moving image show further up the page to look OK in IE and firefox." within the Web Page Design section. This forum, and the thread "Moving image show further up the page to look OK in IE and firefox. are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Jan 18th, 2008, 00:25
New Member
Join Date: Jan 2008
Location: Alicante
Age: 32
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
Moving image show further up the page to look OK in IE and firefox.

Hi all

I wondered if anyone can help me : My site is www.webfactory365.com and i am having problems with :

i) How to get rid of the tac room text at the top of the page.
ii) How to move the "image show with the cars" (JSN image show) further up the page (so that it lies just underneath the black banner at the top (with the date/home link and search)

I am not too sure what to do with the CSS to make it Ok in both IE and firefox.


Any assistance would be greatly appreciated.

Thanks

Richard
Reply With Quote

  #2 (permalink)  
Old Jan 18th, 2008, 02:55
Most Reputable Member
Join Date: Feb 2004
Location: Borneo
Age: 27
Posts: 1,608
Blog Entries: 2
Thanks: 0
Thanked 4 Times in 3 Posts
Re: Moving image show further up the page to look OK in IE and firefox.

Code: Select all
#banner_out (line 38)
{
background-image: url(../images/banner_out_bg.jpg);
 padding-top: 10px;
padding-right: 13px;
padding-bottom: 10px;
padding-left: 13px;
background-repeat: repeat-x;
background-color: #660000;
height: 123px;
}
Change that to padding-top: 0;

For your first question, I an not sure what do you mean?
Do you mean removing the text "tacroom"? It that is what you mean, just throw away this CSS style
and your <div id="sitetitle"></div>
Code: Select all
#sitetitle (line 50)
{
float: left;
color: #ffffff;
height: 123px;
line-height: 123px;
font-size: 18px;
font-weight: bold;
padding-left: 100px;
background-image: url(../images/logo.png);
background-repeat: no-repeat;
background-x-position: left;
background-y-position: center;
}
Cheers...
Last Blog Entry: ASP Programming Tips and Technique (Oct 26th, 2007)
Reply With Quote
  #3 (permalink)  
Old Jan 19th, 2008, 11:37
New Member
Join Date: Jan 2008
Location: Alicante
Age: 32
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Moving image show further up the page to look OK in IE and firefox.

Thanks ever so much Monie, the changes worked perfectly! Canīt thank you enough. Just one thing though the page seems to go a little strange in Firefox after the changes were made. Any ideas why?
Once again thanks for your time in this matter.

Kind regards

Richard
Alicante
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Centering an image with CSS without moving anything else on the page. Ed Web Page Design 5 Oct 29th, 2007 11:34
Moving TD on click of an image akshitshah JavaScript Forum 2 Sep 24th, 2007 05:31
wanting to add moving butterlies over an image/photo? TALLMALEUK Flash & Multimedia Forum 4 Sep 18th, 2006 01:44
How to make a moving #top image? qosmioamit Web Page Design 6 Jan 17th, 2006 18:52
Waterfall image -- making water appear as moving autumn_whispers2me Flash & Multimedia Forum 3 Feb 16th, 2005 00:56


All times are GMT. The time now is 13:40.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43