ďťż

[HTML, CSS] Format tekstu Test rozjeżdżający się w różnych przegląd.

       

Podstrony


telcocafe

Witam

Mam prawdopodobnie banalny problem, ale sam sobie poradzić nie mogę. <_< Otóż na stronie www.knr.agrobiol.sggw.waw.pl na zakładce absolwenci widać tekst jakby był ustawiony z interlinią 1,5. Lepiej to widać gdy nacisnąć na przykład pierwszy link Sylwetka. Problem jest tylko w Operze i Firefoxie, w IE jest ok.

Próbowałem już różnych opcji i nic. To nie pierwszy raz gdzie umieszczałem na tej stronie tekst i wcześniej wszystko grało. :>

P.S. Uznałem, że lepiej będzie jeśli podam link, a nie będę wklejał kod i screeny. ;)



W CSS -
line-height:X;
gdzie X to odległość między wierszami.

Niestety nie udało się. Umieszczałem tą linię i w pliku z css-em i bezpośrednio w znaczniku <font> i nic :(

Postanowiłem jednak znaleźć przyczynę. Kod zmieniałem znacznik po znaczniku i wiem co powodowało ten problem :D:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Po wykasowaniu tej linijki wszystko gra. Teraz kolejne do was pytanie: co w niej jest zawarte?

Mimo to wielkie dzięki dla @Capitan_V-a

Zawiera deklarację wersji HTML. Pozbawiając plik tej linijki, pozbawiasz stronę zgodności ze standardami.




Zawiera deklarację wersji HTML. Pozbawiając plik tej linijki, pozbawiasz stronę zgodności ze standardami.
A nie wystarczą jej te linijki:
<?xml version="1.0" encoding="iso-8859-2"?> <html xmlns="http://www.w3.org/1999/xhtml">

?? <_<

Jeśli nie to ja tego nie rozumiem: jak coś co musi być jest przyczyną problemu :>

Nie, nie wystarczą.

Tak przy okazji - dlaczego
<frameset rows="100%"><frame name=1 noresize src="http://agrobiol.sggw.waw.pl/~knr/index.html">
jest przed body?


A nie wystarczą jej te linijki:[...]

Robisz jak chcesz - jak chcesz mieć stronę zgodną ze standardami to to umieszczasz, jak nie to nie.

co to za meta?
<META NAME="konwerter" CONTENT="Ogonki97 1.3">

Skoro po usunięciu DOCTYPE działa, to masz coś źle ze standardami. Waliduj stronę i napraw błędy.
Zresztą w dokumencie w ramce masz <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


Tak przy okazji - dlaczego
<frameset rows="100%"><frame name=1 noresize src="http://agrobiol.sggw.waw.pl/~knr/index.html">
jest przed body?

Nie wiem, czy zauważyłeś, ale tam nie ma w ogóle BODY i być nie musi. To nie jest pływająca ramka, tylko strona oparta na ramkach (frameset).

@down: widać coś innego, bo jak napisałem masz stronę opartą na framesecie ;)

//edit: oj spacja nie zaskoczyła :P
Użytkownik DJ_ProG edytował ten post 24 luty 2007, 21:15
Zdziwiły mnie Wasze uwagi dotyczące ramek i okazało się że przy podglądzie źródła widać coś innego :D na pewno nie kod mojej strony :)

Panowie oto kod tej strony:

<?xml version="1.0" encoding="iso-8859-2"?> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" /> <meta http-equiv="reply-to" content="jim_k@o2.pl" /> <meta name="generator" content="WebSite PRO 4.3" /> <meta name="author" content="Bartłomiej Kowalski" /> <meta name="description" content="Absolwenci Wydziału Rolniczego i KNR" /> <title>Absolwenci KNR - AgroSquad</title> <link rel="Stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="container"> <div id="top"></div> <div id="menu"> <a onmouseover="document.image1.src='images/ppp2_02.gif';" onmouseout="document.image1.src='images/ppp_02.gif';" href="ekipa.htm"> <img src="images/ppp_02.gif" border="0" height="75" width="75" name="image1"></a><a onmouseover="document.image2.src='images/ppp2_03.gif';" onmouseout="document.image2.src='images/ppp_03.gif';" href="publikacje.htm"><img src="images/ppp_03.gif" border="0" height="75" width="100" name="image2"></a><a onmouseover="document.image3.src='images/ppp2_04.gif';" onmouseout="document.image3.src='images/ppp_04.gif';" href="dokonania.htm"><img src="images/ppp_04.gif" align="top" border="0" height="75" width="125" name="image3"></a><a onmouseover="document.image4.src='images/ppp2_05.gif';" onmouseout="document.image4.src='images/ppp_05.gif';" href="absolwenci.htm"><img src="images/ppp_05.gif" align="top" border="0" height="75" width="125" name="image4"></a><a onmouseover="document.image5.src='images/ppp2_06.gif';" onmouseout="document.image5.src='images/ppp_06.gif';" href="wypas.htm"><img src="images/ppp_06.gif" align="top" border="0" height="75" width="75" name="image5"></a><a onmouseover="document.image6.src='images/ppp2_07.gif';" onmouseout="document.image6.src='images/ppp_07.gif';" href="historia.htm"><img src="images/ppp_07.gif" align="top" border="0" height="75" width="84" name="image6"></a><a onmouseover="document.image7.src='images/ppp2_08.gif';" onmouseout="document.image7.src='images/ppp_08.gif';" href="info.htm"><img src="images/ppp_08.gif" align="top" border="0" height="75" width="66" name="image7"></a><a onmouseover="document.image8.src='images/ppp2_09.gif';" onmouseout="document.image8.src='images/ppp_09.gif';" href="linki.htm"><img src="images/ppp_09.gif" align="top" border="0" height="75" width="50" name="image8"></a></div> <div id="srodek"><br><br><br> <img style="float: left; margin-right: 5px" src="images/absolwenci_1.jpg"><font class="tekst3">Jan Kazimierz Golba "Johnny"</font><br><br> <font class="tekst">"Rolnictwo to moja pasja, przyjaciele w życiu są najważniejsi, a ponad to znam przepis na sukces i nie zawacham sie go użyć!!"<br>Drugi z trzech Ojców sukcesu KNR. W tej chwili przebywa w Norwegii, podobno pracuje i się uczy :) Twierdzi, że wraca na studia.<br></font> <a href="john.htm" class="link">Sylwetka</a> <br><br> <img style="float: left; margin-right: 5px" src="images/absolwenci_2.jpg"><font class="tekst3">Bartłomiej Stefan Kowalski "Jim"</font><br><br> <font class="tekst">"Dla tego, kto potrafi czekać wszystko przychodzi z czasem..."<br>Włosów długich dawno już nie ma. Naczelny "Wypasu". W KNR zajmował się mediami i multimediami. Admin witryny KNR. No właśnie :) Śmiesznie pisać o sobie w trzeciej osobie.<br><br></font> <a href="jim.htm" class="link">Sylwetka</a><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br> <a href="dokonania.htm" class="link"><center>wstecz</center></a> </div> <div id="jezyki"> <img src="images/ppp_11.gif" width="175" height="50"><a onmouseover="document.image9.src='images/ppp2_12.gif';" onmouseout="document.image9.src='images/ppp_12.gif';" href="index.html"><img src="images/ppp_12.gif" align="top" border="0" height="50" width="125" name="image9" alt="Po naszemu :)"></a><a onmouseover="document.image10.src='images/ppp2_13.gif';" onmouseout="document.image10.src='images/ppp_13.gif';" href="eng.htm"><img src="images/ppp_13.gif" align="top" border="0" height="50" width="100" name="image10" alt="English version"></a><a onmouseover="document.image11.src='images/ppp2_14.gif';" onmouseout="document.image11.src='images/ppp_14.gif';" href="franc.htm"><img src="images/ppp_14.gif" align="top" border="0" height="50" width="125" name="image11" alt="Version Français"></a><img src="images/ppp_15.gif" width="175" height="50"></div> <div id="stopka"><div> </div> </body> </html>

A Ogonki 97 to program do polskich znaków diakrytycznych.


A Ogonki 97 to program do polskich znaków diakrytycznych.
Ale nie możesz wstawić wymyślonych metatagów np. 'konwerter'


Niestety nie udało się. Umieszczałem tą linię i w pliku z css-em i bezpośrednio w znaczniku <font> i nic

Znacznik <font> jest już przestarzały. Używaj lepiej <span>


Ale nie możesz wstawić wymyślonych metatagów np. 'konwerter'

Nie do końca rozumiem. Ten wpis dotyczący ogonków program zrobił sam.

@Uzza
Dzieki. A tak z ciekawości jaka jest widoczna lub funkcjonalna różnica między <font> a <span> ?


A tak z ciekawości jaka jest widoczna lub funkcjonalna różnica między <font> a <span> ?
Tym, że w wersjach Strict HTML i XHTML ten znacznik nie jest zgodny ze standardami. Do <font> używa się zazwyczaj dedykowanych dla niego atrybutów jak face czy size, a w <span> stylów CSS.


Ale nie możesz wstawić wymyślonych metatagów np. 'konwerter'
Jak to nie może? ...


Znacznik <font> jest już przestarzały. Używaj lepiej <span>
Dlaczego lepiej? Osobiście też wolę go używać, ale jeśli ktoś ma stronę w standardach HTML bądź XHTML w wersji Transitional, to nie ma problemu z niezgodnością ze standardami.


Nie wiem, czy zauważyłeś, ale tam nie ma wogóle BODY i być nie musi
Dokładniej - nie może.
Aha, i pisze się "w ogóle"...
Użytkownik Coldpeer edytował ten post 24 luty 2007, 21:08
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.