Forum » Izdelava spletišč » Kako postavit sliko na sredino ekrana
Kako postavit sliko na sredino ekrana
![](https://static.slo-tech.com/stili/avatar_gray.gif)
Sycroft ::
Lep pozdrav, v html sem cisto nov in se zadeve se ucim. Bratranec me je prosil da mu postavim neko stran za katero ze ima narejen graficni design in use. Meni pa se zatakne ze na zacetku. Vstopna stran bo nek logotip (slika) na katero se klikne za vstop. Do tu vse lepo in prav. Vendar pa se zatakne ko hocem sliko centrirat na sredo ekrana po visini in sirini. Ker se zraven ucim tudi CSS se trudim zadevo narediti s tem pa mi nekako ne gre, kajti ce uporabim tole kodo :
img src="logo.jpg" alt="Vstopi" name="buttonOne" border=0" style="position:absolute; left:50%; top:50%;">
slike ne vrze tako kot bi si clovek zamislil. znam sliko centrirat po sirini tako da je prav.. po visini pa mi nikakor ne uspe.
vsakkrsna pomoc je dobrodosla.
prijatelj mi je omenjal nekaj z div vendar mi se ni cisto jasno kako in kaj. hvala ze vnaprej!
img src="logo.jpg" alt="Vstopi" name="buttonOne" border=0" style="position:absolute; left:50%; top:50%;">
slike ne vrze tako kot bi si clovek zamislil. znam sliko centrirat po sirini tako da je prav.. po visini pa mi nikakor ne uspe.
vsakkrsna pomoc je dobrodosla.
prijatelj mi je omenjal nekaj z div vendar mi se ni cisto jasno kako in kaj. hvala ze vnaprej!
![](https://static.slo-tech.com/stili/avatar_gray.gif)
sverde21 ::
<p align="center"><img src="http://example.com/slika.jpg" alt="" /></p>
<?php echo `w`; ?>
![](https://static.slo-tech.com/stili/avatar_gray.gif)
Sycroft ::
hvala za odgovor.. samo to ni to.. to se vedno sliko centrira samo levo desno:) sem malo gledal po netu pa vidim da ni to kar ena za lase prvlecena tezava:) bom se malo guglal vmes:)
![](https://static.slo-tech.com/stili/avatar_gray.gif)
snow ::
Saj vem da me bodo eni pljuvali, kaj delam design z tabelo, ampak tole je simpl, univerzalna (za text, layerje, slike itd.) in dela na vseh brskalnikih:
Kako to naredim lažje s css? Razsvetlite me.
html,body { margin: 0; padding: 0; } table { width: 100%; height: 100%; } td { vertical-align: middle; text-align: center; } <table border="0"> <tr> <td> <a href="lala.html"><img src="bla.jpg" height="100" width="100" /></a> </td> </tr> </table>
Kako to naredim lažje s css? Razsvetlite me.
Random mutation plus nonrandom cumulative natural selection - Richard Dawkins
![](https://static.slo-tech.com/stili/avatar_gray.gif)
LapD ::
v css nared:
position:absolute
left:50%
top:50%
margin-left:(polovico px slike)
margin-top:(polovico px slike)
position:absolute
left:50%
top:50%
margin-left:(polovico px slike)
margin-top:(polovico px slike)
![](https://static.slo-tech.com/stili/avatar_gray.gif)
snow ::
Aha kul tole. Po kratkem premisleku.. a mora bit pri marginih -?
Kaj pa dinamično?
Kaj pa dinamično?
Random mutation plus nonrandom cumulative natural selection - Richard Dawkins
![](https://static.slo-tech.com/stili/avatar_gray.gif)
BluPhenix ::
Ja tole bo fiksirano na določeno resolucijo, če bo drugačna resolucija ne bo šlo.
Kombinacija tega: napotka in margin: auto; bi moralo rešiti zadevo.
Kombinacija tega: napotka in margin: auto; bi moralo rešiti zadevo.
Podpisa ni več, ker so me poskušali asimilirati.
![](https://static.slo-tech.com/stili/avatar_gray.gif)
Sycroft ::
hvala lepa vsem za odgovore! vmes sem prisel tudi ze do linka omenjenega v prejsnjem postu. na koncu pa se dobil od prijatelja naslednje:
table height="100%" border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
tr>
td width="100%">
p align="center">
img border="0" src="image.jpg" width="199" height="199">
/tr>
/table>
lep pozdrav
table height="100%" border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
tr>
td width="100%">
p align="center">
img border="0" src="image.jpg" width="199" height="199">
/tr>
/table>
lep pozdrav
Vredno ogleda ...
Tema | Ogledi | Zadnje sporočilo | |
---|---|---|---|
Tema | Ogledi | Zadnje sporočilo | |
! | Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 4 … 23 24 25 26 )Oddelek: Izdelava spletišč | 340709 (64858) | htmltroubles |
» | Prikaz strani na različni resoluciji-JoomlaOddelek: Izdelava spletišč | 1899 (1627) | kr?en |
» | [CSS]Pozicioniranje footer divaOddelek: Izdelava spletišč | 2408 (2355) | amaze646 |
» | CSS min-heightOddelek: Izdelava spletišč | 1433 (1315) | snow |
» | Design 3 div okvirjev ?Oddelek: Izdelava spletišč | 1606 (1525) | mte |