1

Topic: The link on photo center

<style type = "text/css">
.popup {
border: 3px solid #55c5e9;/* the Frame round a photo */
padding: 15px;/* Distance from a picture to the frame */
background: #666;/* Background color */
margin-right: 10px;/* the Indent on the right */
margin-bottom: 10px;/* the Indent from below */
font-size: 25px;
text-align: center;
cursor: pointer;
width: 256px;
height: 144px;
}
.popup:focus {
width: 832px;
height: 468px;
}
</style>
while ($num <= $ItogCountFile) {
$FileName ='images/foto '. $ObrNumF. '.jpg ';
echo "<img class ='popup ' tabindex = ' 1 ' src = $ FileName alt =' it is not added yet '>";
echo "<a href = $ FileName target = ' _ blank '> <font color=ForestGreen size=4> to Open </font> </a>";
$num ++;
$ObrNumF = $ ObrNumF-1;
}
In a cycle I load photos from the directory how to align links on center of photos??
Tried to steam of variants, as a result yes are aligned on center but also photos are transferred for a new line that badly.

2

Re: The link on photo center

At what here php?
To envelop img and an in div, to it to register text-align:center; float: left; or css grid
To write on a forum on html css
at last
The moderator: the Subject is transferred from a forum "PHP, Perl, Python".

3

Re: The link on photo center

All can be closed, added (did not suffice float)
figure {
margin: 5px;
float: left;
}
echo "<figure> <img class ='popup ' tabindex = ' 1 ' src = $ FileName> <figcaption> <a href = $ FileName target = ' _ blank '> <font color=ForestGreen size=5></font></a></figcaption></figure>";
Now
..SharuPoNemnogu To Google send any can.

4

Re: The link on photo center

Romanz;
As a matter of fact made that I and wrote, only figure
p.s. "Oh, it is impossible, write me" everyone can, and here  it is far not everyone