Header

Zdravím. Udělal jsem si header na webovou stránku v psku a nevím, jak udělat s kolonek s textem odkaz. Nevíte někdo jak na to? Díky za každou radu.

BTW. tady je ten header http://img243.imageshack.us/my.php?image=header3wr7.jpg

Nahlásit jako SPAM

IP: ...–

GUNS N ROSES 4ever

Martin Šimko

~ Redaktor

Grafoman

28. 6. 2007 #2

Jestli to chápu dobře chceš mít obrázek jako odkaz.... Není nic jednoduššího, než obrázek rozřezat na jednotlivé díly a potom udělat kód

<a href="stranka.htm"><img src="neco.gif" alt="obr" /></a>

nebo pokud chceš, můžeš si pohrát s klikacími mapami, což trvá asi o něco déle...

Nahlásit jako SPAM

IP: ...–

Programujte.com redaktor
Sleduj mě na @MartinSimko

Michal0

Newbie

28. 6. 2007 #3

Nemohl by si to trochu rozvest? teprve zacinam s HTML. A ty mapy bys taky mohl....Díky.

Nahlásit jako SPAM

IP: ...–

GUNS N ROSES 4ever

Jan Malý

~ Redaktor

Grafoman

Kultivátor příspěvků ve starém fóru – 9.04 % z celku

28. 6. 2007 #4

já bych to fakt obrázkem neřešil a to hlavně z jednoho důvodu, ber ohled na ty co třeba mají zakázané obrázky, ti pak nic neuvidí ;-)

ps: k těm mapám pokud sem tě tedy nepřesvědčil: http://jakpsatweb.cz/html/obrazky.html

Nahlásit jako SPAM

IP: ...–

Jan Malý | web: www.malyphoto.cz, @malyphoto

Michal0

Newbie

28. 6. 2007 #5

Potřeboval bych to rozřezat ty spodní kolonky s textem jednotlivě a udělat s každé kolonky odkaz a nevím, jak na to. Nemohl byste někdo udělat takovej menší tut třeba v 10 krocích? 1) V psku použiju slice tool a uřežu první kolonku a dál nevím.........

Nahlásit jako SPAM

IP: ...–

GUNS N ROSES 4ever

Martin Šimko

~ Redaktor

Grafoman

29. 6. 2007 #6

To JeanBabtisteGrenouille:
1) vemeš ten slice tool a rozřeš to, jak potřebuješ
2) dáš uložit pro web (Soubor -> Uložit pro web)
3) máš vyexporotvané obrázky v *.gif například
4) pak v HTML souboru jen uděláš to, co jsem psal výše, tedy:

<a href="stranka.htm"><img src="neco.gif" alt="obr" /></a>

5) takhle uděláš celé pro všech 7 položek v menu (nezapomeň u všech obrázků uvést atribut ALT nebo TITLE)
6) měl bys mít hotovo :-)

Tady máš úryvek kodu, kde jsem to používal já, je to pomocí tabulek, lepší by to bylo pomocí CSS, ale jako příklad to snad poslouží:

<div class="navigace">



        <table cellpadding="0" cellspacing="0" border="0">

          <tr>

            <td>

              <img src="obrazy/navigace.gif" alt="Šimko Webdesin" height="43" width="192" />

            </td>

            <td>

              <a href="index.php">

                <img src="obrazy/domu.gif" onmouseover="this.src='obrazy/domu2.gif'" onmouseout="this.src='obrazy/domu.gif'" alt="Domů" height="43" width="113" /></a>

            </td>



            <td>

              <a href="reference.php">

                <img src="obrazy/reference.gif" onmouseover="this.src='obrazy/reference2.gif'" onmouseout="this.src='obrazy/reference.gif'" alt="Reference" height="43" width="117" /></a>

            </td>

            <td>

              <a href="nabidka.php">

                <img src="obrazy/nabidka.gif" onmouseover="this.src='obrazy/nabidka2.gif'" onmouseout="this.src='obrazy/nabidka.gif'" alt="Nabídka" height="43" width="121" /></a>

            </td>

            <td>



              <a href="objednavka.php">

                <img src="obrazy/objednavka.gif" onmouseover="this.src='obrazy/objednavka2.gif'" onmouseout="this.src='obrazy/objednavka.gif'" alt="Objednávka" height="43" width="155" /></a>

            </td>

          </tr>

        </table>

      </div>

Nahlásit jako SPAM

IP: ...–

Programujte.com redaktor
Sleduj mě na @MartinSimko

Michal0

Newbie

29. 6. 2007 #7

Tak jsem to vyzkoušel. Nařezal jsem to, pak uložil do jpg a potom napsal do html. Odkaz se z toho udělal, ale ohraničený modrým rámečkem. Nevíš čím to může být?

Nahlásit jako SPAM

IP: ...–

GUNS N ROSES 4ever

Jan Malý

~ Redaktor

Grafoman

29. 6. 2007 #8

no u obrázku dej

<a href="neco.html><img src="obr.jpg" alt="popisek" border="0"></a>

a nebo pomocí CSS



<html>

 <head>

  <title></title>

   <style>

    img {border: 0} 

   </style>

 </head>

 <body>



  <a href="neco.html><img src="obr.jpg" alt="popisek"></a>



 </body>

</html>