Log In · Register

 
 
Reply to this topicStart new topic
changing the how much space <br> makes, I am pretty sure
none345678
post Nov 19 2008, 08:22 PM
Post #1


Sex, Blood, & RocknRoll
*******

Group: People Staff
Posts: 5,305
Joined: Nov 2007
Member No: 596,480



I am pretty sure there is a code for this right? To edit how much space the br makes between words and such.

I think this was already asked but I couldn't find the old topic so I wasn't sure.
 
Maccabee
post Nov 21 2008, 12:51 AM
Post #2


Senior Member
*******

Group: Official Designer
Posts: 5,880
Joined: Nov 2007
Member No: 593,382



Well this isnt actually br but if your trting to change the distance

between
two rows

of words.

Then you can use line-height:; but to make it affect the text youd have to put the text in some sort of class and then in the tect's css chnage the line height.

So if the text is 8px when you set the line-height to 20px it will make the height of each line 20px making the space between lines greater.

Or if you want to space object you can just play around the padding and spacing to position stuff.
 
itsmattadams
post Nov 21 2008, 01:28 AM
Post #3


Member
**

Group: Member
Posts: 29
Joined: Nov 2008
Member No: 696,434



Use a horizontal rule. Here's some HR graphics.
 
--DANNY--
post Nov 21 2008, 07:25 AM
Post #4


the 1&only Danny Dahl
****

Group: Member
Posts: 149
Joined: Apr 2007
Member No: 518,959



I would use <hr /> in place of <br />
and then adjust the height with:

<style type="text/css">
hr { height: 20px; }
</style>


... play around with the 20px value until you get the desired spacing.
 
synatribe
post Nov 21 2008, 10:16 AM
Post #5


AIDS at RAVES.
******

Group: Official Designer
Posts: 2,386
Joined: Dec 2007
Member No: 598,878



<br> is the most space (like 3 spaces) <br/> is like 2 space and <br / > is about 1 space, or at least thats how it appears whenever I edit templates?
 
mipadi
post Nov 21 2008, 01:35 PM
Post #6


Senior Member
******

Group: Administrator
Posts: 2,648
Joined: Apr 2008
Member No: 639,265



QUOTE(Aberisk @ Nov 21 2008, 10:16 AM) *
<br> is the most space (like 3 spaces) <br/> is like 2 space and <br / > is about 1 space, or at least thats how it appears whenever I edit templates?

<br>, <br/>, and <br /> are the same tag.
 
--DANNY--
post Nov 21 2008, 03:35 PM
Post #7


the 1&only Danny Dahl
****

Group: Member
Posts: 149
Joined: Apr 2007
Member No: 518,959



QUOTE(mipadi @ Nov 21 2008, 10:35 AM) *
<br>, <br/>, and <br /> are the same tag.

Correct.

<br> should always be used when coding valid HTML.
<br/> or <br /> should always be used when coding valid XHTML.
I'm used to closing all single tags since I work mainly with XHTML, and the majority of websites are using XHTML now anyways.

But being that they are the exact same tag, they have the same attributes. So there is absolutely no difference whatsoever, if there is, I'm curious as to what web browser you are using tongue.gif
 
Maccabee
post Nov 21 2008, 04:41 PM
Post #8


Senior Member
*******

Group: Official Designer
Posts: 5,880
Joined: Nov 2007
Member No: 593,382



QUOTE(--DANNY-- @ Nov 21 2008, 06:25 AM) *
I would use <hr /> in place of <br />
and then adjust the height with:

<style type="text/css">
hr { height: 20px; }
</style>


... play around with the 20px value until you get the desired spacing.


Hr? Wouldnt that only work if it were invisible.

I dont think she wants to have a big line. just invisible space.
 
Mikeplyts
post Nov 21 2008, 09:10 PM
Post #9


Mel Blanc was allergic to carrots.
*******

Group: Official Designer
Posts: 6,371
Joined: Aug 2008
Member No: 676,291



^I agree.
 
--DANNY--
post Nov 22 2008, 04:18 AM
Post #10


the 1&only Danny Dahl
****

Group: Member
Posts: 149
Joined: Apr 2007
Member No: 518,959



QUOTE(JosephCohen123 @ Nov 21 2008, 01:41 PM) *
Hr? Wouldnt that only work if it were invisible.

I dont think she wants to have a big line. just invisible space.


Ahh , yes..
Well you can use border:none; but Internet Explorer is lame and doesn't let that work. It works in all other major browsers, Firefox, Google Chrome, Opera, etc.

Ya again, I'm used to working with mainly Firefox so I forget about the stupid little things here and there you have to find workarounds for to get them to work in IE.

If you wanted something that worked in all browsers, you could use:
<div class="hr"><hr/></div>

and do something like this...

<style type="text/css">
div.hr { height: 20px; }
div.hr hr { display: none; }
</style>


I dunno... usually this isn't an issue or need, because things are separated into paragraphs/sections with <p></p> and the bottom/top margin is set to adjust your spacing between sections/paragraphs/etc.
 
none345678
post Nov 22 2008, 12:36 PM
Post #11


Sex, Blood, & RocknRoll
*******

Group: People Staff
Posts: 5,305
Joined: Nov 2007
Member No: 596,480



Thanks guys, must of been mistaken about the br thing in the first place. Thanks for all the suggestions that I probably should have though of. :D
 
fixtatik
post Nov 25 2008, 06:53 AM
Post #12


Senior Member
******

Group: Member
Posts: 1,237
Joined: May 2008
Member No: 648,123



a little late and whatnot, but if you still want to change the height of line-break tags, you can just change the height of the line:

br { line-height:##px; }
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: