Display images from right to left

Question

Display images from right to left

Navigation

#1 by (4 votes)
#2 by (1 votes)
#3 by (1 votes)

2

Currently I'm having a problem with my code because I need the images to be displayed on the screen but it should come from right to left. The default is we put the <img> codes and they are going to display the images from left to right. I just want you to put the codes <img> the images start to appear from right to left. I currently have the code:

CSS

#includeload {
    height: 300px;
    width: 100%;
}

#align-rodape {
    position: absolute;
    margin-top: 150px;
}

#pagina-projetos {
    min-height: 100%;
    display: none;
    margin-top: 70px;
}

HTML Structure

<div id="pagina-projetos">
    <h1 class="page-header">Projetos</h1>

    <div id="align-rodape" class="col-md-12">
        <div class="image-row">
            <div id="includeload" class="col-md-12"></div>
        </div>

        <a href="javascript:void(0);" id="submenu" page="comercial">Comercial</a> | 
        <a href="javascript:void(0);" id="submenu" page="industrial">Industrial</a> |
    </div>
</div>

html css

asked by anonymous 21.08.2014 / 22:36

3 answers

1

Just completing with another way to do it. Using the dir="rtl" attribute.

Done just to direct the text - DIR-ESQ | ESQ-DIR , a lot used to align the layout for languages that are written from right to left.

<div dir="rtl"> See a working example

21.08.2014 / 23:52

1

float:right in imgs does not solve? I was able to make it work on your Jfiddle

img {float:right}

21.08.2014 / 23:02

Command to display a limit of records in a table Problems with session_start () in the Safari browser

score 4 · Accepted Answer

Apparently what you want is something like this:

#includeload{height:300px;width:100%;}
#align-rodape{position: absolute;margin-top: 150px;}
#pagina-projetos{min-height: 100%;display: none;margin-top:70px;}
#includeload img {float:right}