Forums

[resolved] Span text to display within a certain width (21 posts)

  1. djeweb
    Member
    Posted 9 months ago #

    How do I get specific text to span a specific width on a page? i.e.
    Main text:
    kdkfdkfj;akdjf;akdjf;ldkj;ldkj;lakdj;flkj;lkdja;lkdjf;lkdj;lakj;dlfkja;
    ljk;ldkj;faldkj;lakdjf;lkdja;lkdj;alkdjf;lkdja;ldkjkfd;alkdj;flkja;ldkj
    jdalkjd;lkajd;lkdjad dalkdjf;ad;alkdjf;lkja;ldkjfa

    Spanned text:
    thke;akdjfkd;kadfk;dka
    fdjalkdjfdlkjf dj;djf
    lkjdkflkdakdjd;kakfj
    ;lkfjdkajdkjfdkjfdkj;f
    ;dkjfdkjadkjfdkajd;fk
    akdjkfkdajkd;kdjf;dkk

    Main text:
    kdkfdkfj;akdjf;akdjf;ldkj;ldkj;lakdj;flkj;lkdja;lkdjf;lkdj;lakj;dlfkja;
    ljk;ldkj;faldkj;lakdjf;lkdja;lkdj;alkdjf;lkdja;ldkjkfd;alkdj;flkja;ldkj
    jdalkjd;lkajd;lkdjad dalkdjf;ad;alkdjf;lkja;ldkjfa

    actual page (text needs to be the same width as image):

  2. Seacoast Web Design
    Member
    Posted 9 months ago #

    This is a CSS issue in all likelihood. Post a link to specific post or page and we may be able to assist or use Firebug or similar web inspection tool to review your site's CSS.

  3. djeweb
    Member
    Posted 9 months ago #

    Thanks for answering so quickly.
    http://backstreetbooking.com/wordpress/?page_id=80

    I'm new to css, but I've tried creating a class and applying but...

  4. Seacoast Web Design
    Member
    Posted 9 months ago #

    Could you please describe the exact text in question? I see no such issue.

    You may also want to review using permalinks (the url ending with page id is poor for SEO purposes)

  5. djeweb
    Member
    Posted 9 months ago #

    shoot, sorry, http://backstreetbooking.com/wordpress/bangtower/

    The text (bio) should be as wide as the main photo/img
    Photo is 432px wide, the text should also span 432

  6. djeweb
    Member
    Posted 9 months ago #

    I will also bring the web/fb/yt link images up closer to the image along with the bio

  7. Seacoast Web Design
    Member
    Posted 9 months ago #

    I cannot continue to help until you note the specific text

  8. djeweb
    Member
    Posted 9 months ago #

    Sorry for not being clear, trying to describe the best I can.
    Below is the actual text that needs to span 432px, underneath the Photo.

    BangTower is a progressive musical alliance featuring legendary bassist Percy Jones, who is best known for his work with Brand X, a band that also featured Genesis legend Phil Collins. Along with Jones, the power-prog trio also includes Grammy winning guitarist/engineer/producer Neil Citron. Walter Garces, who also performs with ’60s psychedelic marvels The Electric Prunes, rounds off the trio with his skillful drumming. Their maiden voyage “Casting Shadows“, produced, mixed & engineered by Neil Citron and coproduced by Jon Pomplin

    Totally smoking fusion disc! – Barry Cleveland  Guitar Player Magazine (editor’s top pick)
    This is a refreshing take of progressive compositions played with a serious no fear attitude. – Jason Kot  Bass Musician Magazine
    “Blistering fusion, screaming rock, fiery jazz – whatever you call it, this trio will
    blow you away.” – Stephanie Sollows – Progressive World

  9. Seacoast Web Design
    Member
    Posted 9 months ago #

    It is the Audio Player.

  10. djeweb
    Member
    Posted 9 months ago #

    nope, Audio player and youtube are fine; it's the text (bio) now sitting at the bottom under the web, facebook, and youtube channel link images.

    It now spans across entire boxed area of the page.

  11. djeweb
    Member
    Posted 9 months ago #

    I want the text to form a column that is 432px wide.

  12. Seacoast Web Design
    Member
    Posted 9 months ago #

    nope, Audio player and youtube are fine; it's the text (bio) now sitting at the bottom under the web, facebook, and youtube channel link images.

    OK. You must be correct. Can we assist any other manner?

  13. djeweb
    Member
    Posted 9 months ago #

    hmmm, are you still not seeing the bio/text?

  14. djeweb
    Member
    Posted 9 months ago #

    doesn't seem like your able to view what what the issue is

  15. alchymyth
    The Sweeper & Moderator
    Posted 9 months ago #

    try:

    .bio {
    	width: 432px; display:block; }
  16. djeweb
    Member
    Posted 9 months ago #

    thanks for answering. didn't work; what should the page html look like?

  17. djeweb
    Member
    Posted 9 months ago #

    here's a link to what I want it to look like:
    http://www.backstreetbooking.com/temp/bios.html

  18. alchymyth
    The Sweeper & Moderator
    Posted 9 months ago #

    didn't work;

    did you clear the browser cache after the changes to the styles?

    'CTRL F5' or 'reload' or wahtever it takes...

    I see the text having about the width of the image.

  19. djeweb
    Member
    Posted 9 months ago #

    hmmm, shoot, must have been my cache or something! - it now looks to be working; next: moving images and text up closer to photo/img

  20. djeweb
    Member
    Posted 9 months ago #

    thank you!

  21. djeweb
    Member
    Posted 8 months ago #

    Thanks All!

Reply

You must log in to post.

About this Topic

Tags

No tags yet.