Skocz do zawartości

  • 👋 Witaj na MPCForum!

    Przeglądasz forum jako gość, co oznacza, że wiele świetnych funkcji jest jeszcze przed Tobą! 😎

    • ✅ Pełny dostęp do działów i ukrytych treści
    • ✅ Możliwość pisania i odpowiadania w tematach
    • ✅ System prywatnych wiadomości
    • ✅ Zbieranie reputacji i rozwijanie swojego profilu
    • ✅ Członkostwo w jednej z największych społeczności graczy

    👉 Dołączenie zajmie Ci mniej niż minutę – a zyskasz znacznie więcej!

    Zarejestruj się teraz

Problem z umiejscowieniem nawigacji w pionie.

kamilo10PL

Rekomendowane odpowiedzi

kamilo10PL Pasjonat

kamilo10PL

Opublikowano
Pasjonat

kamilo10PL

Opublikowano

Witam mam taki problem ,gdyż tworze strone www i chciałem koniecznie mieć nawigacje w pionie i mam ale tekst nie chce wejść koło tej nawigacje tylko jest na samym dole strony.

 

KOD HTML:

<div class="text"><h3>Artykuł</h3><br>

                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse elementum nulla nunc, at convallis justo maximus suscipit. Mauris ultricies tincidunt orci a aliquam. Mauris tristique vel lectus fringilla ornare. Cras fringilla dapibus tellus, ac mattis justo egestas ut. Phasellus aliquet id ex non pulvinar. Integer cursus hendrerit ligula, vitae lacinia ante ultrices sed. Etiam laoreet sapien vitae velit viverra congue eu vel nibh. Vestibulum finibus at libero ut placerat. Proin sit amet augue neque. In fringilla blandit tortor, a sagittis dolor rutrum quis. Curabitur vel massa ac ante iaculis dignissim et at tortor.</p></div>
 

KOD CSS:

.text {
    color: #ffffff;
font-size: 20px;
font-family: 'Lato' , sans-serif;
text-align: center;
margin-left: auto;
}
 
 
slepiec68 Rekrut

slepiec68

Opublikowano
Rekrut

slepiec68

Opublikowano

Problemem jest nawigacja jej budowa i umiejscowienie i to ten kod powinienes podac - najlepiej w odpowiednim znaczniku "Kod".

.text {
    color: #ffffff;
    font-size: 20px;
    font-family: 'Lato' , sans-serif;
    text-align: center;
    margin-left: auto;
}

tresc ktora podales pojawi sie w miejscu, ktore pozostanie po odpowiednim ustawieniu nawigacji

Lepiej jest nie odzywać się wcale i pozwolić ludziom myśleć, że jesteś glupi, niż odezwać się i rozwiać wszelkie wątpliwości.
Mark Twain

kamilo10PL Pasjonat

kamilo10PL

Opublikowano
Pasjonat

kamilo10PL

  • Autor
Opublikowano

Nic to nie dało - zmieniłem jeszcze margines tekstu ,by się tekst zmieścił i nic nie daje. patrzyłem na przeglądarce i elementy nawigacji zajmują cały pasek a mają ustawione ilość pikseli i oczywiście margin na 0 i to nic nie działa'

 

strona to: firma2x.wh1.pl

slepiec68 Rekrut

slepiec68

Opublikowano
Rekrut

slepiec68

Opublikowano

CSS

 

 

#container {
	width: 100%;
	color: #ffffff;
	font-size: 20px;
	font-family: 'Lato', sans-serif;
	clear: both;
}
.naglowek {
	width: 100%;
	height: 145px;
	background-color: #0099FF;
	font-size: 100px;
	font-family: 'Lato', sans-serif;
	text-align: center;
	clear: both;
}
/* Nawigacja *//* Nawigacja *//* Nawigacja *//* Nawigacja *//* Nawigacja *//* Nawigacja *//* Nawigacja *//* Nawigacja *//* Nawigacja */
.sg {
	width: 130px;
	height: 115px;
	background-color: #0099FF;
	text-align: center;
	font-size: 25px;
	font-family: 'Lato', sans-serif;
	margin: 0;
}
.sg:hover {
	background-color: #0077CC;
}
.on {
	width: 130px;
	height: 115px;
	background-color: #0099FF;
	text-align: center;
	font-size: 25px;
	font-family: 'Lato', sans-serif;
	margin: 0;
}
.on:hover {
	background-color: #0077CC;
}
.g {
	width: 130px;
	height: 115px;
	background-color: #0099FF;
	text-align: center;
	font-size: 25px;
	font-family: 'Lato', sans-serif;
	margin: 0;
}
.g:hover {
	background-color: #0077CC;
}
.k {
	width: 130px;
	height: 115px;
	background-color: #0099FF;
	text-align: center;
	font-size: 25px;
	font-family: 'Lato', sans-serif;
	margin: 0;
}
.k:hover {
	background-color: #0077CC;
}
/* Nawigacja *//* Nawigacja *//* Nawigacja *//* Nawigacja *//* Nawigacja *//* Nawigacja *//* Nawigacja *//* Nawigacja */

.stopka {
	width: 100%;
	height: 35px;
	background-color: #0099FF;
	text-align: center;
	font-size: 25px;
	font-family: 'Lato', sans-serif;
	margin: 0px;
	clear: both;
}
.text {
	color: #ffffff;
	font-size: 20px;
	font-family: 'Lato', sans-serif;
	text-align: justyfi;
	padding-left: 20px;
	padding-right: 20px;
	display: table-cell;
}
.menu {
	display: table-cell;
	background-color: #0099FF;
	vertical-align: top;
}

 

 

HTML

 

 

<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="utf-8" />
<title>Firma2X</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<link href='https://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
</head>

<body style="background-color: #000000; color: #ffffff; margin: 0px;">
<div id="container">
  <div class="naglowek">Nagłówek</div>
  <div class="menu">
    <div class="sg">Strona Główna</div>
    <div class="on">O Nas</div>
    <div class="g">Galeria</div>
    <div class="k">Kontakt</div>
  </div>
  <div class="text">
    <h3>Artykuł</h3>
    <p>Lorem ipsum</p>
  </div>
  <div class="stopka">Copyright © Firma2X Wszystkie Prawa Zastrzeżone 2016</div>
</div>
</body>
</html>

 

 

 

... i komu przeszkadzaly tabelki :P :>

 

Uzycie display: table-cell; zalatwia rowniez sprawe ciaglosci tla w menu niezaleznie od ilosci tresci po prawej

Lepiej jest nie odzywać się wcale i pozwolić ludziom myśleć, że jesteś glupi, niż odezwać się i rozwiać wszelkie wątpliwości.
Mark Twain

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy
×
×
  • Dodaj nową pozycję...