Jump to content

spdif

User
 View Profile  See their activity

  • Posts

    260

  • Joined

  • Last visited

  • Days Won

    8

 Content Type 

Posts posted by spdif

  1. Нужен небольшой аудит

    in Discussion of works

    Posted

    • Атрибут charset в элементе meta находится за пределами первых 1024 байтов

    от начала документа:  <!DOCTYPE html> ... !

           а элемент заголовка страницы title    

                   стартовал раньше ожидаемого - falsestart ! 

    ... еще тут

                  два элемента meta с атрибутом charset в одном документе ! 

    <meta charset="UTF-8">
    <meta charset="utf-8">

    Зачем? Два? - ведь это по крайней мере невалидно!

    • Документ не должен содержать более одного meta элемента с атрибутом charset  ! 
    • Ниже приведен пример достаточно верного порядка размещения элементов.

    1 | <!DOCTYPE html>
    2 | <html lang="">
    3 | <head>
    4 | <meta charset="">
    5 | <title>
    6 | <meta name="description" content="">
    7 | <meta name="keywords" content="">

    ...

    • Попутно избавляемся от лишнего !

    <script type="text/javascript" src="*.js"></script>

    • Атрибут type  элемента script  для JavaScript более не требуется !

    <script type="text/javascript" src="../abc.js"></script>

    Пишите без атрибута, этого будет вполне достаточно 

    <script></script> 

    correct write !

  4. Выравнивание списка <ul> по вертикали

    in Web-site Development

    Posted

    Можно добавить этот маркер как фоновое изображение для элемента < li > 

    с выравниванием по вертикали по центру, задав для этого позицию фона = 0% 50% 

    а текстовое содержимое  элемента < li >  выравнивать внутренними отступами - padding ,)) 

        <! ———- Your current style ———- >

    .inner ul,   .inner ol   {
            margin: 10px 0 10px 20px;
    }
    .main-content li   {
            vertical-align: top;
            font-size: 14px;
            line-height: 1.8;
            list-style-image: url(images/galka.png);
            list-style-position: outside;
    }

        <! —— Your current style end ——- >

        /*  —————--   V / S   —————-  */

        <! — Future style perspective —— >

    .inner ul,   .inner ol   {
            margin: 10px 0 10px 0;
    }
    .main-content li   {
            background: url(images/galka.png) 0% 50% no-repeat;
            list-style-type: none;
            padding: 4.5px 0 4.5px 30px;
    }
     
        <! — Future style perspective end — >
     
    P.s _ .(.
               _this decision is okay ☑️ 
    .).
    ...

  5. Вопросы по стилям

    in HTML Coding

    Posted

    1 час назад, egrom92 сказал:

    заметил что класс в хтмл отличается от класса в цсс файле

    Не отличается) т.к. в данном случае таг div имеет в селекторе два имя , 

     если в имени класса есть пробел, то - то что следует после пробела,

    является еще одним собственным именем класса данного тега ... 

    <div class="grid-img sqr"></div>

    в css к такому элементу можно обращаться так:  

    .grid-img {} 

.sql {} 

.grid-img.sql {} 

/* - and also - */

div.grid-img {} 

div.sql {} 

div.grid-img.sql {} 

    ...

  6. Не могу убрать падинги у li

    in HTML Coding

    Posted

    Можно решить это убрав пустые текстовые узлы: 

    убираем между тегами пробелы, переносы, табы - получаем запись такого вида  

    <ul class="main-menu"><li class="homepage">Home</li><li class="gallerypage activ">Gallery</li><li class="memberspage">Members</li><li class="logoutpage">Logout</li></ul>

    результат - https://jsfiddle.net/spdif/g4cfkbms/1/ 

    Ещё 

    Можно решить не убирая пустые узлы HTML5: 

    убираем закрывающие теги - получаем запись такого вида  

    <ul class="main-menu">
    <li class="homepage">Home 
    <li class="gallerypage activ">Gallery 
    <li class="memberspage">Members 
    <li class="logoutpage">Logout 
</ul>

    в HTML5 это вполне валидная запись кода 

    результат - https://jsfiddle.net/spdif/hcoaz0r9/2/ 

    ...

  11. Верстка писем. Встраивание изображения

    in HTML Coding

    Posted

    10 часов назад, SnowSilver сказал:

    Как встраивать изображение в письмо, чтобы она отображалась на большинстве почтовых клиентах ?

    Возможно так:  

    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>
<meta charset="UTF-8">
<meta name="x-apple-disable-message-reformatting">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="telephone=no" name="format-detection">
<title>sf</title>
<!--[if (mso 16)]><style type="text/css">a {text-decoration: none;}</style><![endif]-->
<!--[if gte mso 9]><style>sup { font-size: 100% !important; }</style><![endif]-->
</head><body><div>
<!--[if gte mso 9]><v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t"><v:fill type="tile" color="#f6f6f6"></v:fill></v:background><![endif]-->
<table cellpadding="0" cellspacing="0" width="100%" style="background-position: left top;">
<tbody><tr><td align="center" style="background-position: left top; background-color: rgb(239, 239, 239);" bgcolor="#efefef">
<img src="https://htmlforum.io/uploads/monthly_2019_01/1870525596_NewProject.png.72193b376f0c3485efd47fed3d45cbb8.png" alt="SF" style="display: block;" width="80">
</td></tr></tbody>
</table>
</div></body></html>

    ...

  13. Как вставить в шапку баннер

    in HTML Coding

    Posted · Edited by spdif

    14.01.2019 в 23:47, Mihail_Rusich сказал:

    В данный момент код выглядит так как указал ниже.

            Разметка выглядит как минимум странно! 

    14.01.2019 в 23:47, Mihail_Rusich сказал:

    Как лучше сделать?

            В любом случае надо сделать вашу разметку лучше! 

                и после этого уже ожидать хороших примеров. 

    ...

    Далее по: 

    • <!DOCTYPE html> - #html5 - ок 
    • <html lang="en"> - почему? в документе объявлена латиница а записи в этом доке сделаны кирилицей ! 'Sлэнг' соответствие <html lang="ru">  - #html5 - 
    • <script type="text/javascript"></script> - type="text/javascript" это лишнее, достаточно <script> </script> - #html5 - 
    • <section class="wrapper"> - <section>? где заголовок <h2-6>? - #html5 - 
    • <ul class="sidebar-menu"> <?php include_once 'menu.php'; ?> </ul> </li> </ul> - оочень странная конструкция, для шаблона! 
    • <section class="my-page"> - ещё <section>? где заголовок <h2-6>? - #html5 - + не о чем не говорящее имя класса! "my-page"( 
    • <img width="100%" ...> - почему стилевые правила в разметке? тем более <img width="100%" ...> не приветствуется в  - #html5 - 
    • <center> </center>  - #html5 - устаревший тег, не используйте его более! 
    • ... далее имеются повторяющиеся моменты указанные выше, а также не своевременность открытия/закрытия тэгов... 
    • <div class="menu"><div class="footer"> </div></menu> - нижний колонтитул просто эпик! что это за конструкция?  
    • <divclass="menu">
    <divclass="footer"></div>
</menu>

    .

    итог: приведите в порядок - валидируйте вашу разметку! 

    Удачи)

    ....

  14. Как добраться до последнего элемента в строке ?

    in HTML Coding

    Posted

    5 часов назад, Geyan сказал:

    Количество элементов не известно 

            и ширина элементов разная, соответственно количество элементов в этой так называемой строке,

            и в последующих строках тоже, будет разным, и как тогда определить последнего? ведь мы знаем что 

            у нас по сути только один явный последний? подключить нейросеть если только)) 

            По нормальному, это надо сеткой делать  Grid Layout  ...!

            

  15. Текст не находится по центру кнопки, хотя должен

    in HTML Coding

    Posted

    Добрый день! 

    Во первых всегда соблюдайте порядок вложенности элементов! 

    в вашем примере Вы закрыли элемент center раньше чем элемент div 

    в том редакторе в котором делаете, неужели нет подсветки таких ошибок? 

    Далее:  <center> это устаревший элемент! Старайтесь избегать его использования.

    Хотя он все еще может работать в некоторых браузерах, его использование не рекомендуется,

    поскольку его могут удалить в любое время. Используйте свойства CSS, например: 

        чтобы выровнять содержимое элемента по горизонтали по центру, используйте  

    text-align: center;

        чтобы выровнять сам элемент по горизонтали по центру, используйте  

    margin: 0 auto;

        так что убирайте элемент  <center> без него все норм центруется, пример ниже.

     

    14724e73592b63cd361120737e608ab3-full.pn

    ...

  16. Как добраться до последнего элемента в строке ?

    in HTML Coding

    Posted

    29 минут назад, Geyan сказал:

    написано в СТРОКЕ

    в какой строке? у Вас там суть всего одна строка! 

    спрашивали: 

    3 часа назад, Geyan сказал:

    каждого последнего элемента строки

    вот и результат который соответствует запросу!

        а то что на картинке показываете, так это не отдельные  строки, это просто так кажется...

        

  24. Подскажите как закрасить баннер

    in HTML Coding

    Posted

    Во первых, с наступающим Вас! * НГ * с наилучшими пожеланиями ? ))

    далее по списку: 

    16 часов назад, AlexZaw сказал:
    1. Что значит "почти получилось"?
    2. Вам было предоставлено рабочее решение, что не так?
    3. Если есть какие-то дополнительные условия - озвучьте их.

    Человек VasyOK{!} писал: 

    30.12.2018 в 02:36, VasyOK{!} сказал:

    Как сделать так:

    c53264897aaa.png

    У меня получилось только так сделать:

    https://jsfiddle.net/PlayboyZP/0xhr4bgn/

    Он предоставил визуальный пример того что ему требуется, 

        и дал линк на тот результат который получился у него в песочнице. 

            а получилось у него так: 

    30.12.2018 в 02:36, VasyOK{!} сказал:

        НО, результат то! не совсем тот получился. 

            далее я ответил тому (!внимание) кто задавал вопрос.?. 

                написав что мол 

    19 часов назад, spdif сказал:

      Да 

    download (1).png

        почти получилось - https://jsfiddle.net/spdif/ecanybgo/2/ 

        и вернул линк на его пример, 

            изменив в стилях значения в трех атрибутах 

            и более ни чего!!)

                А вот про рабочее решение которое якобы мне было предоставлено, 

                    первый раз слышу...             Вы о чем это?!!...              Я не в курсе просто))

    ...

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept