Nov 8, 2009

Css Line-height Problem

free web hosting
Open Discussion > MODERATED AREA > Computers > Programming Languages > CSS (Cascading Style Sheets)

Css Line-height Problem

-Sky-
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. sad.gif Could I get some help please? Thank you. The line in the red box is what I want.

Comment/Reply (w/o sign-up)

Saint_Michael
You want to use

CODE
{
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.

Comment/Reply (w/o sign-up)

Dark Archer
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

Comment/Reply (w/o sign-up)

-Sky-
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.

Comment/Reply (w/o sign-up)

jlhaslip
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

Comment/Reply (w/o sign-up)

-Sky-
Yes, that's sort of the exact thing I am wanting haslip. And yes, I am using div's. smile.gif

Comment/Reply (w/o sign-up)

sonesay
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.


Comment/Reply (w/o sign-up)

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

- Dark

Comment/Reply (w/o sign-up)

-Sky-
QUOTE (sonesay @ Mar 31 2009, 08: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.

Yes, thanks for your support sonesay. smile.gif

QUOTE (Dark Archer @ Mar 31 2009, 09:48 PM) *
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. wink.gif

 

 

 


Comment/Reply (w/o sign-up)

truefusion
QUOTE (-Sky- @ Mar 31 2009, 01: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.

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.

Comment/Reply (w/o sign-up)



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)

Similar Topics

Keywords :

  1. Css Help 100 % Height
    (6)
  2. How Do I Extend My Div To 1oo% Height?
    Also welcoming criticisms on my webpage (13)
    Hi all, this is a two part post, firstly how do i get my DIV to go the full length of my page
    without specifying its height in pixels? My first thought is by using a percentage height but it
    seems to have no effect on the DIV. I ask because of this page http://www.shadows.trap17.com/ww/
    that i created. Now im using 128Ox8OO res at the moment and with my current use of BR tags i can
    extend the div down to the bottom of the page, only in firefox its a few pixels too short and in IE
    its a few too long so i get scrolling in IE and a grey gap in FF, not good for a website ....
  3. 100% Height Issue With Stretching Top To Bottom - Full Page
    Problem with content not stretching from top to bottom. (5)
    Another CSS problem thats been annoying me. I got this tempalte off
    http://www.xs4all.nl/~peterned/examples/csslayout1.html the css file is here
    http://www.xs4all.nl/~peterned/examples/css/layout1.css I went ahead and applied it to my template.
    Their main divs contain 1 main container, 3 sub divs (header, content, and footer). HTML div
    id =" container "> div id =" header "> /div > div id =" content "> /div > div id
    =" footer "> /div > /div > I've had to add a few more divs inside the header div to
    include my table for banner an....
  4. Height % In Ff Problems With Css
    (3)
    Does anyone know how to make the height of a div in firefox equal to the percentage you input? For
    example if I put blablabla the div container will only be as high as the text makes it, when in
    internet explorer it does make it take up 100% of the page or whatever height in percentage I input
    in it. by the way, html, body {} have 100% height in them, so does the container that has the div
    element. Example: html,body {height:100%;} #container {height:100%;} #div {min-height:100%;} the
    one called #div is the one I want with 100% height. Thanks for any help.....
  5. Basic Css Layout Issue
    Floated Cell with similar height (5)
    Okay say I was building a site (what do you know I am!) and I want to use CSS. the problem being I
    don't know how to make a floated cell be the same height as another. FOr example CODE
    just some stuff over here! but... over here I have even more stuff to display
    now If I float the left to the left and the right to the right and set ther widths so that they
    will be beside eachother the left div is shorter then the right, which makes sense because there is
    more content in the right. I want to know how to make them the same heigh....

    1. Looking for Css, Line-height, Problem

Searching Video's for Css, Line-height, Problem
See Also,
advertisement


Css Line-height Problem

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com