Jump to content

Archived

This topic is now archived and is closed to further replies.

laka74

Gallery grid

Recommended Posts

laka74

Hi forum,

 

Do anyone have a good tip on doing this simple task:

 

- a gallery where each icon/image acts as a link to anonther page on my site ?

Important - I need control over the spacing in the grid, since I want the images

to line up with each other without any or very little space.

 

See attached image.

 

Shouldn't be necessary to buy a plugin for something this simple....right ?

Any help would be appreciated.

 

Best regards

Lasse

Share this post


Link to post
Share on other sites
dibujopalabras

flexible? if it were so. test:

 

 

<body>

<section>

<h2>fila1 columna1</h2>

<p>trolololol</p>

</section>

<section>

<article class="fila1">

<h2>fila2 columna1</h2>

<p>trolololol</p>

</article>

<article class="fila2">

<h2>fila2 columna2</h2>

<p>trolololol</p>

</article>

</section>

</body>

</html>

 

Código CSS3:Código :

 

*{margin:0;}article{float:left;width:50%; }

body{background:#C3E5F9;color:white;

font-size:16px;

font-family:Arial;

text-shadow:1px 1px 0 black;

}

 

section{

background:#12A89D;

margin:10px auto;

overflow:hidden;

padding:10px 0;

text-align:center;

width:1000px;

}

 

.fila1{

background:#B30F2A;

}

 

.fila2{

background:#1C4583;

}

 

@media screen and (max-width:1000px){

section{

width:100%;

}

}

 

@media screen and (max-width:700px){

article{

width:100%;

}

}

Share this post


Link to post
Share on other sites
laka74

Thanks - but I'm not much of a html guy nor css....so it has to be a more simple way.

 

Appreciate it !

Share this post


Link to post
Share on other sites

  • Similar Content

    • ingo68
      By ingo68
      Hello,
      which responsive image gallery can you recommend?
    • warrenneedham
      By warrenneedham
      I would like to incorporate a horizontal scrolling image gallery into a new site that i am building.
       
      I would ultimately like it to function like this one:  click here
      Is there a way to tweak the Pagelines image slider to accomplish this?
×