[ Príspevkov: 18 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 06.05.08
Prihlásený: 12.02.13
Príspevky: 39
Témy: 8 | 8
Bydlisko: KE
NapísalOffline : 10.09.2008 15:12 | Poradte ako obrazok na stred

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..


Offline

Užívateľ
Užívateľ
Poradte ako obrazok na stred

Registrovaný: 02.12.07
Prihlásený: 26.02.13
Príspevky: 1114
Témy: 49 | 49
NapísalOffline : 10.09.2008 15:38 | Poradte ako obrazok na stred

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


Offline

Užívateľ
Užívateľ
Poradte ako obrazok na stred

Registrovaný: 03.04.08
Prihlásený: 10.12.19
Príspevky: 4667
Témy: 37 | 37
Bydlisko: Trnava
NapísalOffline : 10.09.2008 16:09 | Poradte ako obrazok na stred

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


_________________
Hmmm .... Hrošíček ... [Homer]
Offline

Správca fóra
Správca fóra
Poradte ako obrazok na stred

Registrovaný: 27.07.07
Príspevky: 3948
Témy: 51 | 51
Bydlisko: Bratislava
NapísalOffline : 10.09.2008 16:22 | Poradte ako obrazok na stred

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:
<img src="img.jpg" alt="" title="" id="img">


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


_________________
NTB: Acer Aspire 4820TG 14" | CPU: Intel Core i5 2,53 GHz | VGA: ATI Mobility Radeon HD5650 1GB | RAM: 8GB DDR3 1066 MHz | HDD: 1TB SSD WD BLUE
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 20.11.07
Prihlásený: 18.01.09
Príspevky: 2929
Témy: 116 | 116
NapísalOffline : 10.09.2008 17:41 | Poradte ako obrazok na stred

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


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 30.04.08
Prihlásený: 03.12.25
Príspevky: 884
Témy: 3 | 3
NapísalOffline : 10.09.2008 18:06 | Poradte ako obrazok na stred

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


_________________
Empty your memory, with a free()… like a pointer!
If you cast a pointer to an integer,
it becomes the integer, if you cast a pointer to a struct, it becomes the struct…
The pointer can crash…, and can overflow…
Be a pointer my friend…
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 20.11.07
Prihlásený: 18.01.09
Príspevky: 2929
Témy: 116 | 116
NapísalOffline : 10.09.2008 19:10 | Poradte ako obrazok na stred

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


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 30.04.08
Prihlásený: 03.12.25
Príspevky: 884
Témy: 3 | 3
NapísalOffline : 10.09.2008 19:23 | Poradte ako obrazok na stred

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


_________________
Empty your memory, with a free()… like a pointer!
If you cast a pointer to an integer,
it becomes the integer, if you cast a pointer to a struct, it becomes the struct…
The pointer can crash…, and can overflow…
Be a pointer my friend…
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 06.05.08
Prihlásený: 12.02.13
Príspevky: 39
Témy: 8 | 8
Bydlisko: KE
Napísal autor témyOffline : 10.09.2008 20:21 | Poradte ako obrazok na stred

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


Offline

Správca fóra
Správca fóra
Poradte ako obrazok na stred

Registrovaný: 27.07.07
Príspevky: 3948
Témy: 51 | 51
Bydlisko: Bratislava
NapísalOffline : 10.09.2008 20:40 | Poradte ako obrazok na stred

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


_________________
NTB: Acer Aspire 4820TG 14" | CPU: Intel Core i5 2,53 GHz | VGA: ATI Mobility Radeon HD5650 1GB | RAM: 8GB DDR3 1066 MHz | HDD: 1TB SSD WD BLUE
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 06.05.08
Prihlásený: 12.02.13
Príspevky: 39
Témy: 8 | 8
Bydlisko: KE
Napísal autor témyOffline : 10.09.2008 20:57 | Poradte ako obrazok na stred

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...


Offline

Správca fóra
Správca fóra
Poradte ako obrazok na stred

Registrovaný: 27.07.07
Príspevky: 3948
Témy: 51 | 51
Bydlisko: Bratislava
NapísalOffline : 10.09.2008 21:12 | Poradte ako obrazok na stred

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>


_________________
NTB: Acer Aspire 4820TG 14" | CPU: Intel Core i5 2,53 GHz | VGA: ATI Mobility Radeon HD5650 1GB | RAM: 8GB DDR3 1066 MHz | HDD: 1TB SSD WD BLUE
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 06.05.08
Prihlásený: 12.02.13
Príspevky: 39
Témy: 8 | 8
Bydlisko: KE
Napísal autor témyOffline : 10.09.2008 21:34 | Poradte ako obrazok na stred

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


Offline

Užívateľ
Užívateľ
Poradte ako obrazok na stred

Registrovaný: 30.09.07
Prihlásený: 21.09.08
Príspevky: 3
Témy: 0 | 0
Bydlisko: Petržalka- ...
NapísalOffline : 21.09.2008 20:46 | Poradte ako obrazok na stred

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


_________________
ŽIME A PREŽIME ČO SA NÁM PONÚKA
Offline

Skúsený užívateľ
Skúsený užívateľ
Poradte ako obrazok na stred

Registrovaný: 24.01.08
Prihlásený: 13.09.17
Príspevky: 14571
Témy: 66 | 66
Bydlisko: Žilina
NapísalOffline : 21.09.2008 21:28 | Poradte ako obrazok na stred

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


_________________
C#, PHP, ...
Offline

Užívateľ
Užívateľ
Poradte ako obrazok na stred

Registrovaný: 09.09.07
Prihlásený: 07.11.16
Príspevky: 3114
Témy: 233 | 233
Bydlisko: Nové Zámky
NapísalOffline : 21.09.2008 21:57 | Poradte ako obrazok na stred

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


_________________
"It took a lot of work, but this latest Linux patch enables support for machines with 4096 CPUs, up from the old limit of 1024." "Do you have support for smooth full-screen flash video yet?" "No, but who uses that?"
- ak dlho neodpisujem do témy, zabudol som na ňu, takže ma upozornite SS, ak chcete moju odpoveď
Offline

Užívateľ
Užívateľ
Poradte ako obrazok na stred

Registrovaný: 30.09.07
Prihlásený: 21.09.08
Príspevky: 3
Témy: 0 | 0
Bydlisko: Petržalka- ...
NapísalOffline : 22.09.2008 9:22 | Poradte ako obrazok na stred

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?


_________________
ŽIME A PREŽIME ČO SA NÁM PONÚKA
Offline

Užívateľ
Užívateľ
Poradte ako obrazok na stred

Registrovaný: 09.09.07
Prihlásený: 07.11.16
Príspevky: 3114
Témy: 233 | 233
Bydlisko: Nové Zámky
NapísalOffline : 22.09.2008 14:30 | Poradte ako obrazok na stred

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...


_________________
"It took a lot of work, but this latest Linux patch enables support for machines with 4096 CPUs, up from the old limit of 1024." "Do you have support for smooth full-screen flash video yet?" "No, but who uses that?"
- ak dlho neodpisujem do témy, zabudol som na ňu, takže ma upozornite SS, ak chcete moju odpoveď
 [ Príspevkov: 18 ] 


Poradte ako obrazok na stred



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

poradte ako nakodovat obrazok do HTML, XHTML,...

v Frontend

8

1223

16.07.2009 19:30

philllipe

V tomto fóre nie sú ďalšie neprečítané témy.

Ako vertikalne zarovnan na stred toto?

v Frontend

4

661

21.12.2007 19:46

Matho

V tomto fóre nie sú ďalšie neprečítané témy.

ako kopirovat text z pdf kde je ako obrazok

v Ostatné programy

1

849

19.10.2014 20:18

liqua1

V tomto fóre nie sú ďalšie neprečítané témy.

ako ulozit velky obrazok ako pdf

v Grafické programy

2

1387

01.11.2009 15:57

Seth Sparrow

V tomto fóre nie sú ďalšie neprečítané témy.

ako vytvorit obrazok

v Grafické programy

1

709

12.01.2024 14:30

Fico

V tomto fóre nie sú ďalšie neprečítané témy.

Ako komprimovať obrázok?

v Backend

2

1161

14.06.2009 15:33

Flety

V tomto fóre nie sú ďalšie neprečítané témy.

Ako nabootovat obrázok

v Ostatné

1

561

04.07.2019 16:46

Miso122

V tomto fóre nie sú ďalšie neprečítané témy.

Obrázok ako odkaz...

v Frontend

2

713

19.10.2009 15:52

AReYco

V tomto fóre nie sú ďalšie neprečítané témy.

ako vytlačiť obrázok

v Grafické programy

15

3168

23.08.2010 16:03

prandof

V tomto fóre nie sú ďalšie neprečítané témy.

obrazok ako odkaz

v Frontend

5

914

07.03.2007 23:29

mylan

V tomto fóre nie sú ďalšie neprečítané témy.

obrazok ako pozadie

v Frontend

1

577

05.07.2010 21:04

camo

V tomto fóre nie sú ďalšie neprečítané témy.

obrazok ako pozadie

v Frontend

8

687

19.11.2010 0:15

walther

V tomto fóre nie sú ďalšie neprečítané témy.

Ako zmenit obrazok fora?

v Frontend

2

750

18.08.2008 10:08

MatusH131

V tomto fóre nie sú ďalšie neprečítané témy.

Ako vytlačiť nadrozmerný obrázok?

v Grafické programy

13

6449

05.01.2011 19:24

walther

V tomto fóre nie sú ďalšie neprečítané témy.

ako vložiť obrázok do videa

v Video programy

2

1550

20.09.2009 18:36

Milan.H

V tomto fóre nie sú ďalšie neprečítané témy.

H1 ako obrazok a odkaz

v SEO, marketing a reklama

4

1233

20.01.2010 12:50

Ďuri



© 2005 - 2026 PCforum, edited by JanoF