Zlepenie obrazkov

senty · Napísal **senty**: 15.11.2009 21:50 | Zlepenie obrazkov

bry den,

ked vkladam do stranky prvky typu img, vzdy mi za ne prida aj medzeru - resp, ked vlozim dva obrazky za sebou, pricom chcem aby boli na seba "prilepene" nikdy nie su spolu - co treba nastavit img za atributy ?

pripadne, bude lepsie riesenie cez spany/div ? - kedze sa jedna o buttony...

Ďuri · Napísal **Ďuri**: 15.11.2009 21:56 | Zlepenie obrazkov

Daj odkaz na zivu ukazku, kedze defaultne sa ziadne odsadenie obrazkov nepouziva, nemalo by to takto robit.

senty · Napísal autor témy **senty**: 15.11.2009 22:03 | Zlepenie obrazkov

slus pzoriet toto :

Kód:

http://img197.imageshack.us/img197/6858/testgqz.png

ma to byt "spojene" tak ako to tam vyzera byt, ze to chce byt :-)

Ďuri píše:

Daj odkaz na zivu ukazku, kedze defaultne sa ziadne odsadenie obrazkov nepouziva, nemalo by to takto robit.

PS : pripomeniem, ze som im nastavil : border na 0 a v css tak isto na 0 nastavil aj margin a padding

don jebot · Napísal **don jebot**: 16.11.2009 8:18 | Zlepenie obrazkov

A nemas to nahodou robene cez li? hod se zdrojovy kod obrazok nam prd pomoze !!!

senty · Napísal autor témy **senty**: 16.11.2009 15:15 | Zlepenie obrazkov

na stranke :

Kód:

<div id="right_cont">

<img class="right_sub" src="img/but1.png" alt="" border="0" />
<img class="right_sub" src="img/but1.png" alt="" border="0" />
<img class="right_sub" src="img/but1.png" alt=""  border="0"/>

</div>

styly :

Kód:

#right_cont{
  float: right;
  width:305px;
}

.right_sub{
  margin:0;
  padding:0;
}

don jebot · Napísal **don jebot**: 16.11.2009 15:36 | Zlepenie obrazkov

tak na rychlo stralim co ma napada(nechce sa mi vkladat kod, ziva ukaska je lepsia! tak by si mal odpoved hned.) skus dat divu text-align:left;
a este jedna otazka robi ti to vo vsetkych prehliadacoch?

senty · Napísal autor témy **senty**: 16.11.2009 17:31 | Zlepenie obrazkov

don jebot píše:

tak na rychlo stralim co ma napada(nechce sa mi vkladat kod, ziva ukaska je lepsia! tak by si mal odpoved hned.) skus dat divu text-align:left;
a este jedna otazka robi ti to vo vsetkych prehliadacoch?

ano, robi to v kazdom prehliadaci,
inac - netreba tu hladat velku logiku, alebo nejaky problem - mojim cielom je vlozit na stranku 3 obrazky, ktore budu vlozene hned vedla seba a budu teda ako keby zlepene...

Ďuri · Napísal **Ďuri**: 16.11.2009 19:00 | Zlepenie obrazkov

Zapis vsetky 3 znacky <img> do jedneho riadku, nerob medzi nimi medzery ani prazdne riadky.

senty · Napísal autor témy **senty**: 16.11.2009 20:33 | Zlepenie obrazkov

Ďuri píše:

Zapis vsetky 3 znacky <img> do jedneho riadku, nerob medzi nimi medzery ani prazdne riadky.

do kelu aj s enterom...dakujem :-)

Flety · Napísal **Flety**: 16.11.2009 22:11 | Zlepenie obrazkov

Alebo im môžeš nastaviť záporný margin, ak chceš mať poriadok v kóde.

drusila · Napísal **drusila**: 28.06.2010 18:49 | Zlepenie obrazkov

ahoj, ozyvam sa, pretoze mam podobny problem a vyriesenie dat divy do jedneho riadka mi nepomhlo..

prikladam ukazku:

Kód:

http://s50.photobucket.com/albums/f320/drusila666/?action=view&current=layout2.jpg

CSS:

Kód:

#top {
      background-image: url ("layout/brown_up.jpg");
      margin: 0px auto;}
      
#banner {
        background-image: url ("layout/banner.jpg");
        margin: 0px auto;      
        display: table;}      

#sides {
       background-image: url ("layout/side.jpg")
       margin: 0px auto;}

HTML:

Kód:

<div id="sides"><img src="layout/side.jpg" alt="side"><div id="top"><img src= "layout/brown_up.jpg" alt="brown"></div>  
  <div id="banner"><img src="layout/banner.jpg" alt="banner" id="banner"></div>
  
  <div id="menu">
   <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=" http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="900" height="61">
   </embed>
   </object>
  </div><div id="sides"><img src="layout/side.jpg" alt="side">

a ide o tie dve ciary, ktore su po bokoch celeho webu z kazdej strany.. neviem ich tak nakodovat..[/img]

Ďuri · Napísal **Ďuri**: 28.06.2010 19:02 | Zlepenie obrazkov

"Ziva ukazka" znamena odkaz na cely HTML dokument, aby sme si mohli pozriet konkretny problem. Z obrazku a par riadkov kodu nic nevycitame.
Mimochodom preco nastavujes #banneru display:table? A preco mas na stranke 2 prvky s id=banner a 2 prvky s id=sides? Ak chces pre niekolko prvkov nastavit rovnake styly, pouzi class.

drusila · Napísal **drusila**: 29.06.2010 11:41 | Zlepenie obrazkov

HTML:

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">
  <meta name=description content="car internet encyclopedia">
  <meta name=keywords content="car encyclopedia car clubs members fans magazines gallery institutions museums meetings links car dealers manuals books car music movies">
  <meta name="robots" content="all">
  <meta name="resource-type" content="document">
  <meta name="copyright" content="(c) 2010 Drew Roberts">
  <meta name="author" content="Drew Roberts">
  <title>RoadLife</title>
  <link rel="stylesheet" type="text/css" href="style.css">
  </head>
  
<body>
  
  <div id="sides"><img src="layout/side.jpg" alt="side"><div id="top"><img src= "layout/brown_up.jpg" alt="brown"></div>  
  <div id="banner"><img src="layout/banner.jpg" alt="banner" id="banner"></div>
  
  <div id="menu">
   <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=" http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="900" height="61">
   <param name="movie" value="web-menu.swf" />
   <param name="quality" value="high" />
   <param name="bgcolor" value="#232607" />
   <param name="wmode" value="opaque" />
   <param name="FlashVars" value="xmlvar=%3Cmenu%3E%3Cproperties%3E%3Cmenu%5Fbuttons%5Fwidth%20width%3D%22125%22%20%2F%3E%3Cmenu%5Fshadow%20state%3D%221%22%20%2F%3E%3Cmain%5Fmenu%5Fcorners%20state%3D%221%22%20%2F%3E%3Cmenu%5Fbackground%20bg%5Ffile%5Fpath%3D%22%22%20%2F%3E%3Cmenu%5Frollover%5Fsound%20mp3source%3D%22%22%20mp3volume%3D%2250%22%20%2F%3E%3C%2Fproperties%3E%3Cstyle%3E%3Cmain%5Fbutton%5Fbackground%20Color%3D%222F2C24%22%20%2F%3E%3Cmain%5Fbutton%5Frollover%5Fbar%5Flight%20Color%3D%22EFEADE%22%20%2F%3E%3Cmain%5Fbutton%5Ftext%20Color%3D%22FFFFFF%22%20rolloverColor%3D%222F2E29%22%20%2F%3E%3Cmain%5Fbutton%5Ftext%5Ffont%20name%3D%22Century%20Gothic%22%20%2F%3E%3Cmain%5Fbutton%5Ftext%5Fbold%20state%3D%221%22%20%2F%3E%3Cmain%5Fbutton%5Ftext%5Fsize%20size%3D%2212%22%20%2F%3E%3Cmain%5Fbutton%5Ftext%5Falign%20align%3D%22center%22%20%2F%3E%3Csub%5Fbutton%5Fbackground%20Color%3D%22EFEADE%22%20%2F%3E%3Csub%5Fbutton%5Frollover%5Fbar%5Flight%20Color%3D%22763D0A%22%20%2F%3E%3Csub%5Fbutton%5Ftext%20Color%3D%222F2E29%22%20rolloverColor%3D%22FFFFFF%22%20%2F%3E%3Csub%5Fbutton%5Ftext%5Ffont%20name%3D%22Century%20Gothic%22%20%2F%3E%3Csub%5Fbutton%5Ftext%5Fbold%20state%3D%220%22%20%2F%3E%3Csub%5Fbutton%5Ftext%5Fsize%20size%3D%2212%22%20%2F%3E%3Csub%5Fbutton%5Ftext%5Falign%20align%3D%22Center%22%20%2F%3E%3C%2Fstyle%3E%3Cbuttons%3E%3Cbutton%20text%3D%22Home%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22%22%20%2F%3E%3Cbutton%20text%3D%22Encyclopedia%22%20url%3D%22your%2Ehtml%22%20target%3D%22%5Fblank%22%20action%3D%22getUrl%22%20%2F%3E%3Cbutton%20text%3D%22Fans%20of%20cars%22%20url%3D%22your%2Ehtml%22%20target%3D%22%5Fblank%22%20action%3D%22getUrl%22%3E%3Cbutton%20text%3D%22Meetings%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3Cbutton%20text%3D%22Car%20clubs%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3C%2Fbutton%3E%3Cbutton%20text%3D%22Institutions%22%20url%3D%22your%2Ehtml%22%20target%3D%22%5Fblank%22%20action%3D%22getUrl%22%3E%3Cbutton%20text%3D%22Museums%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3Cbutton%20text%3D%22Exhibitions%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3C%2Fbutton%3E%3Cbutton%20text%3D%22Literature%22%20url%3D%22your%2Ehtml%22%20target%3D%22%5Fblank%22%20action%3D%22getUrl%22%3E%3Cbutton%20text%3D%22Manuals%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3Cbutton%20text%3D%22Magazines%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3Cbutton%20text%3D%22Books%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3C%2Fbutton%3E%3Cbutton%20text%3D%22Media%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%3E%3Cbutton%20text%3D%22Movies%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3Cbutton%20text%3D%22Music%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3Cbutton%20text%3D%22Photographers%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3C%2Fbutton%3E%3Cbutton%20text%3D%22Links%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%3E%3Cbutton%20text%3D%22Dealers%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3Cbutton%20text%3D%22Bazaar%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3Cbutton%20text%3D%22Service%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3Cbutton%20text%3D%22Clubs%20and%20members%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3Cbutton%20text%3D%22Brands%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3Cbutton%20text%3D%22Fan%20sites%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3C%2Fbutton%3E%3C%2Fbuttons%3E%3C%2Fmenu%3E" />
   <embed src="web-menu.swf" bgcolor="#232607" FlashVars="xmlvar=%3Cmenu%3E%3Cproperties%3E%3Cmenu%5Fbuttons%5Fwidth%20width%3D%22125%22%20%2F%3E%3Cmenu%5Fshadow%20state%3D%221%22%20%2F%3E%3Cmain%5Fmenu%5Fcorners%20state%3D%221%22%20%2F%3E%3Cmenu%5Fbackground%20bg%5Ffile%5Fpath%3D%22%22%20%2F%3E%3Cmenu%5Frollover%5Fsound%20mp3source%3D%22%22%20mp3volume%3D%2250%22%20%2F%3E%3C%2Fproperties%3E%3Cstyle%3E%3Cmain%5Fbutton%5Fbackground%20Color%3D%222F2C24%22%20%2F%3E%3Cmain%5Fbutton%5Frollover%5Fbar%5Flight%20Color%3D%22EFEADE%22%20%2F%3E%3Cmain%5Fbutton%5Ftext%20Color%3D%22FFFFFF%22%20rolloverColor%3D%222F2E29%22%20%2F%3E%3Cmain%5Fbutton%5Ftext%5Ffont%20name%3D%22Century%20Gothic%22%20%2F%3E%3Cmain%5Fbutton%5Ftext%5Fbold%20state%3D%221%22%20%2F%3E%3Cmain%5Fbutton%5Ftext%5Fsize%20size%3D%2212%22%20%2F%3E%3Cmain%5Fbutton%5Ftext%5Falign%20align%3D%22center%22%20%2F%3E%3Csub%5Fbutton%5Fbackground%20Color%3D%22EFEADE%22%20%2F%3E%3Csub%5Fbutton%5Frollover%5Fbar%5Flight%20Color%3D%22763D0A%22%20%2F%3E%3Csub%5Fbutton%5Ftext%20Color%3D%222F2E29%22%20rolloverColor%3D%22FFFFFF%22%20%2F%3E%3Csub%5Fbutton%5Ftext%5Ffont%20name%3D%22Century%20Gothic%22%20%2F%3E%3Csub%5Fbutton%5Ftext%5Fbold%20state%3D%220%22%20%2F%3E%3Csub%5Fbutton%5Ftext%5Fsize%20size%3D%2212%22%20%2F%3E%3Csub%5Fbutton%5Ftext%5Falign%20align%3D%22Center%22%20%2F%3E%3C%2Fstyle%3E%3Cbuttons%3E%3Cbutton%20text%3D%22Home%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22%22%20%2F%3E%3Cbutton%20text%3D%22Encyclopedia%22%20url%3D%22your%2Ehtml%22%20target%3D%22%5Fblank%22%20action%3D%22getUrl%22%20%2F%3E%3Cbutton%20text%3D%22Fans%20of%20cars%22%20url%3D%22your%2Ehtml%22%20target%3D%22%5Fblank%22%20action%3D%22getUrl%22%3E%3Cbutton%20text%3D%22Meetings%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3Cbutton%20text%3D%22Car%20clubs%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3C%2Fbutton%3E%3Cbutton%20text%3D%22Institutions%22%20url%3D%22your%2Ehtml%22%20target%3D%22%5Fblank%22%20action%3D%22getUrl%22%3E%3Cbutton%20text%3D%22Museums%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3Cbutton%20text%3D%22Exhibitions%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3C%2Fbutton%3E%3Cbutton%20text%3D%22Literature%22%20url%3D%22your%2Ehtml%22%20target%3D%22%5Fblank%22%20action%3D%22getUrl%22%3E%3Cbutton%20text%3D%22Manuals%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3Cbutton%20text%3D%22Magazines%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3Cbutton%20text%3D%22Books%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3C%2Fbutton%3E%3Cbutton%20text%3D%22Media%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%3E%3Cbutton%20text%3D%22Movies%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3Cbutton%20text%3D%22Music%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3Cbutton%20text%3D%22Photographers%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3C%2Fbutton%3E%3Cbutton%20text%3D%22Links%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%3E%3Cbutton%20text%3D%22Dealers%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3Cbutton%20text%3D%22Bazaar%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3Cbutton%20text%3D%22Service%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3Cbutton%20text%3D%22Clubs%20and%20members%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3Cbutton%20text%3D%22Brands%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3Cbutton%20text%3D%22Fan%20sites%22%20url%3D%22%22%20target%3D%22%22%20action%3D%22getUrl%22%20%2F%3E%3C%2Fbutton%3E%3C%2Fbuttons%3E%3C%2Fmenu%3E" wmode="opaque" width="900" height="61" quality="high" pluginspage="http://macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
   </object>
  </div><div id="sides"><img src="layout/side.jpg" alt="side">
  
  
</body>

</html>

CSS:

Kód:

body {
      background-color:rgb(35,38,7);
      text-align:center;
      margin: 0px auto; }

#top {
      background-image: url ("layout/brown_up.jpg");
      margin: 0px auto;      }
      
#banner {
        background-image: url ("layout/banner.jpg");
        margin: 0px auto;      
        display: table;}      

#sides {
       background-image: url ("layout/side.jpg")
       margin: 0px auto;}

display: table preto, aby som to mala v strede stranky, nie? ja som este len zaciatocnik, takze som mam este v niektorych funkciach trochu chaos.. a s tymi id neviem preco to tak mam..

PhYs0c · Napísal **PhYs0c**: 29.06.2010 17:38 | Zlepenie obrazkov

na stred stranky sa pouziva margin: auto; ak sa nemylim a s tymi id to je hlupost lebo id je jedinecne a moze byt kazde pouzite iba raz, ked chces mat viac rovnakych pouzivaj class tak ako pise Ďuri

| Hej, pozor na slovnik. Ďuri
:shock:

co takeho som povedal?
| Pouzivat vyrazy "chu.ovina" a podobne sa fakt nehodi do normalnej diskusie, tak som ti to upravil. Ďuri

drusila · Napísal **drusila**: 29.06.2010 20:33 | Zlepenie obrazkov

aha.. ok, dakujem prestudujem a opravim si to..
vedeli by ste mi poradit aj v probleme ohladom ulozenia tych dvoch pasov z oboch stran?

PhYs0c · Napísal **PhYs0c**: 29.06.2010 22:28 | Zlepenie obrazkov

aha, ja som to videl uz editnute an hlupost, tak pardon
drusila: co tym myslis?

drusila · Napísal **drusila**: 30.06.2010 0:47 | Zlepenie obrazkov

no, pozri si ten obrazok.. a po bokoch toho banneru a menu su take farebne ciary spravene a neviem ako ich mam napoziciovat, aby bola jedna z lavej strany toho banneru a druha z pravej.. mam to tam pod #sides..

Zlepenie obrazkov

Zlepenie obrazkov

Podobné témy

Import obrázkov

editor obrazkov

rozoznanie obrazkov

Vkladanie obrazkov

zmensovanie obrazkov

Blokovanie obrazkov...

uploadovanie obrazkov

Striedanie obrazkov

Upload obrazkov

Porovnavanie obrazkov

resize obrazkov

Bezpečnosť obrázkov

Skladanie obrázkov

transparentnost obrazkov

Porovnávanie obrázkov

pozeranie obrazkov