Jump to content



Welcome to KnowledgeSutra - Dear Guest , Please Register here to get Your own website. - Ask a Question / Express Opinion / Reply w/o Sign-Up!
- - - - -

Css Line-height Problem


9 replies to this topic

#1 -Sky-

    For those who are interested in Spiritual discussion: www.thespiritualportal.com

  • Kontributors
  • PipPipPipPipPipPipPipPipPipPipPip
  • 1,039 posts
  • Gender:Male
  • Location:Italy
  • myCENT:91.23

Posted 31 March 2009 - 04:13 PM

Hey all. I am having a little issue with CSS and HTML. I want to make a line going straight down the page (line-height:100) or something on the left side of a page, however I don't know how to do this. :) Could I get some help please? Thank you. The line in the red box is what I want.

Attached Files

  • Attached File  line.PNG   895bytes   10 downloads


#2 Saint_Michael

    $p4m 0n j00 $h4m3 m3 0nc3 $p4m 0n m3 $h4m3 m3 7\/\/1c3

  • [MODERATOR]
  • PipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPip
  • 7,459 posts
  • Gender:Male
  • Location:9r33|\| 399$ 4|\|D 5P4/\/\
  • Interests:$p4m 0n j00 $h4m3 m3 0nc3 $p4m 0n m3 $h4m3 m3 7\/\/1c3
  • myCENT:71.24

Posted 31 March 2009 - 04:22 PM

You want to use

{ 
background : url(image url) repeat-x;
float: right or left;
}

and you may want to use the float property as well to help align your background image.

#3 Phoenix.Illusion

    Premium Member

  • Kontributors
  • PipPipPipPipPipPipPipPip
  • 153 posts

Posted 31 March 2009 - 04:29 PM

Just what I was going to Suggest Saint_Michael! I hope that Fixes the Problem Sky.
I only found out how to Fix this the other Day.

- Dark

#4 -Sky-

    For those who are interested in Spiritual discussion: www.thespiritualportal.com

  • Kontributors
  • PipPipPipPipPipPipPipPipPipPipPip
  • 1,039 posts
  • Gender:Male
  • Location:Italy
  • myCENT:91.23

Posted 31 March 2009 - 05:05 PM

No no. I am not wanting to align an image. It's just a line I want to be added using CSS/HTML, so it cannot be copied unless using the Source.

#5 jlhaslip

    Insert Custom Title Here

  • [MODERATOR]
  • PipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPip
  • 5,040 posts
  • Gender:Not Telling
  • Location:Linux, DOS and Windows…the good, the bad and the ugly
  • myCENT:81.07
  • Spam Patrol

Posted 31 March 2009 - 05:09 PM

Depending on the layout of the page and the structure of the div's, (you are using div's, right?), you may be able to produce the line by adding a border to the containing div.

http://www.jlhaslip.trap17.com/samples/mis...ons/border.html

#6 -Sky-

    For those who are interested in Spiritual discussion: www.thespiritualportal.com

  • Kontributors
  • PipPipPipPipPipPipPipPipPipPipPip
  • 1,039 posts
  • Gender:Male
  • Location:Italy
  • myCENT:91.23

Posted 31 March 2009 - 05:47 PM

Yes, that's sort of the exact thing I am wanting haslip. And yes, I am using div's. :)

#7 sonesay

    |||[ n00b King ]|||

  • Kontributors
  • PipPipPipPipPipPipPipPipPip
  • 958 posts
  • Gender:Male
  • Location:Auckland
  • myCENT:68.27

Posted 31 March 2009 - 07:55 PM

Yeah it all depends on what type of layout and the elements in it that determine how you would create that effect. If you post your layout code and give suggestions to what you may or may not like we can maybe come up with a possible solution for you.

#8 Phoenix.Illusion

    Premium Member

  • Kontributors
  • PipPipPipPipPipPipPipPip
  • 153 posts

Posted 31 March 2009 - 08:48 PM

Sorry Sky I thought you ment align, My bad!
But yes it does depend on what layout.

- Dark

#9 -Sky-

    For those who are interested in Spiritual discussion: www.thespiritualportal.com

  • Kontributors
  • PipPipPipPipPipPipPipPipPipPipPip
  • 1,039 posts
  • Gender:Male
  • Location:Italy
  • myCENT:91.23

Posted 01 April 2009 - 09:09 AM

View Postsonesay, on Mar 31 2009, 08:55 PM, said:

Yeah it all depends on what type of layout and the elements in it that determine how you would create that effect. If you post your layout code and give suggestions to what you may or may not like we can maybe come up with a possible solution for you.
Yes, thanks for your support sonesay. :)

View PostDark Archer, on Mar 31 2009, 09:48 PM, said:

Sorry Sky I thought you ment align, My bad!
But yes it does depend on what layout.

- Dark
Andrew, I know it depends on the layout, however I am wanting this on a Custom Page on Central-Gaming forum. :P

#10 truefusion

    Coincidence is non-sequitur, therefore everything has a reason for its existence (except if they are eternal).

  • [MODERATOR]
  • PipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPip
  • 3,216 posts
  • Gender:Male
  • Location:No, not there. Not there either. Yes, you'll never figure it out.
  • Interests:God, Christianity.
  • myCENT:86.16

Posted 01 April 2009 - 10:44 AM

View Post-Sky-, on Mar 31 2009, 01:05 PM, said:

No no. I am not wanting to align an image. It's just a line I want to be added using CSS/HTML, so it cannot be copied unless using the Source.
Although they'll have to look at the source code to take the image (though why would they want to take the image?), C-Panel has a way to prevent hotlinking. But you'll need to do research on the clear property. Even if you were to use jlhaslip's code, i can tell you right now, from experience, that won't get you the results you are looking for. If you run off of what Saint_Michael provided and use the clear property, then you'll get better results.

By the way, the CSS property line-height is for text, that is, the spacing between the lines of text.




Reply to this topic


This post will need approval from a moderator before this post is shown.

  


1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users