Az oldalról

Kódok, leírások gyűjteménye, amelyeket magáncélra, saját oldalaim fejlesztéséhez összegyűjtöttem.

Kódok próbája

Utolsó kommentek

  • Járgányharcosok: Szent Korona Őrzői (Guardians Of The Korony) 2017.10.19. 19:32 A kapitánysági mocskok szimplán sz... (2017.11.06. 12:10) Menük, modulok háttere /GPORTAL
  • Járgányharcosok: Szent Blackopscel 2017.10.19. 12:27 Te aranyszobor fogdosó köcsög! Már megint te vagy a legutolsó... (2017.11.06. 12:10) Menük, modulok háttere /GPORTAL
  • Járgányharcosok: Arhitektúra Kritikúra 2017.09.22. 18:23:39 Azt a rendőrörsöt állítólag a híres zsidó meleg építés... (2017.11.06. 12:09) Menük, modulok háttere /GPORTAL
  • Járgányharcosok: Szent Korona Őrzői (Guardians Of The Korony) 2017.10.03. 11:12:33 Szerintem is eléggé háttérbe sz... (2017.11.06. 12:08) Menük, modulok háttere /GPORTAL
  • Járgányharcosok: Hahóka! Beláthattyátok ti gagyik, hogy vesztesek vagytok ellenünk! Ja, és a Mulnár görény amint tu... (2017.11.06. 12:07) Menük, modulok háttere /GPORTAL
  • Utolsó 20

Számlálók

free web counter



Kép elhelyezése egy oldalon, BÁRHOVA

2009.02.21. 14:19 :: hkriszta

Ehhez pozicionálni kell a képet.

Egy egyszerű kóddal:

position: absolute; top: 200px; left: 400px;

                   top: fentől számított távolság pixelben

                   left: a bal margótól számított távolság pixelben

                   absolute: azt jelenti, hogy pontosan az oldal szélétől kezdi a számítást

Ezek az értékek tetszés szerint állíthatóak.

 

A teljes kód:

<img style="position: absolute; top: 200px; left: 400px;" src="http://akepurlcime.jpg">

 

A pozicionálás nemcsak kép esetében, hanem bármilyen elem (pl. chat, fejléces menü, futó szöveg, frissítések, link, stb.) külön elhelyezésére is alkalmas.

Pl. egy doboz, pl. menünek elhelyezése. Itt már szélesség, magassság, háttér, esetleg keret adatot is meg kell adni:

<div style="position: absolute; top: 131px; left: 3px; height: 30px; width: 130px; border: 1px solid #000000; background: #FFFFFF url();">Ide jöhet a Tartalom</div>

Szólj hozzá!

Címkék: szövegformázás kódokkal vegyes kódok

A bejegyzés trackback címe:

https://kodok.blog.hu/api/trackback/id/tr83956548

Kommentek:

A hozzászólások a vonatkozó jogszabályok  értelmében felhasználói tartalomnak minősülnek, értük a szolgáltatás technikai  üzemeltetője semmilyen felelősséget nem vállal, azokat nem ellenőrzi. Kifogás esetén forduljon a blog szerkesztőjéhez. Részletek a  Felhasználási feltételekben és az adatvédelmi tájékoztatóban.

Nincsenek hozzászólások.
süti beállítások módosítása