-
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
- 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>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2024-11-08 Belka
- 2024-11-09 pierdolec na punkcie psa
- 2024-11-09 Warszawa => Sales Executive <=
- 2024-11-09 Wrocław => SAP BTP Consultant (mid/senior) <=
- 2024-11-09 Warszawa => ECM Specialist / Consultant <=
- 2024-11-09 Warszawa => Senior Frontend Developer (React + React Native) <=
- 2024-11-10 TVN donosi: Obywatelskie zatrzymanie policjanta (nie na służbie)
- 2024-11-08 Warszawa => Head of International Freight Forwarding Department <=
- 2024-11-08 Warszawa => Key Account Manager <=
- 2024-11-08 Szczecin => Key Account Manager (ERP) <=
- 2024-11-08 Białystok => Full Stack web developer (obszar .Net Core, Angular6+) <
- 2024-11-08 Wrocław => Senior PHP Symfony Developer <=
- 2024-11-08 Warszawa => QA Engineer <=
- 2024-11-08 Warszawa => QA Inżynier <=
- 2024-11-08 Warszawa => Key Account Manager <=