[HTML] Forms, frames - Homework, Task 3


5

Здравейте, колеги,

Имам питане по тази задача от домашното:
"3.Construct the following Grid component"

Как да направя '1' да е селектирано при зареждане на страницата?
Направила съм го да е така при посочване, а трябва по принцип да е селектирано, като си на първа страница.
Благодаря,
Дони
  




Отговори



1
направи таблица с border само за 1 най - простото

от Tankata (174 точки)


12

Здрасти,

Направиси един клас с име например "active", който да задава червен бордер и го добави към първия линк. Ето при мен как изглежда тази задача:

http://www.beta-dev.net/hw3-3/


от lamerko (1141 точки)


0
Eee, благодаря :) Аз пробвах какви ли не опции за линковете, а за това решение въобще не се сетих.

от doni.todorova (1245 точки)

0
картинките filter и nav butonite от къде ги взе ? edit: Тъп въпрос от моя страна.. гоогле всичко си каза ;)

от N_Kolev (194 точки)



1

Аз лично съм добавил този червен бордер като един клас, само когато бутона е на фокус... просто за шарениика, иначе когато страницата има функционалност можеш да го прикачваш когато и както искаш ползвайки идеята на "lamerko"...

На следния линк е мойто предложение

http://bettingbotsystems.com/telerikacademyCourses/forms/homework_3.html

Нарочно го оставих да заема цяла страница, а също така стиловете не са изведени в отделен файл...ама здраве да е.

поздрави.


от muybien (289 точки)


0
В ИЕ бордера на бутоните е малко натрапващ се.

от doni.todorova (1245 точки)


1

По този начин съм направил задачата, предполагам че на този етап не се налага да се вкарва някаква функционалност, защото на рисунката има и филтри и те по някакъв начин трябва да работят. Ако имате идеи споделете?

http://pastebin.com/avXjugYA


от Kamen_Mitev (72 точки)


2

Здравейте! ;)
Определено имам нужда от помощ и насоки къде и какво да прочета.
Направих "черупката" на страница и сега се опитвам да я стилизирам като почна от там да подравня долу бутоните и цифрите, но нещо не се получава.


 

Това е source-a http://pastebin.com/wiwgDnv3 
Не мога да разбера как да ги подравня. Предполагам, че на бутоните трябва да им сложа някакъв padding и на линковете 1 2 3 4 5 6, но нещо не ми се получава. Някой може ли да помогне с някакви насоки? Не държа на готово решение, но просто стъпките как да го постигна?
 


от vlad0 (6103 точки)


0
Сложила иконките (бутончетата) в class .filter { margin: 0 0 -6px 0; } Това можеш да го ползваш и за тези, които са горе и за навигацията в

от doni.todorova (1245 точки)

0
А това добра практика ли се води или просто е спасение на положението? :)

от vlad0 (6103 точки)



2

Здравейте колеги, ето го и моя варянт на задачата :

http://pastebin.com/T4MksbE5 абстрахирайте се от гадния цвят и кажете дали кода става.

Предварително благодаря :)


от Martichka (90 точки)


0
Този атрибут на бутоните formaction="" не ми е познат, но може аз да пропускам нещо. И бутоните със стрелките трябва да са type="button", "submit" се използва за събмитване на информацията от цялата форма. Прегледай си атрибутите, имаш без кавички : name=pId, И стиловете могат да се изнесат ако не в отделен css, поне

от doni.todorova (1245 точки)

0
А и също на a href="" е добре да е така линкът:

от doni.todorova (1245 точки)



1

Здравейте, колеги!

Със задачата почти се справих. Остана само да стилизирам падащия лист, който е на най-долния ред. Ако някой има идея как да стане това, нека ми пише.

Предварително благодаря!


от pepakam (426 точки)


0
Мисля, че не е необходимо да го стилизираш

от doni.todorova (1245 точки)

0
Зная, но бих искала.

от pepakam (426 точки)


1
Гледам едно от условията на задачата е ­"Not required to style for the homework"
Това не отхвърля ли използването на CSS? :)

от plamboss (0 точки)


0
Не го забранява. Ако ти се играе, можеш да го стилизираш, ако ли не - остави го без CSS. :)

от vlad_karamfilov (4595 точки)

0
Затова е добре CSS-a да е изнесен във външен файл или поне в , за да може да провериш HTML-a, като закоментираш head тага. Иначе да - няма проблем да е със CSS, но ако се ползва, да не е inline, защото е малко грубо :)

от doni.todorova (1245 точки)


1

Здравейте, аз като напълно начинаещ с това нещо html боря тази задача и не мога да разбера "фуниите" и стрелкичките във футъра бутони ли са или не са?

Ако не са ще сложа картинки.

А ако са как да накарам бутончето ми вместо да има текст на него да е с картинката. Грижливо съм си свалил иконките, които ми трябват. 

И ако някой постне едно добро решение ще съм му много благодарен. Не за да направя копи пейст, а за да видя как го е направил.

Под добро разбирам чист html, защото нищо не вдявам от CSS  и всичко останало, което се ползва на воля. Просто искам да си направя задачката със знанията от лекциите.

И ако трябва да поставя само един "checkbox" нужен ли ми е <form>, че ще работи е ясно как е правилно? 


от makmidov (598 точки)


0
Аз съм ги направила с

от doni.todorova (1245 точки)


1

@makmidov чисти бутончета са си. "Фунийката" аз съм си я изрязал и сложил като имидж бутон - <input type="image" src="" alt="" />

Бутоните за навигацията можеш също да ги изрежеш и да ги сложиш като картинки, а може и да изпишеш кода на символите във value атрибута. Аз съм ги направил така:

<input type="button" value="|&#9668;" />
<input type="button" value="&#9668;" />
<input type="button" value="&#9658;" />
<input type="button" value="&#9658;|" />
 

Ето и целият HTML: http://pastebin.com/HYQ4tGaG


от westi3m (5621 точки)


0
сърдечно благодаря ... не знам дали числата в последния ред са хиперлинкове, но едва ли има голямо значение.

от makmidov (598 точки)

0
Аз съм ги направил като хиперлинкове, които не сочат към никъде. :)

от westi3m (5621 точки)