Autor Zpráva
Aneta_Balogova
Profil
Potřebovala bych poradit. Zda je možnost rozchodit tento css tak aby mi obrázky fungovaly jako odkazy. Stránky mám vytvořené firmou ale většinu úprav si dělám sama POKUS OMYL ale tohle je na mě moc. Jedná se o první kulaté obrázky na úvodní straně www.fajnzajezd.cz a našla jsem v administraci tento kód:

<div id="roundaboutWrapper">
<a id="prevBut" href="#"></a>
<a id="nextBut" href="#"></a>
<ul id="roundabout">
  <li><img src="/uploads/fs_images/contentdesignimagesets/8/last-hodiny_316_o.png" alt="zájezdy, dovolená" /></li>
  <li><img src="/uploads/fs_images/contentdesignimagesets/8/dovolena-u-more_313_o.png" alt="zájezdy, dovolená" /></li>
  <li><img src="/uploads/fs_images/contentdesignimagesets/8/eurovikendy_314_o.png" alt="zájezdy, dovolená" /></li>
  <li><img src="/uploads/fs_images/contentdesignimagesets/8/sport_318_o.png" alt="zájezdy, dovolená" /></li>
  <li><img src="/uploads/fs_images/contentdesignimagesets/8/cechy_312_o.png" alt="zájezdy, dovolená" /></li>
  <li><img src="/uploads/fs_images/contentdesignimagesets/8/lazne-wellness_317_o.png" alt="zájezdy, dovolená" /></li>
  <li><img src="/uploads/fs_images/contentdesignimagesets/8/exotika_315_o.png" alt="zájezdy, dovolená" /></li>
</ul> 
</div>

nevím jestli se v něm něco dá změnit. Obrázky si měním sama, ale jak na ty odkazy. Teď mi jenom rolují.
ještě jeden kód


#roundaboutWrapper{
  margin:120px auto;
  position:relative;
  clear:both;
  display:none;
  top:50px;
}
.homepage #roundaboutWrapper{
  display:block;
}
.roundabout-holder {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 240px;
  width: 500px;
  margin:0px auto;
  z-index:0;
}
.roundabout-moveable-item {
  height: 240px;
  width: 229px;
  cursor: 
}
.roundabout-moveable-item img{
  height: 100%;
}
.roundabout-in-focus {
  cursor: auto;
}
#nextBut,#prevBut{
  position:absolute;
  display:block;
  width:29px;
  height:29px;
  top:100px;
  cursor:pointer;
  top:100px;
}
#nextBut{
  background:url('/uploads/fs_images/contentdesignimagesets/7/slider-next_208_o.png') no-repeat;
  right:0;
}
#prevBut{
  background:url('/uploads/fs_images/contentdesignimagesets/7/slider-prev_209_o.png') no-repeat;
  left:0;
}


Moderátor jenikkozak: Titulek „PROSÍM O RADU ODKAZ V CSS pomoc s kódem“ nevystihoval podstatu dotazu. Příště zkus prosím vymyslet lepší.
MyShare
Profil
Ahoj nemyslíš niečo ako

<li><a href="sem daj link"><img src="/uploads/fs_images/contentdesignimagesets/8/last-hodiny_316_o.png" alt="zájezdy, dovolená" /></a></li>

a do CSS
ul.roundabout li a {
 text-decoration: none;
}
A to <a href="link"></a> pridáš medzi <li></li>
magin
Profil *
Aneta_Balogova:
Zda je možnost rozchodit tento css tak aby mi obrázky fungovaly jako odkazy.
Ne, v CSS se odkazy neděljí, CSS slouží k úpdavě vzhledu. Pkud chceš odkazy, musíš upravit HTML.
Vylepšení odkazů » Obrázky v odkazech

MyShare:
text-decoration: none;
To je deklarace pro kočku, smysl by mělo třebas:
.roundabout img {
 border: none;
}
Aneta_Balogova
Profil
MyShare:
Ahoj jsem úplný laik a zkouším to prosím ten a href můžu dát před každý obrázek jak jsi psal postup? podle toho kam chci odkázat?
A v tom druhém kódu jak prosím Děkuji mockrát. :-) za radu
MyShare
Profil
magin:
Máš pravdu okolo obrázku treba odstrániť orámovanie...
Ale zvyknú po pridaní odkazov medzi img byť také mini čiarky _ preto som dal text-decoration: none;
Ale možno pre celé body má už niekde v CSS nastavené text-decoration neviem nepozeral som to.
Aneta_Balogova
Profil
MyShare:
A kdybych sem hodila celý ten css mohli by jste se na to podívat?
MyShare
Profil
Ahoj
<div id="roundaboutWrapper">
<a id="prevBut" href="#"></a>
<a id="nextBut" href="#"></a>
<ul id="roundabout">
  <li><a href="odkaz sem><img src="/uploads/fs_images/contentdesignimagesets/8/last-hodiny_316_o.png" alt="zájezdy, dovolená" /></a></li>
  <li><a href="odkaz sem><img src="/uploads/fs_images/contentdesignimagesets/8/dovolena-u-more_313_o.png" alt="zájezdy, dovolená" /></a></li>
  <li><a href="odkaz sem><img src="/uploads/fs_images/contentdesignimagesets/8/eurovikendy_314_o.png" alt="zájezdy, dovolená" /></a></li>
  <li><a href="odkaz sem><img src="/uploads/fs_images/contentdesignimagesets/8/sport_318_o.png" alt="zájezdy, dovolená" /></a></li>
  <li><a href="odkaz sem><img src="/uploads/fs_images/contentdesignimagesets/8/cechy_312_o.png" alt="zájezdy, dovolená" /></a></li>
  <li><a href="odkaz sem><img src="/uploads/fs_images/contentdesignimagesets/8/lazne-wellness_317_o.png" alt="zájezdy, dovolená" /></a></li>
  <li><a href="odkaz sem><img src="/uploads/fs_images/contentdesignimagesets/8/exotika_315_o.png" alt="zájezdy, dovolená" /></a></li>
</ul> 
</div>
Namiesto odkaz sem si samozrejme daj odkazy kam chceš aby daný obrázok smeroval po kliknutí
môžeš použiť
úplní link: http://www.nejakýodkaz.xx/odkaz-na-tvoj-ciel
alebo ak máš niečo také,, že máš zložku /mojazlozka/zajazd/amerika.html
výsledok 1: <a href="http://www.nejakýodkaz.xx/odkaz-na-tvoj-ciel"></a>
výsledok 2: <a href="/mojazlozka/zajazd/amerika.html"></a>


Aneta_Balogova:
A kdybych sem hodila celý ten css mohli by jste se na to podívat?
A načo CSS ????
V CSS len štyluješ stránku dôležitý je kód kde odkazy chceš mať.
Aneta_Balogova
Profil
MyShare:
Děkuji tak jdu zkusit a snad to rozchodím. Zatím opravdu děkuji snad to půjde.


MyShare:
jj napsala jsem to blbě, že sem dám ten CSS díky


Aneta_Balogova:
Tak problém je to nějak divně pokud dám ten postup a href dám link a dám to aktualizovat tak mi to ty obrázky rozhodí takže nevim. takže asi se to musí v tom css nějak srovnat asi.


Aneta_Balogova

Tak problém je to nějak divně pokud dám ten postup a href dám link a dám to aktualizovat tak mi to ty obrázky rozhodí takže nevim. takže asi se to musí v tom css nějak srovnat asi.
HM to jsem celá já na konec musím ještě vložit </a> a už mi to jede. Jste super díky moc za pomoc . Ahoj

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: