Професионална програма
Loading...
+ Нов въпрос
Hristian233 avatar Hristian233 16 Точки

CSS-Overview Homework Problem 1

Здравейте,

 

някой може ли да ми обясни следното условие от проблем 1: "Button images and flag images must be linked trough the CSS file" ? Как по-точно трябва да са качени изображенията?

Поздрави

Тагове:
0
HTML/CSS
r3v3nan7 avatar r3v3nan7 365 Точки

Като чета условието имам чувството, че картинките за бутоните и другите трябва да ги сложиш чрез css правило.

Виж тук http://www.w3schools.com/cssref/pr_background-image.asp

 

 

0
MilenaSl avatar MilenaSl 161 Точки

Означава да не ги линкваш чрез HTML кода, защото са по-скоро стилизация. Затова - със CSS.

Успях да го докарам до показване на знаме, но по някаква причина с wedth и height не ми се получава оразмеряването. С <td class="host"> съм кръстила всичките първи отбори, затова уточнявам за кой ред искам съответното знаме и с долупосочения код получавам и двете бразилски знамена (tr е 1, защото истински първият ред е с th-та, а не с td).

table tr:nth-child(1) td.host:after {
    content: url(../images/brasil.png);
    height: 15px;
    width: 15px;
    margin-left: 5px;
    margin-right: 5px;
}

Бутоните не съм ги направила още, но възнамерявам да си ги генерирам от тук примерно http://www.bestcssbuttongenerator.com/#/18 и после копи-пейст на кода или да изрежа генерирания бутон в .png и да процедирам с изображението по същия начин, както със знамената.

 

1
MilenaSl avatar MilenaSl 161 Точки

Хрумна ми още един вариант. Ако умееш Photshop, там след като си нарисуваш нещата и ги обединиш в един layer, с десен бутон можеш да вземеш CSS кода за картинката. Специално за тези бутони това май е подходящо.

0
Leana avatar Leana 3 Точки

Няма нужда нищо да се рисува.

<td><button type="button">Bet</button></td>

button{
    border-radius: 50%;
    height: 30px;
    width: 30px;
}

Тези, които трябва да са червени им давате някакъв клас в <tr>и в css - background: red; на другите - background: green.

 

0
05/09/2016 22:18:21
Hristian233 avatar Hristian233 16 Точки

Благодаря за отговорите

0
06/09/2016 10:52:35