Htio bi staviti sliku na sredinu ekrana na webu

poruka: 11
|
čitano: 7.273
|
moderatori: pirat, XXX-Man, DrNasty, vincimus
1
+/- sve poruke
ravni prikaz
starije poruke gore
15 godina
offline
Htio bi staviti sliku na sredinu ekrana na webu

Imam webstranicu i htio bi staviti sliku na sredinu, može li mi netko dati html kod za taj dio?

KOMPJUTER KO IZ NASE::: 486: cpu 80486 OVERCLOCKED @71 mhz 16MB ram Floppy Drive 500 mb HDD S3 86C911 1mb VRAM - ISA connection
Moj PC  
0 0 hvala 0
16 godina
neaktivan
offline
RE: Htio bi staviti sliku na sredinu ekrana na web

neznam tražiš li to da se stilizira pomoću CSS-a i div tagova, ali ti evo kod za to iako nije slika baš na sredini ali samo margine promijeni u CSS kodu.

<html>
<head>
<style type="text/css">
body
{
background-color:#863d63;
}
#slika {
   width:65px;
   height:48px;
   margin:250px 250px;
   background-image:url(http://www.bug.hr/_cache/f21ee32ba5651801e3a736559a23b90c.jpg?rnd=814693);
   background-repeat:no-repeat;
}
</style>
</head>

<body>
<div id="slika"></div>


</body>
</html>

k1.c0
Poruka je uređivana zadnji put sub 16.1.2010 20:39 (k1c0).
15 godina
online
Htio bi staviti sliku na sredinu ekrana na webu

<center>slika</center>

Poruka je uređivana zadnji put sub 16.1.2010 20:42 (captain_soap_McTawish).
 
0 0 hvala 0
16 godina
neaktivan
offline
RE: Htio bi staviti sliku na sredinu ekrana na web

to će mu sliku staviti na sredinu ali ce biti na vrhu

k1.c0
15 godina
neaktivan
offline
Htio bi staviti sliku na sredinu ekrana na webu

Onda uradi npr

 

<div valign="center"><center>slika</center></div>

Poruka je uređivana zadnji put uto 26.1.2010 3:11 (deiks).
 
0 0 hvala 0
17 godina
offline
Htio bi staviti sliku na sredinu ekrana na webu

Nece to ici bas tako... to bude trebalo ici preko jave, dakle vidis kolike ti je visine monitor, pa na osnovu toga racunas margin-top...

 

Inace je vertikalno centriranje problematicno, ovisi o previse varijabli...

I'm going woo woo
 
0 0 hvala 0
16 godina
neaktivan
offline
RE: Htio bi staviti sliku na sredinu ekrana na web
Mislim da je nedavno bilo postavljeno slicno pitanje,pa pogledaj...
[img]http://wiipowered.com/portal/dp-progress.php[/img]
16 godina
neaktivan
offline
Htio bi staviti sliku na sredinu ekrana na webu

Prije </head> taga zalijepi ovaj Javascrip kod:


<SCRIPT language="JavaScript">
function setHeight()
{
var intH = 0;
var intW = 0;

if(typeof window.innerWidth == 'number' )
{
intH = window.innerHeight;
intW = window.innerWidth;
}
else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight))
{
intH = document.documentElement.clientHeight;
intW = document.documentElement.clientWidth;
}
else if(document.body && (document.body.clientWidth || document.body.clientHeight))
{
intH = document.body.clientHeight;
intW = document.body.clientWidth;
}

document.getElementById('slika').style.top = "0px";
document.getElementById('slika').style.left = "0px";
document.getElementById('slika').style.width = intW+"px";
document.getElementById('slika').style.height = intH+"px";
}
</SCRIPT>

Nakon toga unutar body taga dodaj evente onload i onresize:

<body onload="setHeight();" onresize="setheight();">

unutar <body> i </body> tagova dodaj tabelu unutar koje ces staviti sliku ili neki sadrzaj koji treba biti centriran:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="slika" width="100%" align="center" valign="middle">
<img src="images/xyz.jpg" width="1" height="1" border="0" alt="" />
</td>
</tr>
</table>

Moj PC  
1 0 hvala 0
15 godina
neaktivan
offline
Htio bi staviti sliku na sredinu ekrana na webu

A može i ovako, dosta jednostavnije:

 

<table height="100%" width="100%" valign="top"><tr><td align="center">slika</td></tr></table>

 

I 100% daje ono sto se trazi :)

Poruka je uređivana zadnji put uto 26.1.2010 12:30 (deiks).
 
0 1 hvala 0
16 godina
neaktivan
offline
Htio bi staviti sliku na sredinu ekrana na webu

Ne znam jesil i ti to probao, ali sam siguran da u Operi i IE-u ne radi 100%. Svi bi mi koristili tako da radi.

Moj PC  
0 0 hvala 0
15 godina
neaktivan
offline
Htio bi staviti sliku na sredinu ekrana na webu

Radi perfektno. Ne znam kako je u novom IE, vjerujem da je isto kao i u starom. Ja sam probao na 6.0 verz.

 
0 0 hvala 0
1
Nova poruka
E-mail:
Lozinka:
 
vrh stranice