Forum PHP.pl > [CSS][HTML] Tekst w ramce, a nie poza.

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS][HTML] Tekst w ramce, a nie poza.

GoldeNx3

20.12.2011, 16:40:28

Mam problem, mam taki wygląd:

Kod HTML:

[HTML] pobierz, plaintext 
<div id="main_right">	  
	<div class="main_right_box" style="margin-bottom: 40px;">
 
		<div class="main_right_nav">
			<div class="main_right_nav_title">Strona glowna</div>
		</div>
 
		<div class="news_container">
			<div class="news_box">
				<div class="news_main">
					<div class="news_box">
						<div class="news_content">
							<div id="pudelko">
								<div class="pudelko_lewe">
  									<span id="span1">Danie2.</span>
  									<span id="span2">Cena2.</span>
  									<hr style="clear:both; margin-bottom: 10px;" />  
								</div>
 
								<div class="pudelko_prawe">
  									<span id="span1">Danie2.</span>
  									<span id="span2">Cena2.</span>
  									<hr style="clear:both; margin-bottom: 10px;" />  
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
[HTML] pobierz, plaintext

Kod CSS:

http://wklejto.pl/112076

Jak zrobić, aby tekst był w ramce, a nie jak na zdjęciu za ramką?

Magic WWW

20.12.2011, 16:59:45

Zastanawiam się w ogóle nad sensem tego kodu, po co tworzyć takie coś:

Kod

<div class="main_right_nav_title">Strona glowna</div>

Najlepszy rozwiązaniem do powyższego, że tak powiem błędu będzie zastosowanie tagu h2 lub h1. Tworząc stronę trzymajmy się jakichkolwiek zasad

Po za tym to co Pan tu zrobić można zrobić zaledwie na trzech (max. pięciu) blokach.

GoldeNx3

20.12.2011, 17:02:36

Cytat(Magic WWW @ 20.12.2011, 16:59:45 )

Zastanawiam się w ogóle nad sensem tego kodu, po co tworzyć takie coś:

Kod

<div class="main_right_nav_title">Strona glowna</div>

Najlepszy rozwiązaniem do powyższego, że tak powiem błędu będzie zastosowanie tagu h2 lub h1. Tworząc stronę trzymajmy się jakichkolwiek zasad

Po za tym to co Pan tu zrobić można zrobić zaledwie na trzech (max. pięciu) blokach.

A więc bardzo proszę o pomoc, meczę się nad tym wszystkim już godzinę...

Magic WWW

20.12.2011, 17:17:48

HTML

Kod

        <div id="main_right">
            <div class="main_right_nav">
                <h2>Strona glowna</h2>
            </div>
            <div class="news_container">
                <div class="box left">
                      <span id="span1">Danie2.</span>
                      <span id="span2">Cena2.</span>
                    <hr style="clear:both; margin-bottom: 10px;">
                </div>
                <div class="box right">
                    <span id="span1">Danie2.</span>
                      <span id="span2">Cena2.</span>
                    <hr style="clear:both; margin-bottom: 10px;">
                </div>
                <div style="clear: both"> </div>
            </div>
        </div>

CSS: http://pastebin.com/DGtvPPzw

Nie wiem czy o to do końca chodziło

GoldeNx3

20.12.2011, 17:28:54

Normalnie kocham Cię

! Jeszcze jakbyś mi podał kod na wyśrodkowane wszystko, aby nie było podzielone na dwie części, ale wszystko na środku. czyli .left, .right i coś żeby była jedna kolumna na środku.

Magic WWW

20.12.2011, 20:25:25

Proszę bardzo:

HTML: http://pastebin.com/tWvGtEEX
CSS: http://pastebin.com/v7WmP23Q

GoldeNx3

21.12.2011, 15:45:50

I ostatnie pytanie.

Jak coś tam wpiszę, i te tekst będzie dłuższy niż szerokość tego okna to wyjdzie za okno, co zrobić, by przenosił się do nowej linii?

xxdrago

21.12.2011, 16:02:25

http://forum.php.pl/lofiversion/index.php/t110494.html

Google:
Około 21,500 wyników (0,23 s)

css przenoszenie tekstu do nowej linii

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.