+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: css problemy z pozycjonowaniem (/thread-css-problemy-z-pozycjonowaniem)
css problemy z pozycjonowaniem - Pająk - 06-02-2011
Witam.
Jestem początkujący. Mam problem z css.
Uczę się na Pajączku 5 NxG.
Utworzyłem element strony cos w rodzaju szablonu, który jak bedzie działał, bedzie powtarzalnym fragmentem wiekszej strony.
Arkusz stylu css na podglądzie wyświetla się w miarę poprawnie a na stronie indeksowej nie.
W bloku obejmującym wpisane są cztery bloki wewnętrzne.
W pierwszym jest nr, w drugim fotka, w trzecim opis, a w czwartym dodatkowe dane z odsyłaczem.
Nie wiem dlaczego ostatni wewnętrzny blok przy podglądzie strony ucieka w dół.
Nie wiem też jak ustalić odległość fotki i tekstów od granicy bloków.
Proszę o pomoc, jakie błedy popełniłem.
<STYLE TYPE="text/css">
<!--
BODY {SCROLLBAR-FACE-COLOR: #003399;
SCROLLBAR-HIGHLIGHT-COLOR: #666699;
SCROLLBAR-SHADOW-COLOR: #000033;
SCROLLBAR-3DLIGHT-COLOR: #0099FF;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR:#000066;
SCROLLBAR-DARKSHADOW-COLOR: #99CCCC;
}
* {font-size: 10pt; font-family: cursive; color: #FFFFFF
}
#container
{width: 878px; height: 95px; border: 1px solid #F3F; overflow: hidden; position: absolute;}
#tnr
{width: 45px; height: 95px; border: 1px solid #3CF; float: left;}
#tminifoto
{width: 130px; height: 95px; border: 1px solid #3CF; float: left;}
#topis
{width: 570px; height: 95px; border: 1px solid #3CF; float: left;}
#tterminy
{width: 124px; height: 95px; border: 1px solid #3CF; float: left;}
-->
</STYLE>
____________________________________________________[/size]
<body>
<div id="container">
<div id="tnr"><b>nr 1</b>
</div>
<div id="tminifoto"><img src="p1a.JPG" usemap="#p1ax" width="126" height="95" alt="pokój_1">
<map name="p1ax">
<area shape="rect" coords="1,1,125,93" href="p11amap.html" alt="pokój_1">
</map>
</div>
<div id="topis">fghjkladfsghfjklh
</div>
<div id="tterminy">cvbnmxz
</div>
</div>
</body>
RE: css problemy z pozycjonowaniem - Kartofelek - 06-02-2011
1) wystawiasz strone jak chcesz odpowiedzi
2) ucieka, bo szerokości zajmują więcej niż szerokość bloku ograniczającego
3) blok ograniczający ma position:absolute; co jest głupotą.
4) Formatuj kod, a nie rób zupy.
5)
BODY {SCROLLBAR-FACE-COLOR: #003399;
SCROLLBAR-HIGHLIGHT-COLOR: #666699;
SCROLLBAR-SHADOW-COLOR: #000033;
SCROLLBAR-3DLIGHT-COLOR: #0099FF;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR:#000066;
SCROLLBAR-DARKSHADOW-COLOR: #99CCCC;
Jeżeli ten edytor naprawdę coś takiego ci dał, to go wyrzuć =]
RE: css problemy z pozycjonowaniem - Pająk - 06-02-2011
To jest odpowiedź nastawiana na krytykę a nie na pomoc. Jestem po 70-ce i prosiłem o pomoc.
Znalazłem przyczynę tego uciekania. Zmieniałem arkusz stylu i w pliku indexowym były dwa arkusze, z których stary blokował ten nowy. Usunąłem go i gra.
Szerokości są w porządku działa we wszystkich przegladarkach, więc chyba nie ma błędu. Jak uważasz, że źle zliczone to napisz dlaczego.
Z :absolute; masz rację.
Jak chodzi o scrollbar to wiem, że jest żle, bo wyświetla się tylko w IE. Podpowiedz jak będzie dobrze.
Mam jeszcze trzy pytania.
1. Czy kiedy dwa border: przylegają do siebie to zlicza się obie grubości , czy tylko większą.
2. Jeżeli blok ma jakieś wymiary i grubość border, to jeżeli podaję np. padding to czy liczy się od zawartości do wewnętrznego wymiaru, to jest po odjęciu grubości border, czy inaczej.
3 Jak zapisać w stylach odległość pomiędzy kolejnymi niezależnymi blokami ustawionymi jeden pod drugim.
Pozdrawiam
RE: css problemy z pozycjonowaniem - Kartofelek - 06-02-2011
3) margin + overflow:hidden
2) poszukaj w google "css box model"
1) licza sie sumując.
0) nie ma czegoś takiego jak stylowanie scrollbarów. Istnieją do tego skrypty, ale przeglądarkowych się nie styluje (i baaaaardzo dobrze)
RE: css problemy z pozycjonowaniem - Pająk - 07-02-2011
Dzięki!