W html'u wygląda to następująco:
I teraz co zrobić, aby tekst nie był dzielony przy każdej spacji.
Pełna wersja: Co zrobić aby tekst nie przechodził do nowej lini?
Upraszczając sprawę, to w css'ie mam coś takiego:
W html'u wygląda to następująco:
I teraz co zrobić, aby tekst nie był dzielony przy każdej spacji.
W html'u wygląda to następująco:
I teraz co zrobić, aby tekst nie był dzielony przy każdej spacji.
Kod
#tekst p {
white-space: nowrap;
}
white-space: nowrap;
}
(dla IE działa od v6)
A wcześniejsze wersje?
Mam jeszcze jedno pytanie. Po zastosowaniu sposobu ze strony TwinHelix na przezroczyste png w IE, nie chce mi w tej przeglądarce działać "background-repeat". Jest na to jakiś sposób?
Mam jeszcze jedno pytanie. Po zastosowaniu sposobu ze strony TwinHelix na przezroczyste png w IE, nie chce mi w tej przeglądarce działać "background-repeat". Jest na to jakiś sposób?
A wcześniejsze wersje niet :] Możesz próbować szukać jakiegoś hacka, ale wątpię, żeby był na to. A niżej hack na przezroczystość PNG (używam go na mojej stronie).
Kod
/*
Correctly handle PNG transparency in Win IE 5.5 & 6.
http://homepage.ntlworld.com/bobosola. Updated 18-Jan-2006.
Use in <HEAD> with DEFER keyword wrapped in conditional comments:
<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
*/
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
Correctly handle PNG transparency in Win IE 5.5 & 6.
http://homepage.ntlworld.com/bobosola. Updated 18-Jan-2006.
Use in <HEAD> with DEFER keyword wrapped in conditional comments:
<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
*/
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
Jeszcze coś, co mnie dość irytuje 
Teksty mam umieszczone w znacznikach <p></p>. I teraz w FF powoduje to, że mają one pewien margines, a IE wyświetla wszystko dobrze. Jak możżna usunąć ten margines i tak w zasadzie do czego on służy??
A co do skryptu czachor'a, to używałem go wcześniej, ale od jakiegoś czasu nie chce działać. i to nie tylko mi.
Teksty mam umieszczone w znacznikach <p></p>. I teraz w FF powoduje to, że mają one pewien margines, a IE wyświetla wszystko dobrze. Jak możżna usunąć ten margines i tak w zasadzie do czego on służy??
A co do skryptu czachor'a, to używałem go wcześniej, ale od jakiegoś czasu nie chce działać. i to nie tylko mi.
p{margin:0;padding:0}
niektóre przeglądarki mają dla kilku elementów prdefiniowane style, np. marginesy. zawsze możesz sprobować zresetować wszystkie style
niektóre przeglądarki mają dla kilku elementów prdefiniowane style, np. marginesy. zawsze możesz sprobować zresetować wszystkie style
Następne pytanie
Wykonałem sobie proste menu w css. Użyłem w nim polecenia "div:hover#przycisk1 { background-position: 0 20px; }". Tyle, że w IE jak zwykle to nie chce zadziałać. Jest jakiś sposób na poprawienie tego dla IE?
Wykonałem sobie proste menu w css. Użyłem w nim polecenia "div:hover#przycisk1 { background-position: 0 20px; }". Tyle, że w IE jak zwykle to nie chce zadziałać. Jest jakiś sposób na poprawienie tego dla IE?
IE ma to do siebie, że nie interpretuje pseudoklasy :hover dla elementów innych niż a. Poszukaj na google "css hover ie".
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.