[es] - Kako da poredjam ove 4 slike jednu do druge u istom redu i da budu centrirane?

fensi88
penzioner
Beograd

Član broj: 275412
Poruke: 96
*.ptt.rs.

Sajt: www.astrosport07.webs.com

+4 Profil

Kako da poredjam ove 4 slike jednu do druge u istom redu i da budu centrirane?

^{25.05.2013. u 16:12 - pre 144 meseci}

Molim ako neko ima vremena da mi napise Code za CSS kako da ove 4 slike poredjam jednu do druge sa malim razmakom izmedju u istom redu i da budu centrirane, pretpostavljam da to moze preko "container" ali ja to ne znam da sastavim i molim vas da mi napisete odvojeno sta ide u <head> a sta u <body>. Hvala unapred. Ako ne dobijem odgovor moracu to da odradim sa tabelama to jedino znam. Pozdrav!

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML

4.01//EN">
<head>
<link rel="shortcut icon" href="favicon3.ico" />
<style type="text/css">

html, body
{
background-color:green;
text-align: justify;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#33cc33;
scrollbar-shadow-color:#006600;
scrollbar-face-color:#006600;
scrollbar-highlight-color:#ccff66;
scrollbar-darkshadow-color:#00cc33;
scrollbar-3dlight-color:#00000;
}

h2
{
color:yellow;
text-align:center;
font-size:22px;
font-family: sans-serif;
margin-top: 0px;
}
img
{
    display: block;
    margin-left: auto;
    margin-right: auto;margin-top:35px;
    margin-bottom:35px;
}
#img1
{
    display: block;
    margin: 0 auto;margin-top:30px;
    margin-bottom:10px;
}
#img3
{
    display: block;
    margin: 0 auto;margin-top:1px;
    margin-bottom:1px;
}

#container img
{
margin: 0;
}
#container,
#container #img3 {
margin-top: 20px;
margin-bottom:15px;

}

</style>

<title>ASTROLOGY AND SPORT - Will the winner

team of the Champions League  be from the North

or from the South?</title>
<meta name="description" content="astrology,

sport, Bayern Munich, Borussia Dortmund,  Real

Madrid, Barcelona, UEFA Champions League">
<meta name="keywords" content="astrology, sport,

Bayern Munich, Borussia Dortmund,  Real Madrid,

Barcelona, UEFA Champions League">
</head>

<body>

<img id="img3" src="greenfade.gif" width="600"/>

<img class="img" src="bayernlogo.gif"  width="150"

height="150" title="Bayern Munich" />

<img class="img" src="reallogo.gif"  width="107"

height="150" title="Real Madrid" />

<img class="img" src="borusijalogo.gif""

width="150" height="150" title="Borussia

Dortmund" />
  <img class="img" src="barcalogo.gif""

width="148" height="150" title="Barcelona" />

<h2 class="razmak">UEFA CHAMPIONS LEAGUE

2013:</h2><h2> WILL THE WINNER TEAM OF

THE CHAMPIONS LEAGUE BE FROM THE

NORTH OR FROM THE SOUTH</h2>

<img id="img1" src="greenfade.gif" width="600"/>

</body></html>

Pozdrav,
Goca

Odgovor na temu

kelja

Član broj: 70429
Poruke: 1416
*.dynamic.isp.telekom.rs.

+35 Profil

Re: Kako da poredjam ove 4 slike jednu do druge u istom redu i da budu centrirane?

^{26.05.2013. u 08:33 - pre 144 meseci}

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML

4.01//EN">
<head>
<link rel="shortcut icon" href="favicon3.ico" />
<style type="text/css">

html, body
{
background-color:green;
text-align: justify;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#33cc33;
scrollbar-shadow-color:#006600;
scrollbar-face-color:#006600;
scrollbar-highlight-color:#ccff66;
scrollbar-darkshadow-color:#00cc33;
scrollbar-3dlight-color:#00000;
}

h2
{
color:yellow;
text-align:center;
font-size:22px;
font-family: sans-serif;
margin-top: 0px;
}
img
{
    display: block;
    margin-left: auto;
    margin-right: auto;margin-top:35px;
    margin-bottom:35px;
}
#img1
{
    display: block;
    margin: 0 auto;margin-top:30px;
    margin-bottom:10px;
}

#container img
{
margin: 0;
}
#container,
#container #img3 {
margin-top: 20px;
margin-bottom:15px;

}

#image_wrapper {
    width:100%;
    height:150px;
    clear:both;
}
#image_holder {
    width:600px;
    height:150px;
margin:0 auto;
}

#image_holder img {
    float:left;
    margin-right:15px;
}
.last {
    margin-right:0!important;
}
.razmak {
    clear:both;
}

</style>

<title>ASTROLOGY AND SPORT - Will the winner

team of the Champions League  be from the North

or from the South?</title>
<meta name="description" content="astrology,

sport, Bayern Munich, Borussia Dortmund,  Real

Madrid, Barcelona, UEFA Champions League">
<meta name="keywords" content="astrology, sport,

Bayern Munich, Borussia Dortmund,  Real Madrid,

Barcelona, UEFA Champions League">
</head>

<body>

<img id="img3" src="greenfade.gif" width="600"/>
<div id="image_wrapper">
<div id="image_holder">
<img class="img" src="bayernlogo.gif"  width="150"

height="150" title="Bayern Munich" />

<img class="img" src="reallogo.gif"  width="107"

height="150" title="Real Madrid" />

<img class="img" src="borusijalogo.gif""

width="150" height="150" title="Borussia

Dortmund" />
  <img class="img last" src="barcalogo.gif""

width="148" height="150" title="Barcelona" />
</div>
</div>

<h2 class="razmak">UEFA CHAMPIONS LEAGUE

2013:</h2><h2> WILL THE WINNER TEAM OF

THE CHAMPIONS LEAGUE BE FROM THE

NORTH OR FROM THE SOUTH</h2>

<img id="img1" src="greenfade.gif" width="600"/>

</body></html>

Ovako nekako...

Odgovor na temu