Как убрать точки перед словами?
Как убрать точки перед словами?
html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Coffeee shop</title> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Icons+Outlined"> <link rel="stylesheet" href="css/style.css"> </head> <body> <header id="header-section"> <div class="container container-header"> <div class="header"> <nav class="nav-main"> <ul class="nav-main_list"> <li class="nav-main_item"> <a class="nav-main_link nav-main_link_selected" href="#">Home</a> </li> <li class="nav-main_item"> <a class="nav-main_link" href="#">About</a> </li> <li class="nav-main_item"> <a class="nav-main_link" href="#">Menu</a> </li> <li class="nav-main_item"> <a class="nav-main_link" href="#">Reservation</a> </li> </ul> <img class="header_logo" src="img/logo.svg" alt="#"> <ul class="nav-main_list"> <li class="nav-main_item"> <a class="nav-main_link" href="#">Pages</a> </li> <li class="nav-main_item"> <a class="nav-main_link" href="#">Shop</a> </li> <li class="nav-main_item"> <a class="nav-main_link" href="#">Contact</a> </li> </ul> </nav> <div class="header-action"> <button class="header-action_search material-icons-outlined">search</button> <button class="header-action_cart material-icons-outlined">local_mall</button> </div> </div> </div> </header> </body> </html> |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Coffeee shop</title> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Icons+Outlined"> <link rel="stylesheet" href="css/style.css"> </head> <body> <header id="header-section"> <div class="container container-header"> <div class="header"> <nav class="nav-main"> <ul class="nav-main_list"> <li class="nav-main_item"> <a class="nav-main_link nav-main_link_selected" href="#">Home</a> </li> <li class="nav-main_item"> <a class="nav-main_link" href="#">About</a> </li> <li class="nav-main_item"> <a class="nav-main_link" href="#">Menu</a> </li> <li class="nav-main_item"> <a class="nav-main_link" href="#">Reservation</a> </li> </ul> <img class="header_logo" src="img/logo.svg" alt="#"> <ul class="nav-main_list"> <li class="nav-main_item"> <a class="nav-main_link" href="#">Pages</a> </li> <li class="nav-main_item"> <a class="nav-main_link" href="#">Shop</a> </li> <li class="nav-main_item"> <a class="nav-main_link" href="#">Contact</a> </li> </ul> </nav> <div class="header-action"> <button class="header-action_search material-icons-outlined">search</button> <button class="header-action_cart material-icons-outlined">local_mall</button> </div> </div> </div> </header> </body> </html>
css
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Righteous&family=Urbanist:wght@500;600&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; } body { color:#FFFFFF; font: 500 16px/28px 'Urbanist', Arial, Helvetica, sans-serif; background-color: #14110E ; } a { color: inherit; text-decoration: none; transition: .4s; } ul li ol li { list-style-type: none; } img { max-width: 100%; max-height: 100%; } button { display: block; border: none; color: inherit; font: inherit; background-color: transparent; transition: 4s; cursor: pointer; } .container { max-width: 1340px; margin: 0 auto; padding: 0 75px; } .container-header { padding: 0 10px; } /* Header */ #header-section { padding: 32px 0; background-color: #1C1814 ; } .header, .nav-main, .nav-main_list { display: flex; justify-content: space-between; align-items: center; } .nav-main { flex-grow: 1; } .nav-main_list { gap: 48px; font: 400 18px 'Inter', Arial, Helvetica, sans-serif; } .nav-main_link_selected { color: #C99E71; cursor: default; } .nav-main_link:hover { color: #C99E71; } |
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Righteous&family=Urbanist:wght@500;600&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; } body { color:#FFFFFF; font: 500 16px/28px 'Urbanist', Arial, Helvetica, sans-serif; background-color: #14110E ; } a { color: inherit; text-decoration: none; transition: .4s; } ul li ol li { list-style-type: none; } img { max-width: 100%; max-height: 100%; } button { display: block; border: none; color: inherit; font: inherit; background-color: transparent; transition: 4s; cursor: pointer; } .container { max-width: 1340px; margin: 0 auto; padding: 0 75px; } .container-header { padding: 0 10px; } /* Header */ #header-section { padding: 32px 0; background-color: #1C1814 ; } .header, .nav-main, .nav-main_list { display: flex; justify-content: space-between; align-items: center; } .nav-main { flex-grow: 1; } .nav-main_list { gap: 48px; font: 400 18px 'Inter', Arial, Helvetica, sans-serif; } .nav-main_link_selected { color: #C99E71; cursor: default; } .nav-main_link:hover { color: #C99E71; }
Дополнительно:
list-style-type: none
а загуглить это быстрее чем задать тут вопрос..
- Спасибо за ответ) Оказалось что я всего лишь упустил запятую
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы убрать точки перед словами в тексте, можно воспользоваться регулярным выражением и функцией замены в PHP. Ниже приведен пример кода, который позволит удалить точки перед словами:
$text = "Привет. Как. Убрать. Точки. Перед. Словами."; $pattern = '/\.\s+/'; $replacement = ' '; $new_text = preg_replace($pattern, $replacement, $text); echo $new_text;
В данном коде мы используем регулярное выражение '/\.\s+/' для поиска точек перед словами, за которыми следует пробел. Функция preg_replace заменяет найденные сочетания на пробел, тем самым убирая точки перед словами.
Вы можете использовать этот код в своем проекте, заменив переменную $text на ваш текст, который нужно очистить от точек. Таким образом, точки перед словами будут удалены, и вы получите текст без лишних символов.