Loading...
Hristian233 avatar Hristian233 11 Точки

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 11 Точки

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

0
06/09/2016 10:52:35
Можем ли да използваме бисквитки?
Ние използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Можете да се съгласите с всички или част от тях.
Назад
Функционални
Използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Използваме „сесийни“ бисквитки, за да Ви идентифицираме временно. Те се пазят само по време на активната употреба на услугите ни. След излизане от приложението, затваряне на браузъра или мобилното устройство, данните се трият. Използваме бисквитки, за да предоставим опцията „Запомни Ме“, която Ви позволява да използвате нашите услуги без да предоставяте потребителско име и парола. Допълнително е възможно да използваме бисквитки за да съхраняваме различни малки настройки, като избор на езика, позиции на менюта и персонализирано съдържание. Използваме бисквитки и за измерване на маркетинговите ни усилия.
Рекламни
Използваме бисквитки, за да измерваме маркетинг ефективността ни, броене на посещения, както и за проследяването дали дадено електронно писмо е било отворено.