| 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;
} |
||
| magin Profil * |
#3 · Zasláno: 12. 5. 2013, 11:42:30
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 |
#5 · Zasláno: 12. 5. 2013, 11:47:23
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 |
#6 · Zasláno: 12. 5. 2013, 11:53:19
MyShare:
A kdybych sem hodila celý ten css mohli by jste se na to podívat? |
||
| MyShare Profil |
#7 · Zasláno: 12. 5. 2013, 11:53:26 · Upravil/a: MyShare
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> 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 |
#8 · Zasláno: 12. 5. 2013, 11:58:06 · Upravil/a: Aneta_Balogova
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 |
||
|
Časová prodleva: 11 let
|
|||
0