Skocz do zawartości

Stronka wyjeżdza poza "granice".

elotje

Przez elotje
w HTML i CSS

Rekomendowane odpowiedzi

elotje Newbie

elotje

Opublikowano
Opublikowano

Witam, jak zrobić by tekst nie "jechał" cały czas w prawo tylko przesunął się do następnej linijki?

*CSS*

.top {
   width: 930px;
   height: 30px;
   margin: auto;
   background:url(obrazki/topik.gif);
}

.top2 {
	width: 930px;
	height: 230px;
	margin: auto;
	background:url(obrazki/topik2.gif);
}

.tresc {
   width: 930px;
   height: 100%px;
   margin: auto;
   background:#FFFFFF;
}

*xHTML*

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>  
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
 <title>elotje</title>
 <link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div class="top">DLUGITEKST</div>
<div class="top2">DLUGITEKST2</div>
<div class="tresc">DLUGITEKST333/div>
</body>
</html>

Mimo, że definiuje długość danego DIVa to i tak tekst leci cały czas w prawo zamiast wykorzystać te 930 px a potem przesunąć się do nast. linijki.

Z góry dzięki za odpowiedź. Pozdrawiam.

Odnośnik do komentarza
Udostępnij na innych stronach
leadersmind Newbie

leadersmind

Opublikowano
Opublikowano

Tekst zawiera białe znaki, czy tak jak w przykładzie jest to jednostajny długi string ?

moja firma: strony www, sklepy internetowe, oprogramowanie

Portal Bielsk Podlaski: ogłoszenia, katalog firm - Bielsk Podlaski

Portal Siemiatycze: ogłoszenia, katalog firm - Siemiatycze

Odnośnik do komentarza
Udostępnij na innych stronach
misieq Newbie

misieq

Opublikowano
Opublikowano

po pierwsze ze wzgledu na semantyke tekst umieszcza sie w paragrafach <p> a nie w boxach <div>.

I druga ważna rzecz o której napisał leadersmind - tekst musi zawierać spacje (ew. tabulatory), w przeciwnym wypadku tekst bedzie rozciągał dany paragraf (lub w Twoim przypadku danego diva)

To tak jakbyś miał box 900 px i wstawił tam obraz 1000px - rozciągnie diva do 1000px.

mozesz w CSS użyc reguły overflow:hidden - wtedy tekst zostanie przycięty do 900px ale nie przejdzie do nastepnej lini.

Ta reguła działa jak maska - odkrywa tylko to co w okreslonym rozmiarami divie, ukrywa to co wystaje.

Pozdrawiam, Kamil ;)

Fotografia Ślubna Tychy | Projekty stron / Kod HTML

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

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

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności