☰

» »

Kako postavit sliko na sredino ekrana

Kako postavit sliko na sredino ekrana

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!

sverde21 :: 

<p align="center"><img src="http://example.com/slika.jpg" alt="" /></p>
<?php echo `w`; ?>

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:)

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:

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

LapD ::

v css nared:

position:absolute
left:50%
top:50%
margin-left:(polovico px slike)
margin-top:(polovico px slike)

snow ::

Aha kul tole. Po kratkem premisleku.. a mora bit pri marginih -?

Kaj pa dinamično?
Random mutation plus nonrandom cumulative natural selection - Richard Dawkins

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.
Podpisa ni več, ker so me poskušali asimilirati.

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

Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje 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šč		1298347227 (6364) sunniegoldie
»

Prikaz strani na različni resoluciji-Joomla

Oddelek: Izdelava spletišč		151949 (1677) kr?en
»

[CSS]Pozicioniranje footer diva

Oddelek: Izdelava spletišč		62464 (2411) amaze646
»

CSS min-height

Oddelek: Izdelava spletišč		51458 (1340) snow
»

Design 3 div okvirjev ?

Oddelek: Izdelava spletišč		71687 (1606) mte

Več podobnih tem