Poradte ako obrazok na stred

ottoke28 · Napísal **ottoke28**: 10.09.2008 15:12

ahojte , potreboval by som poradit .Chcel som vytvorit viac jazycnu stranku a ako prvu stranku som chcel dat stranku s logom zarovnanym na stred stranky a podneho asi o 10cm nizsie umiestnit vlajky statov .neviem vsak zarovnat stredny obrazok na opticky stred zvrchu a z boku. Poradite mi prosim..

jablko05 · Napísal **jablko05**: 10.09.2008 15:38

daj obrazku align="center" alebo style=" margin: 0 auto;"

don jebot · Napísal **don jebot**: 10.09.2008 16:09

pouzi google a okrem toho ak ma pamat neklame skus nastavit margin:50 percent(skur... svk klavesnica neviem kde je percento )

stenley · Napísal **stenley**: 10.09.2008 16:22

CSS:

Kód:

html, body { margin:0; padding:0; height:100%; }
body { text-align:center; }
#img { position:absolute; top:50%; left:50%; width:100px; height:100px; margin-top:-50px; margin-left:-50px; }

HTML:

Kód:

tento kod predpoklada, ze obrazok ma rozmery 100x100 px, preto je margin-top a margin-left nastavene na -50px (polovica zo sirky a vysky)

dadmtb · Napísal **dadmtb**: 10.09.2008 17:41

ale to je blbost hentaky pomerne zlozity kod ked staci dat
<img style="margin:0 auto;">

ci ne

neutronmind · Napísal **neutronmind**: 10.09.2008 18:06

Ale on to chcel dat na stred aj vertikalne...

dadmtb · Napísal **dadmtb**: 10.09.2008 19:10

aha mno pockat ale na ktorej stranke byva neake logo napr. nekde uplne vstrede?

neutronmind · Napísal **neutronmind**: 10.09.2008 19:23

No tak videl som par stranok, ktore boli komplet cele zarovnane vertikalne na stred.

Ale on chce asi dat na stred logo a obsah bude pokracovat dole pod nim...

ottoke28 · Napísal autor témy **ottoke28**: 10.09.2008 20:21

Presne chcem ho zarovnat vertikalne aj horizontalne...Vdaka za typ ale nejako to nefunguje ako ma....Mate este typy?

stenley · Napísal **stenley**: 10.09.2008 20:40

co ti na tom nejde? mne to funguje bez problemov...

ottoke28 · Napísal autor témy **ottoke28**: 10.09.2008 20:57

Kód:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <link rel="stylesheet" type="text/css" href="css2.css" />
  <title></title>
  </head>
  <body>
  <BODY BGCOLOR="#D2B48C">
  <img src="images/hex1.jpg" alt="" title="" id="img"="images/hex1.jpg">
  <br><br><br><br><br><br>
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="english/index.html"><IMG SRC="images/hex2.jpg" ALT="hex2.jpg" BORDER=0 HEIGHT=75 WIDTH=117 ALIGN=TOP>;
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="slovak/index.html"><IMG SRC="images/hex3.jpg" ALT="hex3.jpg" BORDER=0 HEIGHT=75 WIDTH=117 ALIGN=TOP>;
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="rus/index.html"><IMG SRC="images/hex4.jpg" ALT="hex4.jpg" BORDER=0 HEIGHT=75 WIDTH=117 ALIGN=TOP>

  </body>
</html>

a v css je

Kód:

html, body { margin:0; padding:0; height:100%; }
body { text-align:center; }
#img { position:absolute; top:50%; left:50%;right:50%; width:590px; height:540px; margin-top:-50px; margin-left:-50px; margin-right:-50px; }

vysledok pozri na skus.stand4you.info vlajky by mali byt dole a stredny obrazok centrovany vertikal aj horizontal . logo som pouzil len nahodne moje este nieje hotove...

stenley · Napísal **stenley**: 10.09.2008 21:12

ani sa necudujem, ze ti to nejde... tu mas nejake hrube riesenie, nie je to sice 100%-ne, ale hadam bude stacit (cesty si potom zmen podla seba):
CSS:

Kód:

html, body { margin:0; padding:0; height:100%; } 
body { text-align:center; }
#img { position:absolute; top:50%; left:50%; width:200px; height:200px; margin-top:-100px; margin-left:-100px; }
#vlajky { position:absolute; top:65%; left: 50%; width:400px; margin-left: -200px; }

HTML:

Kód:

<img src="hex1.gif" id="img" alt="">
<div id="vlajky">
   <img src="hex2.gif" alt="">
   <img src="hex3.gif" alt="">
   <img src="hex4.gif" alt="">
</div>

ottoke28 · Napísal autor témy **ottoke28**: 10.09.2008 21:34

SUPEEEEER DAKUJEEEEM stenley.

Neuvedomil som si ze mozem pouzit aj v tomto pripade DIV . Zacinam s programovanim a mal som pocit ze takto to nepojde....
Este raz DAKUJEM stenley

pito_42 · Napísal **pito_42**: 21.09.2008 20:46

ahojte,nebudem zakladat novu temu,ale neviem dat prezentaciu na spodok stranky.hore mam totiz drop down a to sa mi salozrejme nerozroluje,ked tam mam hned prezentaciu.ako ju dam dolu na stred?ma velkost - width="500" height="462"
dakujem

walther · Napísal **walther**: 21.09.2008 21:28

a tvoj kod na com zlyhava ? ottokemu ludia nepomahali ze chcel kompletne riesenie, ale chcel poradit...

Blackshadow · Napísal **Blackshadow**: 21.09.2008 21:57

prezentaciu??? aku prezentaciu ?? Flash?
daj to niekam na web

pito_42 · Napísal **pito_42**: 22.09.2008 9:22

hej je flash

no zatial takto,ale je to hned pod obrazkom apreto sa mi drop down neotvara.
<div align="center"><object classid="............................." /></object></div>
aky tag mam pouzit a kam mam dat px?

Blackshadow · Napísal **Blackshadow**: 22.09.2008 14:30

este jedna taka vec... drp down menu, ak ho robis cez JS tusim (u css by nemal byt problem), tak ti ho cez flash neotvori, flash bude na vrchu a menu sa otvara pod nim...
riesi to hadam cely internet, da sa o tom vela vygooglit, je par rieseni... ale neviem ci myslis tento problem...

Poradte ako obrazok na stred

Podobné témy