Tag Alternatives? - Web Hosting Talk
Có thể bạn quan tâm
- Register
- Remember Me?
- Advanced Search
- Forum
- Web Hosting Main Forums
- Web Design and Content
- <br /> tag alternatives?
- Jump to page:
-
Thread Tools
- Show Printable Version
- Subscribe to this Thread…
-
Search Thread
- Advanced Search
-
Display
- Linear Mode
- Switch to Hybrid Mode
- Switch to Threaded Mode
- 12-17-2004, 07:20 AM #1 JedKent
- View Profile
- View Forum Posts
- View Forum Threads
<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 0 - 12-17-2004, 07:36 AM #2 RMF
- View Profile
- View Forum Posts
- View Forum Threads
Could create a spacer table.
Reply With Quote 0 - 12-17-2004, 07:42 AM #3 vigo
- View Profile
- View Forum Posts
- View Forum Threads
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 0 - 12-17-2004, 07:56 AM #4 BigBison
- View Profile
- View Forum Posts
- View Forum Threads
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 0 - 12-17-2004, 08:04 AM #5 JedKent
- View Profile
- View Forum Posts
- View Forum Threads
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 0 - 12-17-2004, 08:19 AM #6 the_pm
- View Profile
- View Forum Posts
- View Forum Threads
- Visit Homepage
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 0 - 12-17-2004, 09:29 AM #7 joe2kiss
- View Profile
- View Forum Posts
- View Forum Threads
- Visit Homepage
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 0 - 12-17-2004, 11:59 AM #8 sephira
- View Profile
- View Forum Posts
- View Forum Threads
I sent you an e-mail with some additional possible solutions.
Reply With Quote 0 - 12-17-2004, 03:01 PM #9 RMF
- View Profile
- View Forum Posts
- View Forum Threads
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 0 - 12-17-2004, 03:45 PM #10 the_pm
- View Profile
- View Forum Posts
- View Forum Threads
- Visit Homepage
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 0 - 12-17-2004, 03:59 PM #11 Zopester
- View Profile
- View Forum Posts
- View Forum Threads
- Visit Homepage
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 0 - 12-17-2004, 05:37 PM #12 RMF
- View Profile
- View Forum Posts
- View Forum Threads
Its just another way to do it. Thats what he asked for.
Reply With Quote 0 - 12-17-2004, 06:19 PM #13 the_pm
- View Profile
- View Forum Posts
- View Forum Threads
- Visit Homepage
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 0 - 12-17-2004, 07:11 PM #14 BigBison
- View Profile
- View Forum Posts
- View Forum Threads
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 0 - 12-17-2004, 11:58 PM #15 RMF
- View Profile
- View Forum Posts
- View Forum Threads
It's not that bad.
Reply With Quote 0 - 12-18-2004, 03:44 AM #16 Website Rob
- View Profile
- View Forum Posts
- View Forum Threads
- Visit Homepage
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 -or- 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 0 - 12-18-2004, 07:34 AM #17 Mx-James
- View Profile
- View Forum Posts
- View Forum Threads
Yea use CSS to do it.
Reply With Quote 0 - 12-19-2004, 01:04 AM #18 JedKent
- View Profile
- View Forum Posts
- View Forum Threads
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 0 - 12-19-2004, 03:00 AM #19 JedKent
- View Profile
- View Forum Posts
- View Forum Threads
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 0 - 12-19-2004, 06:01 AM #20 Website Rob
- View Profile
- View Forum Posts
- View Forum Threads
- Visit Homepage
line-height: 24px -or- line-height: 124% See the difference between your code syntax and the example? height:5px - incorrect 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 0 - 12-19-2004, 06:11 AM #21 JedKent
- View Profile
- View Forum Posts
- View Forum Threads
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 0 - 12-19-2004, 06:26 AM #22 Website Rob
- View Profile
- View Forum Posts
- View Forum Threads
- Visit Homepage
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 { 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" /> 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 0 - 12-19-2004, 06:28 AM #23 JedKent
- View Profile
- View Forum Posts
- View Forum Threads
Thanks a lot for the quick and helpful responses. -This information will help greatly.
Reply With Quote 0 - 12-19-2004, 06:50 AM #24 Website Rob
- View Profile
- View Forum Posts
- View Forum Threads
- Visit Homepage
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 0 - 12-19-2004, 07:32 AM #25 JedKent
- View Profile
- View Forum Posts
- View Forum Threads
/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 0
- Jump to page:
- Site Areas
- Member Control Panel
- Private Messages
- Subscriptions
- Who's Online
- Search Forums
- Forums Home
- Forums
- Premium & Corporate Member Forums
- Premium & Corporate Members
- Marketing, Promotion, and Customer Service
- Infrastructure & Hosting Company Discussions
- Fraud and Abuse
- WebHostingTalk Subscribers Club
- Premium & Corporate Members
- Web Hosting Main Forums
- Industry Announcements
- Web Hosting Industry Announcements
- Providers and Network Outages and Updates
- Web Hosting
- i2C - Internet Infrastructure Coalition
- Web Hosting Offers
- Dedicated Server
- Dedicated Hosting Offers
- Colocation, Data Centers, IP Space and Networks
- Colo Hosting Offers
- Cloud Hosting
- Cloud Hosting Offers
- VPS Hosting
- VPS Hosting Offers
- Reseller Hosting
- Reseller Hosting Offers
- Specialty Hosting and Markets
- VOIP etc
- Green Hosting
- Game Servers
- Web Hosting Related Offers & Requests
- Managed Hosting and Services
- Managed Service Provider Offers
- Hosting Security and Technology
- Vulnerabilities
- Systems Management Offers
- Programming Discussion
- Software & Scripts Offers & Requests
- Hosting Software and Control Panels
- Web Hosting Related Offers & Requests
- Running a Web Hosting Business
- Ecommerce Hosting & Discussion
- Card & Payment Service Offers
- Domain Names
- Domain Names Advertising
- Web Design and Content
- Design Job Offers & Requests
- SEO / SEM Discussions
- Marketing & SEO Services Offers
- Web Hosting Talk Tutorials
- Web Hosting Tutorials
- Colocation Hosting Tutorials
- Cloud Hosting Tutorials
- VPS Tutorials
- Hosting Security and Technology Tutorials
- Hosting Software and Control Panels Tutorials
- Programming Tutorials
- Running a Web Hosting Business Tutorials
- Domain Name Tutorials
- Web Design and Content Tutorials
- SEO / SEM Tutorials
- Voip Tutorials
- Industry Announcements
- Free Hosting Main Forum
- Free Hosting Discussion
- Free Hosting Offers
- Free Hosting Discussion
- Other Forums
- Web Hosting Lounge
- New Members
- WHT Community Charity Causes
- WHT Community Memoriam
- WHT Announcements, Feedback and Questions
- Industry News
- Computers and Peripherals
- Mobile and Handheld Devices
- Computers and Peripherals Tutorials
- Web Hosting Meetups and Networking
- HostingCon
- From the HostingCon Blog
- WHT Community Groups
- Web Hosting Lounge
- Advertising Forums
- Web Hosting Offers
- Shared Hosting Offers
- Reseller Hosting Offers
- Dedicated Hosting Offers
- Colo Hosting Offers
- VPS Hosting Offers
- Cloud Hosting Offers
- Hosted Email Offers
- Managed Service Provider Offers
- Other Hosting Offers
- Free Hosting Offers
- Domain Names Advertising
- Domain Name Offers
- Domain Name Requests
- Domain Name with Web Site Offers
- Domain Name with Web Site Requests
- Domain Name Appraisals
- Employment Offers & Requests
- Employment / Job Offers
- Employment / Job Requests
- Systems Management Offers
- Systems Management Requests
- Design Job Offers & Requests
- Design Offers
- Design Requests
- Software & Scripts Offers & Requests
- Software & Scripts Offers
- Software & Scripts Requests
- SaaS Offers
- SaaS Requests
- Marketing & SEO Services Offers and Requests
- Advertising Offers
- Advertising Requests
- Marketing Services Offers
- Marketing Services Requests
- SEO Job Offers
- SEO Job Requests
- Web Hosting Related Offers & Requests
- Web Hosting Companies And Clients For Sale or Purchase
- Gaming Servers Hosting Offers
- Web Hosting Hardware
- Broadband Providers
- Card & Payment Services
- Hosting & Network Security
- Content Delivery & Streaming Media Hosting Offers
- Backup Services
- Other Web Hosting Related Offers
- Other Web Hosting Related Requests
- Other Offers & Requests
- Community Reviews
- Web Site Reviews
- Other Reviews
- Web Hosting Offers
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
-
What Is The Alternative To
If I Want To Control The Height Between ... -
What Is The Best Alternative To Repetitive Typing Of
Tags In HTML ... -
How To Break Line Without Using
Tag In HTML / CSS -
Alternative To BR TAG | Learn HTML CSS - YouTube
-
How To Break Line Without Using
Tag In CSS - W3docs -
What To Use Instead Of
- HTML Forum At WebmasterWorld -
Alternative To
Inside- - HTML & CSS - SitePoint Forums
-
[Solved] Spacing Text In CSS, Alternatives To The BR Tag
-
The Centered Text Element - HTML: HyperText Markup Language
-
Search Code Snippets | Alternative Br Tag Css
-
: The Line Break Opportunity Element - HTML - MDN Web Docs -
Br Alternative Tag In Html Code Example - Newbedev
-
HTML Pre Tag - W3Schools
-
4.6. Precise Spacing And Layout - HTML & XHTML - O'Reilly