bublinove spravy

kmsa · Napísal **kmsa**: 19.05.2007 22:47

chlapci pomozte mi ako mam spravit bublinove spravy, odpovede nazvite si to ako chcete...mam premennu $text a 3obrazky...2su pevne a to vrch a spodok... 1 sa opakuje podla dlzky spravy...problem je v tom ze neviem ako to spravit tak aby to bolo v celku cez xhtml a css

velmi by som vam bol vdacny

suchy · Napísal **suchy**: 20.05.2007 10:48

daj si napriklad

Kód:

<div><span class="hore"></span>
<p>tu bude text</p>
<span class="dole"></span></div>

a zastylujes to takto:

Kód:

div {width:;}
div span {width:100%; display:block; height:; margin:0px; padding:0px; background-repeat:no-repeat;}
div span.hore {background-image:url("");}
div p {width:100%; margin:0px; backgroud-image:url(""); background-repeat:repeat-y;}
div span.dole {background-image:url();}

p360t · Napísal **p360t**: 20.05.2007 12:51

Alebo sa dajú použiť tri zanorené DIVy, prvý bude mať na pozadí opakujúci sa stredný obrázok, druhý bude mať horný a posledný dolný obrázok a do toho najviac zanoreného napíšeš ten text.

kmsa · Napísal autor témy **kmsa**: 20.05.2007 14:06

aj to je riesenie ale sa mi zda efektivnejsi suchyho sposob...inac suchy dikes som si to upravil a uz to facha

kmsa · Napísal autor témy **kmsa**: 23.05.2007 18:28

nechcem zakladat novy topic tak sem hodim moj novy problem ako inac cez moju slabu css zrucnost

potreboval by som zobrazit 3az n pocet obrazkov vedla seba a pod tym prisluzny text...samozrejma cela oblast by bola ako link

zatial som viriesil zobrazenie obrazkou vedla seba ale ten text neviem nejak natrepad pod obrazok

thaze mam zatial tolko

Kód:

<div id="admin">
<a href="#"><span class="jeden" title="novinky"></span></a>
<a href="#"><span class="dva" title="galeria"></span></a>
<a href="#"><span class="tri" title="anketa"></span></a>
<a href="#"><span class="styri" title="statistika"></span></a>
<a href="#"><span class="pat" title="uzivatelia"></span></a>
<a href="#"><span class="sest" title="nastavenie"></span></a>
</div>

a zo stylov

Kód:

   #admin {width:770px; padding:35px 0 0 20px; position:relative; color:#6182D1;}
   #admin p {margin:0;}
   #admin a {color:#6182D1;}
   #admin a:hover {color:#192666;}
   #admin span.jeden, #admin span.dva, #admin span.tri, #admin span.styri, #admin span.pat, #admin span.sest {padding-left:50px; padding-top:45px;}
    #admin span.jeden {background:url("../design/ikony/novinky.png") 0 50% no-repeat;}
    #admin span.dva {background:url("../design/ikony/galeria.png") 0 50% no-repeat; margin-left:10px;}
    #admin span.tri {background:url("../design/ikony/anketa.png") 0 50% no-repeat; margin-left:10px;}
    #admin span.styri {background:url("../design/ikony/statistika.png") 0 50% no-repeat; margin-left:10px;}
   #admin span.pat {background:url("../design/ikony/uzivatelia.png") 0 50% no-repeat; margin-left:10px;}
   #admin span.sest {background:url("../design/ikony/nastavenie.png") 0 50% no-repeat; margin-left:10px;}

suchy · Napísal **suchy**: 23.05.2007 20:37

Kód:

a v style

Kód:

a {display:block; text-align:center;

kmsa · Napísal autor témy **kmsa**: 24.05.2007 16:41

velmi to nepomoze lebo mi vsetky obrazky zoradi pod seba na strede a ten text hodi aj tak vedla obrazku

suchy · Napísal **suchy**: 24.05.2007 18:22

pisal som to narychlo asi som na nieco zabudol. tak skus pozret tu v kode ako to mam spravene http://www.suchydesign.sk/referencie.php

kmsa · Napísal autor témy **kmsa**: 24.05.2007 20:53

hmm nic zaujimave som nevicital skus sa pohrat stym budem, ti vdacny bo ja skusam a skusam a stale nic

bublinove spravy

Podobné témy