• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Wstawianie Tekstu i rozmieszczenie innych elementów

VPS Starter Arubacloud
0 głosów
535 wizyt
pytanie zadane 28 września 2016 w HTML i CSS przez Vromix Początkujący (410 p.)

Witam Mam takie pytanie odnośnie pocięcia gotowego wygladu strony i rozmieszczenia go na stronie do zakodowania. I pytanie jest nastepujące jesli potne sobie moj layout -  duze jednolite tło 1920px a w nim kolejny plik graficzny tylko juz o szerokosci 960px mający sluzyc jako tło contentu i w jaki sposob potem umiescic na tym pliku graficznym np: teksty i inne elementy graficzne ? jak to zapisac? Ponizen przykład mam nadzieje ze pomocny

3 odpowiedzi

0 głosów
odpowiedź 28 września 2016 przez Alwox Gaduła (4,840 p.)

Zagnieździć? Np

<section>
    <div>
         <h1>Text 1 </h1>
    </div>
</section>

Jeśli dobrze zrozumiałem pytanie to jest to bardzo podstawowa wiedza więc może przerób najpierw jakiś prosty kurs w internecie.

0 głosów
odpowiedź 29 września 2016 przez lateM Pasjonat (17,660 p.)
Tylko nie wycinaj grafiki razem z tekstem. Ten wstawiasz w znacznikach HTML. Grafik używaj sporadycznie, o ile nie potrzebujesz na stronie zdjęcia, to wszystko można zakodować w CSS.
0 głosów
odpowiedź 29 września 2016 przez Vromix Początkujący (410 p.)

chodzi mi dokladnie o takie cos 

<body>
<div id="banner">
                <div class="logo"><img src="img/logo.png"></div>
</div>
	
<nav class="nav_bar">
<ul>
		<li><a href="#">Strona główna</li>
		<li><a href="#">Strona główna</li>
		<li><a href="#">Strona główna</li>
		<li><a href="#">Strona główna</li>
		<li><a href="#">Strona główna</li>
	</ul>
</nav>
<div id="bg">
	<div class="zawartosc">
		<p>Tekst przykładowy</p>
	</div>
</div>	

</body>

i css

*
{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;

	
}

body
{
	color: #333;
	font-size: 19px;
	background-image: url("img/bg.png");
	min-height: 100%;
	font-family: 'Lato', sans-serif;
}


.logo
{
	text-align: center;
	padding: 10px;
}

.nav_bar
{
	background-image: url(img/nav_bar.png);
	width: 100%;
	height: 70px;
    
}

.nav_bar ul
{
	max-width: 1024px;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	justify-content: space-between;
	list-style: none;

}
.nav_bar li
{
	width: 100%;
	padding: 20px;
	font-family: 'PT Sans Caption', sans-serif;
}

.nav_bar a
{
	text-decoration: none;
	color: white;
	display: block;
}

.nav_bar a:hover
{
	background-color: black;
}

#banner
{
	width: 100%;
	height: 300px;
	position: relative;
	
}

#bg
{
	width: 1920px;
	min-height: 3000px;
	margin-left: auto;
	margin-right: auto;
	background: url(img/1.png) center no-repeat;
	margin-top: -105px;
}

.zawartosc
{
	width: 1024px;
	height: 100%;
	text-align: center;
	padding: 20px;
	font-size: 50px;
	color: red;
}

i tutaj sa grafiki uzyte gdyby byly potrzebne https://uploadfiles.io/96a

I chodzi mi o to zeby ten tekst i reszta zawartosci ztrony miesciła sie juz w srodku tego bg o szerokosci 1024 px

a nie tak jak wyglada to tutaj

Podobne pytania

0 głosów
3 odpowiedzi 1,159 wizyt
pytanie zadane 10 września 2018 w HTML i CSS przez niezalogowany
0 głosów
2 odpowiedzi 466 wizyt
0 głosów
1 odpowiedź 726 wizyt
pytanie zadane 16 sierpnia 2019 w HTML i CSS przez Radek Koniarski Użytkownik (870 p.)

92,832 zapytań

141,777 odpowiedzi

320,822 komentarzy

62,162 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...