» 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


Genetika a příjmení: Unikátní možnost získat test Y-DNA zdarma a dozvědět se o svých předcích

Genetika a příjmení: Unikátní možnost získat test Y-DNA zdarma a dozvědět se o svých předcích

** Projekt Genetika a příjmení hledá shody mezi osobami se stejným příjmením ** Využívá k tomu testování DNA na chromozomu Y ** Výsledky testu můžete účastí v projektu získat zdarma

11.  1.  2018 | Marek Lutonský | 3


Aktuální číslo časopisu Computer

Zachraňte nefunkční Windows

Jak nakupovat a prodávat kryptoměny

Otestovali jsme konvertibilní notebooky

Velký test 14 herních myší