» Poradna » Programy

CSS - změna rámečku po najetí myšítka

Odpovědět  |  Zobrazit bez stromu  |  Upozornit redakci  |  nových odpovědí: 1/1
 |   |   |  [84.16.103.---]

Přidal jsem do CSS kód, který by mi měl kolem obrázku, který je zároveň odkazem, vykreslit rámeček a po najetí myši jej překreslit jinou barvou. Ale nejspíš se to tam s něčím mlátí a rámeček je jen ze tří stran - pravá chybí
Mohl by to někdo zkouknout? HTML je asi takhle:





DSC_0007.JPG


A CSSko (radši celý)

/*
* Combined  style  sheet for the index pages and the slide pages.
*/

/*  style  for all bodies. */
body {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 13px;
background-color: #1f1f1f;
color: c0c0c0;
}

img {
border: 0px;
}


/* Custom link  style s */
.link{

border- style : solid;
border-width: 3px;
border-color: #C0C0C0;

}
.link:hover{
{
border-color: #FFFF00;

}



a:active {
text-decoration: none;
color: #FFAAAA;
}

a:visited {
text-decoration: none;
color: #AAAAAA;
}

a:hover {
text-decoration: underline;
color: white
}

a:link {
text-decoration: none;
color: #FFFFFF
}

.comment {
color: yellow;

}

/* Put a border on all generated images */


/* Align the content of the cells on the index pages to the center and bottom. */
#index td {
text-align: center;
vertical-align: bottom;

}

/*  style  for all table cells. */
td {
font-family: Tahoma, Verdana, Arial, sans-serif;

}

.camera {
font-size: 10px;
}

/* Remove the margin under the images on the index pages. */
#index .image {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}

/* Don't have margins on the slide pages. */
body#slide {
margin: 0;
}

/* Highlight the image name on the slide pages. */
#slide .name {
font-weight: bold;
font-size: 14px;
}

/* Header */
h1 {
font-size: 30px;
font-weight: bold;
}


#imageinfo {

font-size: 11px;
}

Případně, kdyby měl někdo jiný nápad, jak to rozchodit (jiný funkční CSS skript)

Díky moc všem!



Odpovědi na otázku

 |   |   |  [84.16.103.---]

LOOL, ono to ten HTML kód includovalo do stránky 8)) No ale je tam prostě u odkazu class="link", aby to fungovalo, že.

Souhlasím  |  Nesouhlasím  |  Odpovědět

Související témata: Slide, Bold, Vertical, Yellow, Under



Určitě si přečtěte


Tesla chce změnit nákladní dopravu. Její elektrický náklaďák má ohromující parametry

Tesla chce změnit nákladní dopravu. Její elektrický náklaďák má ohromující parametry

** Tesla představila elektrický kamion ** Má obdivuhodný výkon i dojezd ** Prodávat by se měl už za dva roky

17.  11.  2017 | Vojtěch Malý | 226

Nejlepší notebooky do 10 tisíc, které si teď můžete koupit

Nejlepší notebooky do 10 tisíc, které si teď můžete koupit

** I pod hranicí desíti tisíc korun existují dobře použitelné notebooky ** Mohou plnit roli pracovního stroje i zařízení pro zábavu ** Nejlevnější použitelný notebook koupíte za pět a půl tisíce

16.  11.  2017 | Stanislav Janů | 53

Do 20 let nebude nikdo vlastnit auta, říká zkušený šéf několika automobilek

Do 20 let nebude nikdo vlastnit auta, říká zkušený šéf několika automobilek

** Bývalý šéf a expert z několika velkých automobilek se vyjádřil k budoucnosti tohoto průmyslu ** Do 20 let „nikdo“ nebude vlastnit auta ** Veškerá doprava bude řešená pomocí velkých logistických platforem

15.  11.  2017 | Karel Javůrek | 74


Aktuální číslo časopisu Computer

Otestovali jsme 5 HDR 4K televizorů

Jak natáčet video zrcadlovkou

Vytvořte si chytrou domácnost

Radíme s koupí počítačového zdroje