Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Ellipese along with an icon on right (always)

  • This topic is empty.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #255961
    chandanshukla2007
    Participant

    Hi,
    I have

    long text Text text text text text text text text text text text text text text text text text text text

    When the window size is small the ellipses should appear along with icon on its right

    when windows is maximized text should display in full or as much as it can be accomodated along with icon on right

    Icon should always appear and end of the text not at the right most corner

    Can somebody please help me out with this as i am new to css and tried so many way but it didnt work

    #255963
    Atelierbram
    Participant

    Can you show one of your better attempts in a demo?

    #255966
    chandanshukla2007
    Participant

    /* this code doesnt work when i maximize the window , this pushes the image icon to right most corner where it should have been come next to end of text*/

    Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

    #255967
    Paulie_D
    Member

    https://stackoverflow.com/questions/44649308/why-doesnt-icon-show-after-ellipses-inside-a-table-row

    We still need a demo. Just posting the question again does nothing to help.

    We can’t diagnose code we can’t see.

    #255973
    chandanshukla2007
    Participant
    #255979
    Atelierbram
    Participant

    Can you try to move the inline styles in the HTML over to the CSS tab? Do you know how to target HTML-elements in CSS?

    #255980
    Paulie_D
    Member

    ..also there is no image seen. You might want to use an online replacement.

    #255981
    Paulie_D
    Member
    #255986
    chandanshukla2007
    Participant

    Flexbox truncated text doesnt keep the icon after the text when maximized it takes empty space in between text and icon.

    #255987
    chandanshukla2007
    Participant

    ye but you can see red color box please consider that as an icon :)

    #255988
    Paulie_D
    Member

    Perhaps you need to clarify what it is you actually want.
    As it is, it’d kind of unclear.

    https://codepen.io/Paulie-D/pen/rwmRVR

Viewing 11 posts - 1 through 11 (of 11 total)
  • The forum ‘CSS’ is closed to new topics and replies.