CSS-Overview Homework Problem 1
Здравейте,
някой може ли да ми обясни следното условие от проблем 1: "Button images and flag images must be linked trough the CSS file" ? Как по-точно трябва да са качени изображенията?
Поздрави
Във форума е въведено ограничение, което позволява на потребителите единствено да разглеждат публикуваните въпроси.
Като чета условието имам чувството, че картинките за бутоните и другите трябва да ги сложиш чрез css правило.
Виж тук http://www.w3schools.com/cssref/pr_background-image.asp
Означава да не ги линкваш чрез 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 и да процедирам с изображението по същия начин, както със знамената.
Хрумна ми още един вариант. Ако умееш Photshop, там след като си нарисуваш нещата и ги обединиш в един layer, с десен бутон можеш да вземеш CSS кода за картинката. Специално за тези бутони това май е подходящо.
А едно го и най-добрият възможен вариант за направата на бутоните: http://www.w3schools.com/css/css3_buttons.asp
Няма нужда нищо да се рисува.
<td><button type="button">Bet</button></td>
button{
border-radius: 50%;
height: 30px;
width: 30px;
}
Тези, които трябва да са червени им давате някакъв клас в <tr>и в css - background: red; на другите - background: green.
Благодаря за отговорите