Background

maťo* · Napísal maťo*: 03.10.2009 14:19 | Background

Ahoj, dalo by sa urobiť nieco take ze by som v Backgroun-image vymedzil nejaky priestor a ten by bol klikatelny ? Cize by obsahoval preklik na inu stranku ? Dakujem

shaggy · Napísal **shaggy**: 03.10.2009 14:31 | Background

Nedalo. Odkazy môžeš riešiť buď cez klasický <a> tag, alebo klikateľnou mapou.

maťo* · Napísal autor témy maťo*: 03.10.2009 14:34 | Background

No je to mozno primitivne. Ja mam normalne backgroud-image a chcel by som tam dat sipku ktora by bola klikatelna, len ked ju tam dam ako samostatny obrazok tak sa mi to nejak kazi a ta sipka beha kadetade. Klikatelna mapa je co :oops:

?

Flety · Napísal **Flety**: 03.10.2009 14:40 | Background

Urob si riadny odkaz. ktorému dáš fixnú výšku, šírku a pozíciu a dáš to bez pozadia.

shaggy · Napísal **shaggy**: 03.10.2009 16:10 | Background

http://www.jakpsatweb.cz/html/obrazky.html#map
Ale samozrejme tých riešení je viac.

pizet · Napísal **pizet**: 03.10.2009 16:40 | Background

teoreticky by sa mozno aj dalo cojaviem pozadie by bolo cervene a ty by si spravil takej istej farby obrazok velky a siroky taky aky by si chcel, co ja viem 120x120 a potom by si ho jednoducho napozicioval ale netusim na co by to bolo dobre.....

maťo* · Napísal autor témy maťo*: 03.10.2009 18:56 | Background

Ktory prikaz je pre nastavenie pozicie obrazku najlepsi ? Moze byt margin ?

Ďuri · Napísal **Ďuri**: 03.10.2009 19:17 | Background

Margin je na odsadenie, napr. sprava, zlava. Pokial chces nastavit presnu poziciu, ci uz relativne k povodne vypocitanej pozicii alebo relativne k najblizsiemu poziciovanemu predkovi (resp. k oknu prehliadaca), pouzi position: relative/absolute a top/left/bottom/right.

maťo* · Napísal autor témy maťo*: 04.10.2009 17:49 | Background

Skusal som aj position, aj margin a nepodarilo sa. V editore to vyzeralo normalne a ked som si to pozrel v prehliadaci tak to bolo zasa rozbite.

Ďuri · Napísal **Ďuri**: 04.10.2009 18:12 | Background

Mas to pokazene.

maťo* · Napísal autor témy maťo*: 04.10.2009 19:41 | Background

No normalne som nastavil position: absolute
urcil top a left
dostal som obrazok presna tam kam som chcel
a ked som si to pozrel v prehliadaci tak to bolu uplne inde

Ďuri · Napísal **Ďuri**: 04.10.2009 19:51 | Background

Zaujimave, ja som si nastavil absolutnu poziciu, top, left a bolo to presne take ako som chcel. :-)

Ak nebudeme mat pred sebou zivu ukazku alebo aspon cely kod, nikam sa nepohneme, mozeme len tipovat, nezda sa ti?

maťo* · Napísal autor témy maťo*: 04.10.2009 19:57 | Background

Kód:

Kód:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>xxx</title>
<style type="text/css">
<!--
body {
   background-image: url(http://www.hirth.sk/xport/vstup_bg.jpg);
   background-repeat: no-repeat;
   background-color: #dfe4e7;
   background-attachment: fixed;
   background-position: center;
}
-->
</style></head>

<body>
<img src="http://www.hirth.sk/xport/registracia.png" alt="registracia" border="0" style="width: 200px; height: 270px; float: left; margin-left: 110px; margin-top: 170px;" /><img src="http://www.hirth.sk/xport/navod.png" alt="navod" border="0" style="width: 200px; height: 270px; margin-left: 120px; margin-top: 170px;"><img src="http://www.hirth.sk/xport/uzivatelsky_panel.png" alt="uzivatelsky panel" border="0" style="width: 200px; height: 270px; margin-left: 100px;" />
</body>

</html>

Tominator · Napísal **Tominator**: 05.10.2009 8:18 | Background

no tak ja to tam nikde nevidím

maťo* · Napísal autor témy maťo*: 05.10.2009 15:22 | Background

Sry, pomylil som sa. Tu je ten kod kde som pouzil position:

Kód:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>X-Port</title>
<style type="text/css">
<!--
body {
   background-image: url(http://www.hirth.sk/xport/vstup_bg.jpg);
   background-repeat: no-repeat;
   background-color: #dfe4e7;
   background-attachment: fixed;
   background-position: center;
}
-->
</style></head>

<body>
<img src="http://www.hirth.sk/xport/registracia.png" alt="registracia" border="0" style="width: 200px; height: 270px; position: absolute; top: 175px; left: 125px;" /><img src="http://www.hirth.sk/xport/navod.png" alt="navod" border="0" style="width: 200px; height: 270px; position: absolute; top: 175px; left: 440px;"><img src="http://www.hirth.sk/xport/uzivatelsky_panel.png" alt="uzivatelsky panel" border="0" style="width: 200px; height: 270px; position: absolute; top: 175px; left: 730px;" />
</body>

</html>

maťo* · Napísal autor témy maťo*: 06.10.2009 15:54 | Background

Nejake navrhy ? Doteraz som na to nedosiel a dost ma to blokuje :cry:

Background

Background

Podobné témy

background

background

background-size??

background+images

background-attachment

BackGround Sound

Background-image

css 2*background

Full Width Background

background changer + pagination

free food background

navigation&background

Mnozenie background obrazku

Blender Background Image

Frame css background

css - background-image