Как мне совместить изображение «Dernocua» с параметрами панели навигации (txt), которые в данном случае находятся под ниHtml

Программисты Html
Ответить
Anonymous
 Как мне совместить изображение «Dernocua» с параметрами панели навигации (txt), которые в данном случае находятся под ни

Сообщение Anonymous »

Я хочу создать панель навигации с названием магазина. Для проекта курса мне удалось заставить работать навбар, осталось только разместить его элементы. Однако название магазина написано так же, как и в его логотипе, так что это изображение (уменьшенное кодом). У меня возникли трудности с выравниванием текста посередине с изображением. В результате у меня осталось изображение и слова навигации под ним, которые я не могу центрировать в середине навигационной панели.
Спасибо за вашу помощь
Кстати, сотрудники курса сказали, что я не могу использовать flex.
Я аргентинец, поэтому некоторые комментарии написаны на испанском
html-коде

Код: Выделить всё

    

[url=index.html]
[img]./Img/Solo letras.png[/img]
[/url]

[list]
[*][url=./pages/Contacto.html]Contacto[/url]
[*][url=./pages/Nosotros.html]Nosotros[/url]
[*][url=index.html]Inicio[/url]
[*][url=./pages/Productos.html]Productos[/url]
[*][url=./pages/Ubicación.html]Ubicación[/url]
[/list]



Css-код

Код: Выделить всё

/* Controla tam img */
img {
max-width: 100%;
max-height: 100%;
object-fit: cover;
}

/* header (navbar) */
.Logo {
display: block;
align-items: center;
height: 100px;
width: 200px;
}

header {
position: fixed;
width: 100%;
height: 10%;
padding: 10px 30px;
background-color: #DDA15E;
transition: all .50s ease;
}

.Links a {
align-items: center;
color: #283618;
font-size: 1.5rem;
font-weight: 200;
padding: 5px 0;
margin: 0px 30px;
transition: all .50s ease;
}

.Links li {
display: inline;
padding-right: 5px;
}

.Links a:hover {
text-shadow: #283618 1px 1px;
color: #ff7b08;

Я перепробовал все, что знаю.
Вертикальное расположение: по центру
top: #px
left: #px
Я не помню всего, потому что застрял в этой части со вчерашнего дня.
Я надеялся, что изображение будет сбоку, так как оно расположено в данный момент. И выровняйте параметры панели навигации по центру. Их расположение было бы второстепенным, но я также надеялся разместить их в центре навигационной панели.

Подробнее здесь: https://stackoverflow.com/questions/754 ... -in-this-c
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»