|
|
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
Добрый день. в верстке новичок. Есть сайтец с никакущим деревянным дизайном. Макет пока не готов. но явно прослеживаются фрагменты попадающие под табличную реализацию, тем не менее и блоков div тоже валом, потому что под блоки уже написаны рабочие скрипты js (jquery). Вопрос собственно следующий: как себя ведут div и table по отношению к друг другу. что нельзя делать , что можно ? на что обратить внимание, чтобы сайт не завалился в каком-нибудь браузере ? например : не возбраняется ли делать div внутри table или наоборот ? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.10.2013, 15:27 |
|
||
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
Валидатор вам всё скажет. http://validator.w3.org/ Можно и локальную страницу отправить, если в старой опере (opera 12) сделать ПКМ->Соблюдены ли веб-стандарты ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.10.2013, 15:38 |
|
||
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
andron81как себя ведут div и table по отношению к друг другу. что нельзя делать Не пытаться "развернуть" ДИВ на весь размер резиновой ячейки... В остальном все нормально... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.10.2013, 15:40 |
|
||
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
andron81Добрый день. в верстке новичок. Есть сайтец с никакущим деревянным дизайном. Макет пока не готов. но явно прослеживаются фрагменты попадающие под табличную реализацию, тем не менее и блоков div тоже валом, потому что под блоки уже написаны рабочие скрипты js (jquery). Вопрос собственно следующий: как себя ведут div и table по отношению к друг другу. что нельзя делать , что можно ? на что обратить внимание, чтобы сайт не завалился в каком-нибудь браузере ? например : не возбраняется ли делать div внутри table или наоборот ? если с tableй поступать по ее спецификации, никакой div ей не страшен. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.10.2013, 15:51 |
|
||
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
krvsaandron81как себя ведут div и table по отношению к друг другу. что нельзя делать Не пытаться "развернуть" ДИВ на весь размер резиновой ячейки... В остальном все нормально... почему ? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.10.2013, 16:05 |
|
||
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
andron81, скажем вот всплывающее окно на одном из сайтов реализовано исключительно при помощи div, но тут намного проще сделать используя table. Можно ли сделать так чтобы получить вышеуказанную реализацию ? Код: html 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48. 49. 50. 51. 52. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.10.2013, 16:46 |
|
||
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
andron81 почему ? Попробуй и увидишь... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.10.2013, 18:02 |
|
||
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
andron81, а ну забыл align - ы расставить в tr. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.10.2013, 18:03 |
|
||
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
andron81но тут намного проще сделать используя table Не совсем понял как "намного проще" сочетается с одним примером на бабличке... Сделай на ДИВах - тогда можно или сравнить... Или поправить. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.10.2013, 18:05 |
|
||
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
krvsaandron81но тут намного проще сделать используя table Не совсем понял как "намного проще" сочетается с одним примером на бабличке... Сделай на ДИВах - тогда можно или сравнить... Или поправить. ну проще , вот я сделал (правда про выравниваня содержимого в ячейках забыл) а на дивах я боюсь мне даже не по зубам. кучу CSS стилей придеться описывать ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.10.2013, 18:17 |
|
||
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
andron81а на дивах я боюсь мне даже не по зубам. кучу CSS стилей придеться описывать Если бы не селекты, твою картинку можно реализовать вообще используя один див... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.10.2013, 20:19 |
|
||
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
Хотя они все с одинаковыми данными значениями (читай равной ширины) - значит одним дивом можно обойтись... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.10.2013, 20:21 |
|
||
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
andron81ну проще , вот я сделал (правда про выравниваня содержимого в ячейках забыл) а на дивах я боюсь мне даже не по зубам. кучу CSS стилей придеться описывать Как вариант... Код: html 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48. 49. 50. 51. 52. 53. 54. 55. 56. 57. Т.ч. про конкретную простоту я бы поспорил... А про навыки в ЦСС: - читай книжки - начинай использовать Оно и обращется... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.10.2013, 20:32 |
|
||
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
krvsa, единственное что ещё забыл отметить надо ещё слева расшивровки клепать с небольшим отступом : ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.10.2013, 20:43 |
|
||
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
andron81надо ещё слева расшивровки клепать с небольшим отступом Ну это уже тебе на "домашнее задание". Добавь label`ей и будет тебе счастие... Для вечернего чтива http://www.xiper.net/collect/html-and-css-tricks/verstka-form/blochnaya-verstka-form.html ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.10.2013, 20:53 |
|
||
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
krvsaandron81ну проще , вот я сделал (правда про выравниваня содержимого в ячейках забыл) а на дивах я боюсь мне даже не по зубам. кучу CSS стилей придеться описывать Как вариант... Код: html 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48. 49. 50. 51. 52. 53. 54. 55. 56. 57. у тебя ширина головного дива 370px каждый инпут получается примерно 333 px все селекты имеют одинаковую ширину. все они в сумме не привышают скажем 250 но как сделать так чтобы крайний левый селект начинался по горизонтали там же где начинается инпут и крайний правый селект заканчивался по горизонтале там же где заканчивается инпут. селекты распологать с одинаковыми отступами друго от друга. смотреть рисунок постом выше. и расшифровочки - title, url , tags, прижатые к элементам на одинаковом расстоянии см. рисунок ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.10.2013, 21:04 |
|
||
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
andron81, всё за что ты написал спасибо. но у меня основная проблема эта выравнивание. попробую поюзать твою ссылку ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.10.2013, 21:11 |
|
||
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
andron81, а выравниванивание это и есть поблема дива основная как я понимаю. вот почему я сказал что табличной версткой проще, хоть и конструкций больше. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.10.2013, 21:13 |
|
||
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
andron81но как сделать так чтобы крайний левый селект начинался по горизонтали там же где начинается инпут и крайний правый селект заканчивался по горизонтале там же где заканчивается инпут. селекты распологать с одинаковыми отступами друго от друга. смотреть рисунок постом выше. и расшифровочки - title, url , tags, прижатые к элементам на одинаковом расстоянии см. рисунок 1000р на телефон или карточку и вперед! ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.10.2013, 23:22 |
|
||
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
krvsaandron81но как сделать так чтобы крайний левый селект начинался по горизонтали там же где начинается инпут и крайний правый селект заканчивался по горизонтале там же где заканчивается инпут. селекты распологать с одинаковыми отступами друго от друга. смотреть рисунок постом выше. и расшифровочки - title, url , tags, прижатые к элементам на одинаковом расстоянии см. рисунок 1000р на телефон или карточку и вперед! ого. много. 100 еще ладно. а так я лучше тейблами сделаю ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 11.10.2013, 07:14 |
|
||
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
andron81100 еще ладно Это даже не "за еду"... Максимум "за сигареты"... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 11.10.2013, 08:19 |
|
||
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
krvsaandron81100 еще ладно Это даже не "за еду"... Максимум "за сигареты"... неужели в Волжском сигареты так подорожали ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 11.10.2013, 08:28 |
|
||
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
andron81 , я Приму не курю... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 11.10.2013, 09:09 |
|
||
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
krvsa andron81 , я Приму не курю... пока ты только на приму сработал. потому как твой вариант и я могу в состоянии сделать ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 11.10.2013, 09:13 |
|
||
|
сочетание div+table
|
|||
|---|---|---|---|
|
#18+
andron81пока ты только на приму сработал Это лишь намек тебе, которым ты так и не смог воспользоваться... andron81потому как твой вариант и я могу в состоянии сделать Не тешь себя. Все, что ты "смог", ты показал в своем примере... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 11.10.2013, 09:23 |
|
||
|
|

start [/forum/topic.php?fid=22&msg=38423614&tid=1447798]: |
0ms |
get settings: |
9ms |
get forum list: |
11ms |
check forum access: |
2ms |
check topic access: |
2ms |
track hit: |
153ms |
get topic data: |
9ms |
get forum data: |
2ms |
get page messages: |
59ms |
get tp. blocked users: |
2ms |
| others: | 247ms |
| total: | 496ms |

| 0 / 0 |
