|
|
|
|
Thread title: Help CSS coding |
|
|
|
|
|
Thread tools
Search this thread
Display Modes
|
|
02-22-2005, 08:47 PM
|
#1
|
Status: I love this place
Join date: Jan 2005
Location: UK, Birmingham
Expertise:
Software:
Posts: 606
|
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
|
Status: Member
Join date: Jan 2005
Location: Manchester
Expertise: Design
Software: TextEdit
Posts: 1,009
|
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
|
Status: I love this place
Join date: Jan 2005
Location: UK, Birmingham
Expertise:
Software:
Posts: 606
|
Nope didnt make a difference but thanks for trying
|
|
02-23-2005, 12:27 PM
|
#4
|
Status: Junior Member
Join date: Feb 2005
Location: Florida
Expertise:
Software:
Posts: 91
|
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.
|
|
03-06-2005, 04:06 PM
|
#5
|
Status: design rockstar
Join date: Jan 2005
Location: guelph, ontario
Expertise:
Software:
Posts: 2,246
|
Originally Posted by kiswa
Basically, change the background-image: line to the background: line supplied
|
macs don't like that trick.
|
|
02-23-2005, 05:52 PM
|
#6
|
Status: I love this place
Join date: Jan 2005
Location: UK, Birmingham
Expertise:
Software:
Posts: 606
|
|
|
02-23-2005, 06:18 PM
|
#7
|
Status: I love this place
Join date: Jan 2005
Location: UK, Birmingham
Expertise:
Software:
Posts: 606
|
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
|
#8
|
Status: unusual suspect ™
Join date: Feb 2005
Location: Lancaster, PA from London UK
Expertise:
Software:
Posts: 1,814
|
<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
|
#9
|
Status: Junior Member
Join date: Feb 2005
Location: Florida
Expertise:
Software:
Posts: 91
|
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
|
#10
|
Status: I love this place
Join date: Jan 2005
Location: UK, Birmingham
Expertise:
Software:
Posts: 606
|
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
|
|
|
|
|
|
|
|
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
|
|
|
|