Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,472
There are 1395 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

lil problem here :)

Thread title: lil problem here :)
Closed Thread  
Page 1 of 2 1 2 >
    Thread tools Search this thread Display Modes  
11-30-2005, 03:31 AM
#1
al-do is offline al-do
Status: I'm new around here
Join date: Aug 2005
Location:
Expertise:
Software:
 
Posts: 10
iTrader: 0 / 0%
 

al-do is on a distinguished road

Send a message via AIM to al-do Send a message via Yahoo to al-do

  Old  lil problem here :)

ok i made this for a friend and i have a problem.

ok the problem is if you view this LINK
in FireFox i get some extra space above the red and blue lines.

but in others like IE it looks fine.

anyone?

thanks
aldo

11-30-2005, 03:32 PM
#2
skimo is offline skimo
Status: I'm new around here
Join date: Sep 2005
Location: Chicago
Expertise:
Software:
 
Posts: 2
iTrader: 0 / 0%
 

skimo is on a distinguished road

  Old

I don't see a problem - looks fine to me.

BTW - apparel is spelled wrong in the left nav.

11-30-2005, 03:46 PM
#3
Jhin is offline Jhin
Jhin's Avatar
Status: Member
Join date: Nov 2005
Location: Ontario, Canada
Expertise:
Software:
 
Posts: 303
iTrader: 0 / 0%
 

Jhin is on a distinguished road

Send a message via ICQ to Jhin Send a message via AIM to Jhin Send a message via MSN to Jhin Send a message via Yahoo to Jhin

  Old

As soon as your window width gets larger than 960 that's when the space appears.

I'm not exactly certain how to fix the problem...I'll keep looking for something though...

11-30-2005, 08:48 PM
#4
ndesign-studio is offline ndesign-studio
ndesign-studio's Avatar
Status: Member
Join date: Oct 2005
Location: Toronto
Expertise:
Software:
 
Posts: 199
iTrader: 0 / 0%
 

ndesign-studio is on a distinguished road

  Old

For your .backimage1 class, try add this in:

background-position: left top;
background-repeat: repeat-x;

SO, your css code now should look like this:

.backimage1{
height:30px;
background-image:url(images/black_bar1.gif);
background-position: left top;
background-repeat: repeat-x;
}

11-30-2005, 11:22 PM
#5
al-do is offline al-do
Status: I'm new around here
Join date: Aug 2005
Location:
Expertise:
Software:
 
Posts: 10
iTrader: 0 / 0%
 

al-do is on a distinguished road

Send a message via AIM to al-do Send a message via Yahoo to al-do

  Old

thanks for the for the input guys.

i did try what you told me "ndesign-studio" and sill does the same

aldo

11-30-2005, 11:55 PM
#6
bcd is offline bcd
bcd's Avatar
Status: Junior Member
Join date: Oct 2005
Location: Cali
Expertise:
Software:
 
Posts: 96
iTrader: 0 / 0%
 

bcd is on a distinguished road

Send a message via AIM to bcd Send a message via MSN to bcd Send a message via Yahoo to bcd

  Old

Why use tables for a page with 3 elements? And why use embed? You already used object! This List Apart article should fill you in on the difference between embed and object.

Here's your page recoded with Divs:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>AmeriSource Companies</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">

* { border: 0; margin: 0; padding: 0; }

body {
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
img {
	display: block;
	height: 44px;
	margin-top: 50px;
	text-align: left;
	width: 256px;
}
object {
	margin: 0 auto;
}
div {
	background: top url(images/black_bar1.gif) repeat-x;
	color: #000;
	font-size: 65%;
	padding-top: 30px;
	text-align: right;
	width: 100%;
}

</style>
</head>
<body>

<img src="images/ameri.gif" alt="logo" />
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="950" height="300">
        <param name="movie" value="hostFile.swf" />
        <param name=quality value=high />
        <embed src="hostFile.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="950px" height="300px"></embed>
      </object>

<div> © 2005 AmeriSource Companies </div>

</body>
</html>
You'll have to excuse me not modifying your embed tags , I haven't worked with Flash before (I'm dead-set against it )

12-01-2005, 01:17 AM
#7
al-do is offline al-do
Status: I'm new around here
Join date: Aug 2005
Location:
Expertise:
Software:
 
Posts: 10
iTrader: 0 / 0%
 

al-do is on a distinguished road

Send a message via AIM to al-do Send a message via Yahoo to al-do

  Old

hey thanks bcd -- i tried out your code but i still get that extra darn space in FF

thanks
aldo

12-01-2005, 04:29 PM
#8
ndesign-studio is offline ndesign-studio
ndesign-studio's Avatar
Status: Member
Join date: Oct 2005
Location: Toronto
Expertise:
Software:
 
Posts: 199
iTrader: 0 / 0%
 

ndesign-studio is on a distinguished road

  Old

al-do,

try take out the .backimage1 css and use TD bg=black_bar1.gif, set your td=30px. This should work.

12-02-2005, 03:16 AM
#9
al-do is offline al-do
Status: I'm new around here
Join date: Aug 2005
Location:
Expertise:
Software:
 
Posts: 10
iTrader: 0 / 0%
 

al-do is on a distinguished road

Send a message via AIM to al-do Send a message via Yahoo to al-do

  Old  problem ..

ok guys i fixed the first problem with making the layout with css and no tables
and now i have another problem ok here is the
LINK!
this problem is in any browser. open the link and resize the browser's width you will the a big white space or the patterns going horizontal not being 100% of the browser width its like they are having less percentage.
anyone?

thanks
aldo

12-02-2005, 05:57 AM
#10
ndesign-studio is offline ndesign-studio
ndesign-studio's Avatar
Status: Member
Join date: Oct 2005
Location: Toronto
Expertise:
Software:
 
Posts: 199
iTrader: 0 / 0%
 

ndesign-studio is on a distinguished road

  Old

I don't see anything wrong it... no white space.

Closed Thread  
Page 1 of 2 1 2 >


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed