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,471
There are 1098 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

Help CSS coding

Thread title: Help CSS coding
Closed Thread  
Page 1 of 2 1 2 >
    Thread tools Search this thread Display Modes  
02-22-2005, 08:47 PM
#1
opserty is offline opserty
Status: I love this place
Join date: Jan 2005
Location: UK, Birmingham
Expertise:
Software:
 
Posts: 606
iTrader: 0 / 0%
 

opserty is on a distinguished road

Send a message via MSN to opserty

  Old  Help CSS coding

Ok I've used CSS to code a template and it looks perfectly fine although if have a problem. When i go to type text over a image it ends up in the corner. I have tried padding but it doesn't seem to have any effect.

Heres the CSS code:
http://lightlance.eugamers.com/templ...an/belgian.css OR
Code:
* CSS Document */

#footer {
	background-image:url(images/index_26.gif);
	width:800px;
	height:23px;
	float:left;
	text-align:left;
	padding:3px,5px,3px,5px;
}
Heres the site:

http://lightlance.eugamers.com/templates/belgian/

Really need this help thanks

Okay its padded but now its messed up and there are images all around them now.

02-22-2005, 09:29 PM
#2
jamesyfx is offline jamesyfx
Status: Member
Join date: Jan 2005
Location: Manchester
Expertise: Design
Software: TextEdit
 
Posts: 1,009
iTrader: 0 / 0%
 

jamesyfx is on a distinguished road

Send a message via MSN to jamesyfx

  Old

Dont use commas in the padding, just make it 3px 5px 3px 5px.

If that makes a difference, I havent a clue.

You've also given tables in your html a "px" value, it should just be numbers.

(<table cellspacing="0" cellpadding="0" width="404px" border="0" height="38px">)

02-22-2005, 10:01 PM
#3
opserty is offline opserty
Status: I love this place
Join date: Jan 2005
Location: UK, Birmingham
Expertise:
Software:
 
Posts: 606
iTrader: 0 / 0%
 

opserty is on a distinguished road

Send a message via MSN to opserty

  Old

Nope didnt make a difference but thanks for trying

02-23-2005, 12:27 PM
#4
kiswa is offline kiswa
Status: Junior Member
Join date: Feb 2005
Location: Florida
Expertise:
Software:
 
Posts: 91
iTrader: 0 / 0%
 

kiswa is on a distinguished road

  Old

Okay, I just went through the whole thing and...
Code:
#footer {
	background:url(images/index_26.gif) top left no-repeat;
	width:800px;
	height:23px;
	float:left;
	text-align:left;
	padding:6px 5px;
	margin:0;

}
Basically, change the background-image: line to the background: line supplied, and the padding and margin lines were only changed because you don't have to repeat like you did, just thought you might like to know that.

Anyway, hope that helps you get what you wanted out of this.

02-23-2005, 05:52 PM
#5
opserty is offline opserty
Status: I love this place
Join date: Jan 2005
Location: UK, Birmingham
Expertise:
Software:
 
Posts: 606
iTrader: 0 / 0%
 

opserty is on a distinguished road

Send a message via MSN to opserty

  Old

Your a star!!!

Thanks

02-23-2005, 06:18 PM
#6
opserty is offline opserty
Status: I love this place
Join date: Jan 2005
Location: UK, Birmingham
Expertise:
Software:
 
Posts: 606
iTrader: 0 / 0%
 

opserty is on a distinguished road

Send a message via MSN to opserty

  Old

Ok now another problem, well its not a problem but more of a question. Is there anyway i can get the text on the same line but with a different style and alingment using css?

Code:
copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: 52852C;
}
.legal {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style:italic;
	color: 52852C;
}

02-23-2005, 06:27 PM
#7
seen.to is offline seen.to
seen.to's Avatar
Status: unusual suspect ™
Join date: Feb 2005
Location: Lancaster, PA from London UK
Expertise:
Software:
 
Posts: 1,814
iTrader: 0 / 0%
 

seen.to is on a distinguished road

  Old

<div id="copyright">text in first style<span class="legal">text in second style</span>text in first style</div>

02-24-2005, 12:09 PM
#8
kiswa is offline kiswa
Status: Junior Member
Join date: Feb 2005
Location: Florida
Expertise:
Software:
 
Posts: 91
iTrader: 0 / 0%
 

kiswa is on a distinguished road

  Old

But note, you can't have different aligment within the same line of text. It's either all center, all left, all justified, or all right. You can however have two separate <div>s that will let you float one to the left, and one to the right and keep your text on the same line, but have different alignment (but only because it's a trick ). Hope that helps.

EDIT: And thanks for the complement. I really enjoy doing things with CSS, so I'll always try to answer any CSS questions. Usually I can even help!

02-25-2005, 05:38 PM
#9
opserty is offline opserty
Status: I love this place
Join date: Jan 2005
Location: UK, Birmingham
Expertise:
Software:
 
Posts: 606
iTrader: 0 / 0%
 

opserty is on a distinguished road

Send a message via MSN to opserty

  Old

Another bit of help please. Sorry im a CSS noob hehe.

Somethings wrong with the text it wont align properly.

Code:
#text {
	background:url(images/page_06.gif) top right no-repeat;
	width:620px;
	height:596px;
	float:right;
	padding: 20px 20px 20px 50px;
	margin:0;
	text-align:left;
}
http://lightlance.eugamers.com/templ...an/support.php

03-04-2005, 10:08 PM
#10
Lord Kalthorn is offline Lord Kalthorn
Lord Kalthorn's Avatar
Status: I love this place
Join date: Jan 2005
Location: Greathanc
Expertise:
Software:
 
Posts: 743
iTrader: 0 / 0%
 

Lord Kalthorn is on a distinguished road

Send a message via MSN to Lord Kalthorn

  Old

If the text is of Class Text - should you not have p.text { ... }?

Closed Thread  
Page 1 of 2 1 2 >


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

  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