Tag Alternatives? - Web Hosting Talk

Web Hosting Talk - The largest, most influential web hosting community on the Internet
  • Register
  • Remember Me?
hosted by liquidweb
  • Advanced Search
  • Home
  • Forum
  • Web Hosting Main Forums
  • Web Design and Content
  • <br /> tag alternatives?
Page 1 of 2 12 Next LastLast
  • Jump to page:
Results 1 to 25 of 28 Thread: <br /> tag alternatives? Twitter Facebook LinkedIn
  • Thread Tools
    • Show Printable Version
    • Subscribe to this Thread…
  • Search Thread
    • Advanced Search
  • Display
    • Linear Mode
    • Switch to Hybrid Mode
    • Switch to Threaded Mode
  1. #1
    • View Profile
    • View Forum Posts
    • View Forum Threads
    JedKent is offline WHT Addict Join Date Apr 2002 Posts 150

    <br /> tag alternatives?

    I'm sure most of you are already aware of this, but Firefox and Internet Explorer handle <br /> tags differently. IE will make it seem as if there is more space than there really is, and Firefox will make it seem like there is less. I'm not sure which browser handles them correctly, but regardless... I need to be able to make the spaces in my design be consistent in both Firefox and Internet Explorer. I was hoping someone could inform me on how to go about doing this? ...I was thinking maybe like a 1x1 transparent .gif or whatnot, but something tells me that's not really the correct way to go about it. Please help me out - it's kind of important. -Thanks!
    Reply With Quote Reply With Quote 0 Not allowed!
  2. #2
    • View Profile
    • View Forum Posts
    • View Forum Threads
    RMF is offline Web Hosting Master Join Date Sep 2002 Posts 1,056
    Could create a spacer table.
    Reply With Quote Reply With Quote 0 Not allowed!
  3. #3
    • View Profile
    • View Forum Posts
    • View Forum Threads
    vigo is offline Newbie Join Date May 2004 Location Sheffield, UK Posts 24
    Use padding or margin in your CSS. But why is it so important for your design to come out exactly the same in MSIE and FF (which will never happen anyway)?
    Reply With Quote Reply With Quote 0 Not allowed!
  4. #4
    • View Profile
    • View Forum Posts
    • View Forum Threads
    BigBison is offline rogue element Join Date Jun 2004 Location Northwest Colorado Posts 4,636
    Vigo's right; it'll never happen. As to which browser is "correct", the answer is both. The amount of whitespace to use for a line break isn't part of any standard. You will find this is not only different between browsers, but also for the same browser on different platforms, or even on the same platform depending on font settings, both in the browser and the OS. If you're relying on line break spacing to make a design work, I hate to break it to you, but you may need to re-evaluate your design. It's hard to say as you haven't provided a link, but I don't think a spacer .gif is your answer either.
    Eric J. Bowman, principal Bison Systems Corporation coming soon: a new sig! I'm just a poor, unfrozen caveman Webmaster. Your new 'standards' frighten, and confuse me...
    Reply With Quote Reply With Quote 0 Not allowed!
  5. #5
    • View Profile
    • View Forum Posts
    • View Forum Threads
    JedKent is offline WHT Addict Join Date Apr 2002 Posts 150
    Well, I do well at designing layouts, but my coding is a bit rusty (I hate doing it). But, anyway... my design looks completely identical in both IE and Firefox, all except for the spacing between text and whatnot... which is why I was trying to find some alternatives to the <br /> tag. I'd like to think that making a layout look the same in both browsers is possible. I am already practically there (except for this issue with the text, obviously). I mean, the difference in spacing between my text is not going to make or break my layout, but, I am a perfectionist, and I want things to look perfect in both browsers. I know there has to be a way to accomplish this... as some other sites already have.
    Reply With Quote Reply With Quote 0 Not allowed!
  6. #6
    • View Profile
    • View Forum Posts
    • View Forum Threads
    • Visit Homepage
    the_pm is offline Retired Moderator Join Date May 2004 Location Pflugerville, TX Posts 11,231
    br { height:10px } But if you're using more than one in a row, you're using them incorrectly anyway. Ths means you need to wrap whatever it is you're specing apart into separate containers, and apply margins or padding, as suggested by Vigo and confirmed by BigBison.
    Studio1337___̴ı̴̴̡̡̡ ̡͌l̡̡̡ ̡͌l̡*̡̡ ̴̡ı̴̴̡ ̡̡͡|̲̲̲͡͡͡ ̲▫̲͡ ̲̲̲͡͡π̲̲͡͡ ̲̲͡▫̲̲͡͡ ̲|̡̡̡ ̡ ̴̡ı̴̡̡ ̡͌l̡̡̡̡.__Web Design
    Reply With Quote Reply With Quote 0 Not allowed!
  7. #7
    • View Profile
    • View Forum Posts
    • View Forum Threads
    • Visit Homepage
    joe2kiss is offline Junior Guru Wannabe Join Date Feb 2004 Location S.Wales Posts 97
    What are you using <br /> to put a space between? I find using a mixture of <p>, padding and margin enough to space objects how I want them.
    Joe2Torials - HTML, CSS & Much More...... Weborum
    Reply With Quote Reply With Quote 0 Not allowed!
  8. #8
    • View Profile
    • View Forum Posts
    • View Forum Threads
    sephira is offline Junior Guru Wannabe Join Date Mar 2002 Posts 36
    I sent you an e-mail with some additional possible solutions.
    Reply With Quote Reply With Quote 0 Not allowed!
  9. #9
    • View Profile
    • View Forum Posts
    • View Forum Threads
    RMF is offline Web Hosting Master Join Date Sep 2002 Posts 1,056
    Like I said, with tables. Sometimes if I want a space, but not as big as a br tag, I'll use a table. I create a table with one cell, no cellpadding/spacing, then make the td with a width of "1", or whatever I want the space to be. You wouldn't want to use this a lot, because there would be a lot of code, but sometimes its a nice to thing to do.
    Reply With Quote Reply With Quote 0 Not allowed!
  10. #10
    • View Profile
    • View Forum Posts
    • View Forum Threads
    • Visit Homepage
    the_pm is offline Retired Moderator Join Date May 2004 Location Pflugerville, TX Posts 11,231
    Originally posted by RMF Like I said, with tables. Sometimes if I want a space, but not as big as a br tag, I'll use a table. I create a table with one cell, no cellpadding/spacing, then make the td with a width of "1", or whatever I want the space to be. You wouldn't want to use this a lot, because there would be a lot of code, but sometimes its a nice to thing to do.
    Studio1337___̴ı̴̴̡̡̡ ̡͌l̡̡̡ ̡͌l̡*̡̡ ̴̡ı̴̴̡ ̡̡͡|̲̲̲͡͡͡ ̲▫̲͡ ̲̲̲͡͡π̲̲͡͡ ̲̲͡▫̲̲͡͡ ̲|̡̡̡ ̡ ̴̡ı̴̡̡ ̡͌l̡̡̡̡.__Web Design
    Reply With Quote Reply With Quote 0 Not allowed!
  11. #11
    • View Profile
    • View Forum Posts
    • View Forum Threads
    • Visit Homepage
    Zopester is offline Web Hosting Master Join Date Jan 2003 Location Houston, TX - Originally from UK Posts 707
    Quote Originally Posted by RMF Sometimes if I want a space, but not as big as a br tag, I'll use a table. I create a table with one cell, no cellpadding/spacing, then make the td with a width of "1", or whatever I want the space to be. May I ask why you'd promote a solution in 2004 that is reminiscent of web design from 1997? CSS padding and margins are supported in every browser that matters, therefore your technique is obsolete and unwieldy. This isn't a personal attack, this is a genuine question about old-school design methodology.
    Kinkamono Internet Services - The Internet. Done Right. Dive In...
    Reply With Quote Reply With Quote 0 Not allowed!
  12. #12
    • View Profile
    • View Forum Posts
    • View Forum Threads
    RMF is offline Web Hosting Master Join Date Sep 2002 Posts 1,056
    Its just another way to do it. Thats what he asked for.
    Reply With Quote Reply With Quote 0 Not allowed!
  13. #13
    • View Profile
    • View Forum Posts
    • View Forum Threads
    • Visit Homepage
    the_pm is offline Retired Moderator Join Date May 2004 Location Pflugerville, TX Posts 11,231
    Sort of like an alternative to going to the hospital for a vasectomy would be to remove your testicles with a rusty spoon. Yeah, you'll get the desired effect, but I still wouldn't suggest it to someone!
    Studio1337___̴ı̴̴̡̡̡ ̡͌l̡̡̡ ̡͌l̡*̡̡ ̴̡ı̴̴̡ ̡̡͡|̲̲̲͡͡͡ ̲▫̲͡ ̲̲̲͡͡π̲̲͡͡ ̲̲͡▫̲̲͡͡ ̲|̡̡̡ ̡ ̴̡ı̴̡̡ ̡͌l̡̡̡̡.__Web Design
    Reply With Quote Reply With Quote 0 Not allowed!
  14. #14
    • View Profile
    • View Forum Posts
    • View Forum Threads
    BigBison is offline rogue element Join Date Jun 2004 Location Northwest Colorado Posts 4,636
    Nice image! Do you talk to your fianceé with that mouth? J/K! Congratulations, btw!
    Eric J. Bowman, principal Bison Systems Corporation coming soon: a new sig! I'm just a poor, unfrozen caveman Webmaster. Your new 'standards' frighten, and confuse me...
    Reply With Quote Reply With Quote 0 Not allowed!
  15. #15
    • View Profile
    • View Forum Posts
    • View Forum Threads
    RMF is offline Web Hosting Master Join Date Sep 2002 Posts 1,056
    It's not that bad.
    Reply With Quote Reply With Quote 0 Not allowed!
  16. #16
    • View Profile
    • View Forum Posts
    • View Forum Threads
    • Visit Homepage
    Website Rob is offline learning is in the doing Join Date Sep 2000 Location Alberta, Canada Posts 3,146
    Is the discussion about "spacing" or "line height"? Each one is different than the other and using the term "spaces" with the BR tag, the two do not fit. If you are looking for consistency with your "line height" whenever a BR tag is used, then declare one in your CSS. line-height: 24px &nbsp;-or-&nbsp; line-height: 124% I prefer percentages myself, makes it easier to work with any Browser whilst keeping the overall "look" consistent.
    • PotentProducts.com - for all your Hosting needs • Helping people Host, Create and Maintain their Web Site • ServerAdmin Services also available
    Reply With Quote Reply With Quote 0 Not allowed!
  17. #17
    • View Profile
    • View Forum Posts
    • View Forum Threads
    Mx-James is offline New Member Join Date Dec 2004 Posts 3
    Yea use CSS to do it.
    Reply With Quote Reply With Quote 0 Not allowed!
  18. #18
    • View Profile
    • View Forum Posts
    • View Forum Threads
    JedKent is offline WHT Addict Join Date Apr 2002 Posts 150
    Thanks for the help. -Adding style="margin-bottom:15px" to the images I wanted the spaces underneath was much easier than fiddling around with the <br /> crap. Appreciate it!
    Reply With Quote Reply With Quote 0 Not allowed!
  19. #19
    • View Profile
    • View Forum Posts
    • View Forum Threads
    JedKent is offline WHT Addict Join Date Apr 2002 Posts 150
    Sorry for the double post, but, I actually have another issue: I tried putting the br{height:5px} in my CSS, but it did absolutely nothing. I even changed the px value to see if it was just too low, but, that wasn't the case, either, so... are you sure this is exactly how I input it into the CSS file? -Also, someone was telling me you could do something like: <br style="height:5px" /> ... so I tried it ... and nothing. ...why didn't this work, either? I'm sorry if any of my questions seem stupid, but, I am simply trying to learn how to go about accomplishing these things, so... if you are a really great coder or whatnot, I would appreciate if it you could just help me out, and not make cracks at my poor coding knowledge/etc. -I am looking for some serious/helpful responses here. Thank you.
    Reply With Quote Reply With Quote 0 Not allowed!
  20. #20
    • View Profile
    • View Forum Posts
    • View Forum Threads
    • Visit Homepage
    Website Rob is offline learning is in the doing Join Date Sep 2000 Location Alberta, Canada Posts 3,146
    line-height: 24px -or- line-height: 124% See the difference between your code syntax and the example? height:5px - incorrect &nbsp;&nbsp; line-height: 5px - correct
    • PotentProducts.com - for all your Hosting needs • Helping people Host, Create and Maintain their Web Site • ServerAdmin Services also available
    Reply With Quote Reply With Quote 0 Not allowed!
  21. #21
    • View Profile
    • View Forum Posts
    • View Forum Threads
    JedKent is offline WHT Addict Join Date Apr 2002 Posts 150
    Okay, so I add the line-height to the CSS exampe I gave... or to the <br /> tag example? Or both? If CSS, just to clarify... it would be br{line-height:5px}, right? ...and if it is for the <br /> tag, it would be <br style="line-height:5px" />, correct? Just want to make sure. -Thanks.
    Reply With Quote Reply With Quote 0 Not allowed!
  22. #22
    • View Profile
    • View Forum Posts
    • View Forum Threads
    • Visit Homepage
    Website Rob is offline learning is in the doing Join Date Sep 2000 Location Alberta, Canada Posts 3,146
    You are correct. CSS is specific to the HTML it is attached to. (confused yet? ) For site-wide application then in your CSS you would have: br { &nbsp; line-height: 5px; } Then, everytime you use the <br /> tag the line-height is automatically applied. If you only want to use it in specific situations on a Web page, then you would use: <br style="line-height:5px" /> &nbsp; or <span style="line-height:5px"><br /></span> Personally, and whenvever possible, I like to put as much CSS into the CSS file rather than within a Web page.
    • PotentProducts.com - for all your Hosting needs • Helping people Host, Create and Maintain their Web Site • ServerAdmin Services also available
    Reply With Quote Reply With Quote 0 Not allowed!
  23. #23
    • View Profile
    • View Forum Posts
    • View Forum Threads
    JedKent is offline WHT Addict Join Date Apr 2002 Posts 150
    Thanks a lot for the quick and helpful responses. -This information will help greatly.
    Reply With Quote Reply With Quote 0 Not allowed!
  24. #24
    • View Profile
    • View Forum Posts
    • View Forum Threads
    • Visit Homepage
    Website Rob is offline learning is in the doing Join Date Sep 2000 Location Alberta, Canada Posts 3,146
    Your welcome.
    • PotentProducts.com - for all your Hosting needs • Helping people Host, Create and Maintain their Web Site • ServerAdmin Services also available
    Reply With Quote Reply With Quote 0 Not allowed!
  25. #25
    • View Profile
    • View Forum Posts
    • View Forum Threads
    JedKent is offline WHT Addict Join Date Apr 2002 Posts 150
    /sigh, I hate to be the bearer of bad news, but... ...I have put that into the CSS file, and still nothing is happening. -Also, if I put it into the style of the BR tag, nothing happens, either. What's going on? I'm doing it just as you said...
    Reply With Quote Reply With Quote 0 Not allowed!
Page 1 of 2 12 Next LastLast
  • Jump to page:
Quick Navigation Web Design and Content Top
  • Site Areas
  • Member Control Panel
  • Private Messages
  • Subscriptions
  • Who's Online
  • Search Forums
  • Forums Home
  • Forums
  • Premium & Corporate Member Forums
    1. Premium & Corporate Members
      1. Marketing, Promotion, and Customer Service
      2. Infrastructure & Hosting Company Discussions
      3. Fraud and Abuse
      4. WebHostingTalk Subscribers Club
  • Web Hosting Main Forums
    1. Industry Announcements
      1. Web Hosting Industry Announcements
      2. Providers and Network Outages and Updates
    2. Web Hosting
      1. i2C - Internet Infrastructure Coalition
      2. Web Hosting Offers
    3. Dedicated Server
      1. Dedicated Hosting Offers
    4. Colocation, Data Centers, IP Space and Networks
      1. Colo Hosting Offers
    5. Cloud Hosting
      1. Cloud Hosting Offers
    6. VPS Hosting
      1. VPS Hosting Offers
    7. Reseller Hosting
      1. Reseller Hosting Offers
    8. Specialty Hosting and Markets
      1. VOIP etc
      2. Green Hosting
      3. Game Servers
      4. Web Hosting Related Offers & Requests
    9. Managed Hosting and Services
      1. Managed Service Provider Offers
    10. Hosting Security and Technology
      1. Vulnerabilities
      2. Systems Management Offers
    11. Programming Discussion
      1. Software & Scripts Offers & Requests
    12. Hosting Software and Control Panels
      1. Web Hosting Related Offers & Requests
    13. Running a Web Hosting Business
    14. Ecommerce Hosting & Discussion
      1. Card & Payment Service Offers
    15. Domain Names
      1. Domain Names Advertising
    16. Web Design and Content
      1. Design Job Offers & Requests
    17. SEO / SEM Discussions
      1. Marketing & SEO Services Offers
    18. Web Hosting Talk Tutorials
      1. Web Hosting Tutorials
      2. Colocation Hosting Tutorials
      3. Cloud Hosting Tutorials
      4. VPS Tutorials
      5. Hosting Security and Technology Tutorials
      6. Hosting Software and Control Panels Tutorials
      7. Programming Tutorials
      8. Running a Web Hosting Business Tutorials
      9. Domain Name Tutorials
      10. Web Design and Content Tutorials
      11. SEO / SEM Tutorials
      12. Voip Tutorials
  • Free Hosting Main Forum
    1. Free Hosting Discussion
      1. Free Hosting Offers
  • Other Forums
    1. Web Hosting Lounge
      1. New Members
      2. WHT Community Charity Causes
      3. WHT Community Memoriam
    2. WHT Announcements, Feedback and Questions
    3. Industry News
    4. Computers and Peripherals
      1. Mobile and Handheld Devices
      2. Computers and Peripherals Tutorials
    5. Web Hosting Meetups and Networking
    6. HostingCon
      1. From the HostingCon Blog
    7. WHT Community Groups
  • Advertising Forums
    1. Web Hosting Offers
      1. Shared Hosting Offers
      2. Reseller Hosting Offers
      3. Dedicated Hosting Offers
      4. Colo Hosting Offers
      5. VPS Hosting Offers
      6. Cloud Hosting Offers
      7. Hosted Email Offers
      8. Managed Service Provider Offers
      9. Other Hosting Offers
      10. Free Hosting Offers
    2. Domain Names Advertising
      1. Domain Name Offers
      2. Domain Name Requests
      3. Domain Name with Web Site Offers
      4. Domain Name with Web Site Requests
      5. Domain Name Appraisals
    3. Employment Offers & Requests
      1. Employment / Job Offers
      2. Employment / Job Requests
      3. Systems Management Offers
      4. Systems Management Requests
    4. Design Job Offers & Requests
      1. Design Offers
      2. Design Requests
    5. Software & Scripts Offers & Requests
      1. Software & Scripts Offers
      2. Software & Scripts Requests
      3. SaaS Offers
      4. SaaS Requests
    6. Marketing & SEO Services Offers and Requests
      1. Advertising Offers
      2. Advertising Requests
      3. Marketing Services Offers
      4. Marketing Services Requests
      5. SEO Job Offers
      6. SEO Job Requests
    7. Web Hosting Related Offers & Requests
      1. Web Hosting Companies And Clients For Sale or Purchase
      2. Gaming Servers Hosting Offers
      3. Web Hosting Hardware
      4. Broadband Providers
      5. Card & Payment Services
      6. Hosting & Network Security
      7. Content Delivery & Streaming Media Hosting Offers
      8. Backup Services
      9. Other Web Hosting Related Offers
      10. Other Web Hosting Related Requests
      11. Other Offers & Requests
    8. Community Reviews
      1. Web Site Reviews
      2. Other Reviews
« Previous Thread | Next Thread »

User Tag List

Posting Permissions

  • 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 Off
  • [VIDEO] code is Off
  • HTML code is Off

Forum Rules

All times are GMT -4. The time now is 11:47 PM. © WebHostingTalk, 1998-2024. All Rights Reserved.

Từ khóa » Html Br Alternatives