Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [xhtml] rozlatujące się DIV
dplus
post 1.11.2006, 19:07:54
Post #1





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 1.11.2006

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


Mam taki oto kod (dopiero się wdrażam w xhtml, wcześniej tylko html 4.0) w którym walczę z divami: http://tinyurl.com/yktpjz . Nie rozszerzają się na taki rozmiar jaki chcę ustalić - co robię źle?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 9)
envp
post 1.11.2006, 19:26:45
Post #2





Grupa: Zarejestrowani
Postów: 359
Pomógł: 1
Dołączył: 16.04.2006
Skąd: Łódź

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


moze jakis kod i dokladnie powiesz co sie nie rozszeza i gdzie ?
Go to the top of the page
+Quote Post
dplus
post 1.11.2006, 19:50:22
Post #3





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 1.11.2006

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


tutaj jest kod: http://tinyurl.com/yktpjz
nie rozszerza mi się prawidłowo class "menu" czyli miejsce gdzie ma być menu na stronie - teraz jest sam napis menu.

wogole to proszę o jakieś oceny mojego podejścia do pisania kodu na podstawie tych źródeł - dobrze wszystko robię?

aha - i jak wyśrodkować mniej więcej stronę?
Go to the top of the page
+Quote Post
gekon
post 2.11.2006, 13:06:39
Post #4





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

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


Zacznę może od oceny:
1. Na początek używaj XHTMLa 1.0 Transitional (jeżeli koniecznie musisz XHTMLa, chociaż najlepiej zacząć naukę od HTML 4.01 Strict). Dzięki temu np.: IE i przeglądarki będą podobnie interpetować kod.
2. Znajdź sobie jakiś kurs XHTMLa z wyjaśnieniem jego składni (kurs.browsehappy.pl albo www.kurshtml.boo.pl). W XHTMLu wiele rzeczy zostało przeniesionych do CSSa.
3. O wyśrodkowaniu pisał m.in. Riddle, to samo jest w Kursie Browse Happy.

A co do Twojego problemu: w CSS KONIECZNIE trzeba podawać jednostki, nie wystarczy samo:
  1. height: 400; width: 160;

Powinno być:
  1. height: 400px; width: 160px;


Ten post edytował gekon 2.11.2006, 13:07:14


--------------------
Pokaż kod = Pokaż CAŁY kod, najlepiej działający na jakimś serwerze.
Fanatycy | glazar.info | semantyka | HTML i XHTML FAQ
Go to the top of the page
+Quote Post
Fusin
post 2.11.2006, 14:09:22
Post #5





Grupa: Zarejestrowani
Postów: 39
Pomógł: 0
Dołączył: 25.09.2006
Skąd: Sucha Beskidzka

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


Co to jest:
Kod
<body bgcolor="white" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
?
Skoro korzysasz z css'a to korzystaj z niego poprawnie...

Ten post edytował Fusin 2.11.2006, 14:09:43


--------------------
Ubuntu 6.10
$Kobieta zmienną jest ;)
Go to the top of the page
+Quote Post
hidee
post 7.11.2006, 08:21:02
Post #6





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 7.11.2006

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


Nie pisz body leftmargin="0" itd, ponieważ w body nie ma atrybutu left-margin. Napisz w stylach:

body
{
margin:0px;
padding:0px;
overflow:auto;
}

ostatni wpis usuwa w IE denerwujący nieaktywny pionowy scrollbar. Pokaże się tylko gdy będzie potrzebny.

Ten post edytował hidee 26.03.2007, 10:21:46


--------------------
Wygląd systemu operacyjnego można zmienić za pomocą alternatywnej powłoki Windows.
Go to the top of the page
+Quote Post
dplus
post 13.11.2006, 12:02:29
Post #7





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 1.11.2006

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


dzięki za pomoc:)
wszystko się zgadza


pozdrawiam

zastosowałem zmiany i wszystko wygląda ok, oprócz poziomej przerwy pomiędzy div z górną grafiką (gora.jpg) a pozostalymi div-ami: z menu i foto.jpg.

jak tego się pozbyć? szukałem na kursach, ale nie mogę nic adekwatnego odnaleźć.
Go to the top of the page
+Quote Post
hidee
post 20.11.2006, 14:49:29
Post #8





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 7.11.2006

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


Spróbuj:

img.dol
{
vertical-align:bottom;
margin:0px;
border-style:none;
}

Nie wiem jak masz wstawiony obrazek i div (nie znam kodu), więc inaczej na razie nie mogę Ci pomóc. guitar.gif

możesz też pobawić się line-height:0px;, ale lepiej przyślij kod to odpowiem Ci niebawem, bo z line-height czasami są problemy (oczywiście nie w FF)

Ten post edytował hidee 26.03.2007, 10:22:01


--------------------
Wygląd systemu operacyjnego można zmienić za pomocą alternatywnej powłoki Windows.
Go to the top of the page
+Quote Post
dplus
post 20.11.2006, 23:37:00
Post #9





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 1.11.2006

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


Respect! Brakowało właśnie vertical-align:bottom;
Ogromne dzięki za pomoc. A kod był wyżej jakby co smile.gif

Zajmowałem się html od kilku dobrych lat, a teraz przeżywam okrutne męki z tym xhtml :/, ale dzięki pomocy jakoś się da przebrnąć - czy też zauważyliście brak dobrych materiałów dot. xhtml? specyfikacja napisana chyba dla maszyn, a kurs browsehappy mimo że sympatyczny, to nie da się w nim znaleźć odpowiedzi na problemy jakie np. ja napotkałem.
Go to the top of the page
+Quote Post
3man
post 25.03.2007, 22:17:37
Post #10





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 25.03.2007

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


Witam. to dość stary temat, ale chciałem podziękować wszystkim ludziom piszącym na tym Forum. Dzieki Wam pytającym i odpowiadającym , znalazłem odpowiedzi na parę trudnych spraw. Dzięki Wam przeszukiwanie sieci ma sens. a niekiedy długo się szuka odpowiedzi, tak aby nie zadawać jakiegoś pytania po raz kolejny.

Dopiszę jeszcze, że poziomą przerwę , o której mowa 3 posty wyżej , można zlikwidować tak jak to jest podane i dodatkowo określając rozmiar div'a dokładnie taki jak obrazka w nim.
Pozdrawiam
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 03:29