CODEWITHSUNDEEP
node.jspug
user3502346
user3502346

Reputation:

Jade.JS Img src not working

I have no idea how to add img src next to a li so it will show the image next to the text and i wasted 30 minutes of my life trying to find a way, so please, i think this isnt a hard one for you guys, please tell me where/how to place and type it:

.container
    .row

        .ul.list-group

            .li
            .list-group-item Samsung Galaxy S5

            .li
            .list-group-item Samsung Galaxy S4

            .li
            .list-group-item Samsung Galaxy S3

            .li
            .list-group-item Samsung Galaxy S2

            .li
            .list-group-item Samsung Galaxy S1

            .li
            .list-group-item Samsung Galaxy S0

This is my current Jade Code, Thanks for helping out!

Upvotes: 0

Views: 1098

Answers (2)

aludvigsen
aludvigsen

Reputation: 5981

Do you mean like this?

.container
    .row
        ul.list-group
            li.list-group-item
                | Samsung Galaxy S5
                img(src='http//myUrl')
            li.list-group-item
                | Samsung Galaxy S4
                img(src='http//myUrl')

Upvotes: 1

tpae
tpae

Reputation: 6346

Try this:

.container
    .row
        ul.list-group
            li
                img(src='url-to-page')
                .list-group-item Samsung Galaxy S5

            li
                img(src='url-to-page')
                .list-group-item Samsung Galaxy S4

            li
                img(src='url-to-page')
                .list-group-item Samsung Galaxy S3

            li
                img(src='url-to-page')
                .list-group-item Samsung Galaxy S2

            li
                img(src='url-to-page')
                .list-group-item Samsung Galaxy S1

            li
                img(src='url-to-page')
                .list-group-item Samsung Galaxy S0

. is a class notation, and if you want HTML tags, use it without .

Upvotes: 0

Related Questions