-
Path: news-archive.icm.edu.pl!news.icm.edu.pl!newsfeed2.atman.pl!newsfeed.atman.pl!.P
OSTED!not-for-mail
From: Pit <n...@s...lonestar.org>
Newsgroups: pl.comp.www
Subject: Re: Wyświetlanie kodu na stronie - niechciane paski przewijania - jak je
ukryć?
Date: Sun, 9 Aug 2015 03:43:39 +0000 (UTC)
Organization: ATMAN - ATM S.A.
Lines: 40
Message-ID: <s...@n...lan>
References: <f...@g...com>
NNTP-Posting-Host: user-31-174-5-2.play-internet.pl
Mime-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
X-Trace: node2.news.atman.pl 1439091819 13188 31.174.5.2 (9 Aug 2015 03:43:39 GMT)
X-Complaints-To: u...@a...pl
NNTP-Posting-Date: Sun, 9 Aug 2015 03:43:39 +0000 (UTC)
User-Agent: slrn/1.0.1 (Linux)
Xref: news-archive.icm.edu.pl pl.comp.www:402995
[ ukryj nagłówki ]Dnia 08.08.2015 s...@o...pl <s...@o...pl> napisał/a:
> Witam
>
> Mam stronę: http://szyk.jcom.pl/leakckr.html i w niej parę znaczników <div
class="Code"><pre><code>...</code></pre></div> . Ten div ma atrybut overflow: auto;
po to by pojawiały się paski przewijania wtedy gdy trzeba. I w (FireFoxie) przy w
sekcji "Przykład wywołania skryptu" obok kodu pojawia się pasek przewijania nawet gdy
wszystko mieści się na stronie. W Chrome jest nawet gorzej bo wcześniejsze przykłady
kodu (te powyżej w pojedynczych liniach) też mają pasek przewijania po prawej
stronie.
>
> Chcę te paski przewijania ukryć ale nie wiem jak. Bo wygląda to paskudnie.
>
> Proszę o info jak prawidłowo wklejać kod na stronę tak by nie było pasków
przewijania gdy się wszystko mieści i by się one pojawiały wtedy gdy trzeba.
>
> z góry dzięki
W stylach dla <pre> masz ustawione "line-height: 14px;" czyli linię tekstu
masz co 14 pikseli, ale... czcionka jest wyższa niż 14 pikseli, dlatego
ostatnia linijka tekstu "wystaje" poza obrys (wiem, wiem, nie ma tam
"zapalonych" piksli, ale to nie jest ważne, nawet spacja zajmuje jakiś
obszar). Generalnie przy takim "twardym" formatowaniu jakie stosujesz
wyjścia są dwa:
1) W CSS dla *.Code po prostu olewasz overflow (czyli pozostawiasz domyślny
"visible").
2) Dla "pre" musisz tak dobrać "line-height" (i ewentualnie font-size),
aby wysokość między liniami tekstu była wystarczająca dla danej czcionki i
rozmiaru (na przykład "line-height: 17px;" albo "font-size: 12px;").
Dla testu ustaw sobie na przykład:
pre
{
line-height: 14px;
font-size: 40px;
margin: 0px;
padding: 0px;
background-color: yellow;
}
i sprawdź jak to wygląda (poprzesuwaj scrollem), zwróciwszy uwagę na
ostatnią linijkę - to przerysowany efekt tego co masz u siebie. Obrys
litery "wystaje" poza tło warstwy - u Ciebie dzieje się dokładnie to samo,
tylko że nie widać tego wprost, bo każdy znak oprócz właściwego kształtu ma
jeszcze swój "padding" a czasem i kerning aby wiadomo było jakie odstępy
między znakami/liniami zachować (inaczej byłyby "posklejane").
Następne wpisy z tego wątku
- 09.08.15 10:03 s...@o...pl
Najnowsze wątki z tej grupy
- Perfidne ataki krakerów z KRLD na skrypciarzy JS i Pajton
- Do sądu trafił pozew zbiorowy przeciw Google'owi - oskarżenie o praktyki monopolistyczne na rynku reklamy internetowej
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
Najnowsze wątki
- 2025-07-05 Shrek, wzrośnie cena prądu :-)
- 2025-07-05 Warszawa => Senior Frontend Developer (React + React Native) <=
- 2025-07-05 Środa Wielkopolska => SAP FI/CO Internal Consultant <=
- 2025-07-05 Środa Wielkopolska => SAP FI/CO Konsultant wewnętrzny <=
- 2025-07-06 Płacić za wodę ze studni
- 2025-07-06 Kolejny inżynier...
- 2025-07-05 UE ustępuje pod presją Trumpa. Socjaldemokraci: oddaliśmy miliardy
- 2025-07-04 od kiedy można obrażać Plastusia i do kiedy Batyra?
- 2025-07-05 UE ustępuje pod presją Trumpa. Socjaldemokraci: oddaliśmy miliardy
- 2025-07-03 Trybik
- 2025-07-04 Renault Symbioz
- 2025-07-04 Architektura IIIRP: Wyjątkowa, a prymitywniejsza niż stodoła pod zaborami
- 2025-07-04 Warszawa => International Freight Forwarder <=
- 2025-07-04 Wrocław => SAP ABAP Developer <=
- 2025-07-04 Warszawa => Mid/Senior IT Recruiter <=