Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS] Problem z tekstem, DIV
Gabrielx
post 26.10.2009, 13:10:43
Post #1





Grupa: Zarejestrowani
Postów: 157
Pomógł: 2
Dołączył: 24.03.2009

Ostrzeżenie: (0%)
-----

Witam. Zaczynam przygodę z CSS i jak to zwykle bywa u amatora natrafiłem na pewien problem. Otóż tło nie dostosowuje się do tekstu-ucina się. Zastosowanie overflow:auto poprawia sytuację ale niestety z boku pojawiają się paski przeglądania. Poza tym tło się wydłuża-poza tekst. Oto kod:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.   <head>
  4.   <meta http-equiv="content-type" content="text/html; charset=ISO-8859-2">
  5.   <title>Ala</title>
  6.   <style type="text/css">
  7. #main {
  8.  
  9.     clear: both;
  10.     height: 100%;
  11.     overflow: hidden;
  12. width: 50%;
  13.  margin: 0 auto 0 auto;
  14.  
  15. }
  16. #menu {
  17.     width: 30%;
  18.     margin: 0 0 -20000px 5px;
  19.     padding-bottom: 20000px;
  20.     height: 100%;
  21.     background: #ffe6c5;  
  22.     float: left;
  23. }
  24. #tresc {
  25.     width: 65%;
  26.     padding: 0 0 0 15px;
  27.     float: left;
  28.     height: 100%;
  29.     background: #CCCCCC;
  30.     margin-bottom: -20000px;
  31.     padding-bottom: 20000px;    
  32. }
  33.   </style>
  34.  
  35.   </head>
  36.   <body>
  37. <div id="main">
  38.  
  39. <div id="menu">
  40. <h2>Lorem ipsum sit ei sonet exerci feugait.</h2>
  41.  
  42. In vero antiopam has, cibo discere ne nec. Libris appellantur quo ad, et nec veritus tractatos. Sed suas molestiae mnesarchum ne, melius convenire ocurreret vix an. Feugiat ornatus expetendis mel te. Est timeam utroque ne, debet graecis feugait vel ut. Cu has utinam petentium theophrastus, et hinc dignissim duo. Ea ipsum suscipiantur vix.
  43. </div>
  44. <div id="tresc">
  45. Trochę spekulujemy, zostawmy tę decyzję samemu Zbigniewowi Chlebowskiemu ? powiedział Andrzej Halicki komentując doniesienia mówiące o tym, że Chlebowski zawiesił się w prawach członka klubu PO. ? On sam doskonale wie, że naruszył standardy i przeprosił za to. On wie, że obecny w polityce już być nie może ? dodał poseł PO.
  46. - Zbigniew Chlebowski jest gotów stanąć przed komisją śledczą i prokuraturą. Zostało jeszcze parę godzin, musimy poczekać na jego deklarację ? stwierdził Andrzej Halicki. - To, że przekroczył granice, to jego wina, on o tym dobrze wie - dodał.
  47.  
  48. Jak ocenił poseł PO, "Chlebowski jest w trudnej sytuacji psychofizycznej". - Nie dziwmy się, że jest on w pewnym zamknięciu. Myślę, że jego męską decyzja ułatwi mu późniejsze kontakty w Sejmie - dodał.
  49.  
  50. Radio ZET poinformowało wcześniej, że Zbigniew Chlebowski podjął decyzję o zawieszeniu się w prawach członka klubu Platformy Obywatelskiej. Jeszcze dziś ma się on stawić na posiedzeniu dolnośląskiej PO, która podejmie ostateczną decyzję w jego sprawie.
  51.  
  52. Decyzja Zbigniewa Chlebowskiego ma związek z aferą hazardową.
  53.  
  54. Afera wybuchła, gdy 30 września CBA poinformowało, że podczas prac nad ustawą o grach hazardowych mogło dojść do naruszenia interesu ekonomicznego państwa. Następnego dnia szczegóły ujawniła "Rzeczpospolita". Dotarła do stenogramów z prowadzonych przez CBA podsłuchów dwóch biznesmenów z Dolnego Śląska - Ryszarda Sobiesiaka i Jana Koska. Biznesmeni rozmawiali o ustawie m.in. ze Zbigniewem Chlebowskim. - Walczę, Rysiu, załatwimy - mówi podczas jednej z podsłuchanych przez CBA rozmów z biznesmenami Zbigniew Chlebowski.
  55.  
  56. W tym momencie sprawa rozszerza się na kolejne wątki. Jednym pozostaje proces legislacyjny i rola Zbigniewa Chlebowskiego i Mirosława Drzewieckiego w tym procesie. Drugi wątek to wyciek informacji o operacji prowadzonej przez CBA. Mariusz Kamiński poinformował o niej premiera Donalda Tuska 12 sierpnia. Dwa tygodnie później Sobiesiak poinformował Koska, że interesuje się nimi CBA.
  57.  
  58. Trzeci wątek to kwestia ujawnienia przez "Rz" tajnych stenogramów rozmów biznesmenów. W tej sprawie wszczęto już śledztwo.
  59.  
  60. Ostatnim wątkiem jest sprawa zarzutów, które zostały postawione Mariuszowi Kamińskiemu. Prokuratura w Rzeszowie prowadzi śledztwo ws. afery gruntowej. Dziś poinformowano, że Kamiński jest już podejrzany w tej sprawie. Zdaniem PiS, do momentu wybuchu afery hazardowej, śledztwo zmierzało w kierunku umorzenia.
  61.  
  62. </div>
  63. </div>
  64.  
  65.   </body>
  66. </html>
[HTML] pobierz, plaintext


Ten post edytował Gabrielx 26.10.2009, 13:13:34
Go to the top of the page
+Quote Post
t4keda
post 26.10.2009, 13:40:59
Post #2





Grupa: Zarejestrowani
Postów: 57
Pomógł: 10
Dołączył: 14.10.2009

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.   <head>
  4.   <meta http-equiv="content-type" content="text/html; charset=ISO-8859-2">
  5.   <title>Ala</title>
  6.   <style type="text/css">
  7. #main {
  8.  
  9.     clear: both;
  10.     overflow: hidden;
  11.     width: 50%;
  12.     margin: 0 auto 0 auto;
  13.  
  14. }
  15. #menu {
  16.     width: 30%;
  17.     margin: 0 0 -20px 5px;
  18.     background: #ffe6c5;  
  19.     float: left;
  20. }
  21. #tresc {
  22.     width: 65%;
  23.     padding: 0 0 0 15px;
  24.     float: left;
  25.     background: #CCCCCC;
  26. }
  27.   </style>
  28.  
  29.   </head>
  30.   <body>
  31. <div id="main">
  32.  
  33. <div id="menu">
  34. <h2>Lorem ipsum sit ei sonet exerci feugait.</h2>
  35.  
  36. In vero antiopam has, cibo discere ne nec. Libris appellantur quo ad, et nec veritus tractatos. Sed suas molestiae mnesarchum ne, melius convenire ocurreret vix an. Feugiat ornatus expetendis mel te. Est timeam utroque ne, debet graecis feugait vel ut. Cu has utinam petentium theophrastus, et hinc dignissim duo. Ea ipsum suscipiantur vix.
  37. </div>
  38. <div id="tresc">
  39. Trochę spekulujemy, zostawmy tę decyzję samemu Zbigniewowi Chlebowskiemu ? powiedział Andrzej Halicki komentuj?c doniesienia mówi?ce o tym, że Chlebowski zawiesił się w prawach członka klubu PO. ? On sam doskonale wie, że naruszył standardy i przeprosił za to. On wie, że obecny w polityce już być nie może ? dodał poseł PO.
  40. - Zbigniew Chlebowski jest gotów stan?ć przed komisj? ?ledcz? i prokuratur?. Zostało jeszcze parę godzin, musimy poczekać na jego deklarację ? stwierdził Andrzej Halicki. - To, że przekroczył granice, to jego wina, on o tym dobrze wie - dodał.
  41.  
  42. Jak ocenił poseł PO, "Chlebowski jest w trudnej sytuacji psychofizycznej". - Nie dziwmy się, że jest on w pewnym zamknięciu. My?lę, że jego męsk? decyzja ułatwi mu póĽniejsze kontakty w Sejmie - dodał.
  43.  
  44. Radio ZET poinformowało wcze?niej, że Zbigniew Chlebowski podj?ł decyzję o zawieszeniu się w prawach członka klubu Platformy Obywatelskiej. Jeszcze dzi? ma się on stawić na posiedzeniu dolno?l?skiej PO, która podejmie ostateczn? decyzję w jego sprawie.
  45.  
  46. Decyzja Zbigniewa Chlebowskiego ma zwi?zek z afer? hazardow?.
  47.  
  48. Afera wybuchła, gdy 30 wrze?nia CBA poinformowało, że podczas prac nad ustaw? o grach hazardowych mogło doj?ć do naruszenia interesu ekonomicznego państwa. Następnego dnia szczegóły ujawniła "Rzeczpospolita". Dotarła do stenogramów z prowadzonych przez CBA podsłuchów dwóch biznesmenów z Dolnego ?l?ska - Ryszarda Sobiesiaka i Jana Koska. Biznesmeni rozmawiali o ustawie m.in. ze Zbigniewem Chlebowskim. - Walczę, Rysiu, załatwimy - mówi podczas jednej z podsłuchanych przez CBA rozmów z biznesmenami Zbigniew Chlebowski.
  49.  
  50. W tym momencie sprawa rozszerza się na kolejne w?tki. Jednym pozostaje proces legislacyjny i rola Zbigniewa Chlebowskiego i Mirosława Drzewieckiego w tym procesie. Drugi w?tek to wyciek informacji o operacji prowadzonej przez CBA. Mariusz Kamiński poinformował o niej premiera Donalda Tuska 12 sierpnia. Dwa tygodnie póĽniej Sobiesiak poinformował Koska, że interesuje się nimi CBA.
  51.  
  52. Trzeci w?tek to kwestia ujawnienia przez "Rz" tajnych stenogramów rozmów biznesmenów. W tej sprawie wszczęto już ?ledztwo.
  53.  
  54. Ostatnim w?tkiem jest sprawa zarzutów, które zostały postawione Mariuszowi Kamińskiemu. Prokuratura w Rzeszowie prowadzi ?ledztwo ws. afery gruntowej. Dzi? poinformowano, że Kamiński jest już podejrzany w tej sprawie. Zdaniem PiS, do momentu wybuchu afery hazardowej, ?ledztwo zmierzało w kierunku umorzenia.
  55.  
  56. </div>
  57. </div>
  58.  
  59.   </body>
  60. </html>
[HTML] pobierz, plaintext


A jeśli chodzi o kolumny równych wysokości, to wydaje mi się, że te metody są lepsze (metoda 3): http://vivee.info/2008/01/10/kolumny-rowne...ca-css/#more-70

Ten post edytował t4keda 26.10.2009, 13:41:15
Go to the top of the page
+Quote Post
Gabrielx
post 29.12.2009, 00:51:01
Post #3





Grupa: Zarejestrowani
Postów: 157
Pomógł: 2
Dołączył: 24.03.2009

Ostrzeżenie: (0%)
-----

Ok. Dzięki z pomoc smile.gif

Teraz pracuję nad rozmieszczeniem przycisków. Wiem że mogę to zrobić za pomocą 'position:absolute' ale to w moim rozwiązaniu nie działa(użycie wyśrodkowania margin: 0 auto 0 auto;) a poza tym jest przez wielu uważane za prymitywne.
Mam taki layout, w miejscu liter są buttony. W jaki sposób można coś takiego uzyskać? Nie podsyłajcie mi kodu, proszę o jakieś rady.

http://img22.imageshack.us/img22/8788/butonp.jpg - naglowek
(rysunek ma to wszystko zobrazować smile.gif)
[HTML] pobierz, plaintext 
  1. body{
  2.     background-color: yellow;
  3.     }    
  4.     #container {
  5.         width:800px;
  6.         overflow:hidden;
  7.         margin: 0 auto 0 auto;
  8.  
  9.         }
  10.     #up{
  11.     width:800px;
  12.     margin-bottom:-4000px;
  13.     padding-bottom:4000px;
  14.     background:brown;
  15.     }
  16.     #lewo {
  17.     clear:both;
  18.         width:600px;
  19.         float:left;
  20.         margin-bottom:-6000px;
  21.         background:red;
  22.         padding-bottom:6000px;
  23.     }
  24.  
  25.     #prawo {
  26.         width:200px;
  27.         float:left;
  28.         margin-bottom:-2000px;
  29.         padding-bottom:2000px;
  30.         background:grey;
  31.  
  32.     }
  33.     #down{
  34.     width:800px;
  35.     height: 66px;
  36.     background: url('stopka.jpg');
  37.     float:left;
  38.     clear:left;
  39.     display: block;
  40.  
  41.     }
[HTML] pobierz, plaintext


Ten post edytował Gabrielx 29.12.2009, 02:42:01
Go to the top of the page
+Quote Post
Blame
post 29.12.2009, 11:39:26
Post #4





Grupa: Zarejestrowani
Postów: 678
Pomógł: 124
Dołączył: 26.09.2009

Ostrzeżenie: (0%)
-----

Jeśli chodzi o te buttony aaaa... bbbb... i ccc... to zainteresuj się czymś takim jak poziome menu oparte na liście. A te okrągłe "B" to chyba tylko position.


--------------------
Napisane z palca! <- to tak dla lansu ;)
FancyStudio.pl - Tworzenie Stron WWW w Oparciu o XHTML, CSS, JS, PHP i MySQL.
Mój blog :: Portfolio Fotograficzne Igora Biedrawy
Go to the top of the page
+Quote Post
Gabrielx
post 8.01.2010, 00:15:33
Post #5





Grupa: Zarejestrowani
Postów: 157
Pomógł: 2
Dołączył: 24.03.2009

Ostrzeżenie: (0%)
-----

Mam tylko teraz jedno pytanie. Co mam zrobić z tym nagłówkiem? Bo teraz go pociąłem i go odpowiednio zaprogramowuję (sam nagłówek podzielił się na wiele wiele części). Jak wy to zwykle robicie?

To co napisałem przeszło walidację (w3c), ale kod wygląda brzydko. Mogę zmienić nazwy id, ale to i tak będzie nieładne ;].
[HTML] pobierz, plaintext 
  1. <div id="up"><div id="a1"></div>
  2. <div id="a2">
  3.     <div id="a3">
  4.     <div id="a4">
  5.     </div></div>
  6. </div>
  7.  
  8. <div id="a5">
  9.     <div id="a6">
  10.     <div id="a7">
  11. </div></div>
  12. <div id="a8"><div id="a9"><div id="a10"></div></div>
  13. <div id="a11"></div>
  14.  
  15. </div>
  16.  
  17.  
  18. </div>
  19. <div id="a12">
  20.     <div id="a13">
  21.     <div id="a14">
  22. </div></div>
  23. </div>
  24. </div>
[HTML] pobierz, plaintext


Pociąłem to w ps a potem zaprogramowałem pocięte fragmenty. Dobrze zrobiłem?

Ps. Nie wiem, może nie doczytałem ale czy można używać/deklarować dwa razy te samo ID za pomocą DIV? Bo jak pierwszy raz używałem walidacji to wyskoczył mi błąd, że ożyłem dwa razy <div id="tekst">.

Celowo nie edytowalem.

Ten post edytował Gabrielx 8.01.2010, 00:16:18
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 05:16
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn