Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
<hr> elements spacing problems & something else
Old 01-02-2009, 05:49 PM <hr> elements spacing problems & something else
Average Talker

Posts: 29
Name: Taylor
Trades: 0


There's a screen shot of the problem. As you see there are two different problems The first one which i would like help with is that there seams to be extra space between the <hr> tag.



revlant css
Code:
.textl {position:absolute;}
 .textr {position:absolute; padding-left:53%;}
 hr {width:95%; text-align: left; margin: 0 auto 0 0;}
Code:
 //beging html cut  

<br /><hr /><br /><div class=\"titles\">Technology</div>
<br /><span class=\"textl\">Fortification:</span>
<span class=\"textr\">None</span>
<br /><hr /><span class=\"textl\">Siege Technology:</span>
<span class=\"textr\"> None</span>
<br /><hr /><span class=\"textl\">AntiCovert Technology</span>
<span class=\"textr\">None</span><br /><hr />
<span class=\"textl\">Special Technology</span>
<span class=\"textr\">None</span>
<br /><hr />

 //ending html cut

Last edited by Raisdead; 01-02-2009 at 06:44 PM.. Reason: it took out the <hr> tag
Raisdead is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 01-02-2009, 05:59 PM Re: <hr> elements spacing problems & something else
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,371
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
You always know as soon as you see

position:absolute there is going to be problems.

GET RID OF IT!!!

give the text on the left a width and float it left, set clear:right on the container for "None" and bob should be your uncle.
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 01-02-2009, 06:42 PM Re: <hr> elements spacing problems & something else
Average Talker

Posts: 29
Name: Taylor
Trades: 0
OK... I guess thanks for solving a problem that i didn't want you to solve... Refer to my previous post to answer my question... Please... unless the bob and uncle comment is the answer and I don't understand your sarcasm...
bob to me is when my son looks in the back of the book for the answers to his math assign.


P.S. why do you hate position:absolute so much...
Raisdead is offline
Reply With Quote
View Public Profile
 
Old 01-02-2009, 07:39 PM Re: <hr> elements spacing problems & something else
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,371
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
Is it some thing like this you are trying to get to?

position:absolute causes FAR more problems than it solves if you don't know how and when to use it. There is rarely a need for absolute postioning but people use it anywhere and everywhere without actually realising how it works.
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 01-02-2009, 07:41 PM Re: <hr> elements spacing problems & something else
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,371
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
BTW Bob's your uncle is an British phrase meaning "that'll do the job"
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 01-02-2009, 11:30 PM Re: <hr> elements spacing problems & something else
Average Talker

Posts: 29
Name: Taylor
Trades: 0
Yes... the problem was on my <hr> css I had this

margin: 0 auto 0 0;

that DESTROYED the space inbetween the <hr>

oppps...

Thanks for the demo...


Thanks for the Bobs the uncle thing... I really didn't expect it to be a British phrase...
Raisdead is offline
Reply With Quote
View Public Profile
 
Old 01-03-2009, 01:26 PM Re: <hr> elements spacing problems & something else
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Quote:
that DESTROYED the space inbetween the <hr>
Uh.. yes.. that's what ZERO means when applied in that way.

BTW, if the text "Fortifications" and "Siege Technology" are meant to be headings, then you should be using proper Hx tags and not spans.

Not that I have to, but I'll reiterate what Chris said - absolute positioning is generally not necessary and should be use sparingly.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to <hr> elements spacing problems & something else
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 1.13640 seconds with 12 queries