Zaloguj się

pawelkop14 · 01-03-2011, 23:48

Nie związane z tematem, ale chciałem zapytać jak zrobić żeby strona strona pokazywała różne rzeczy w tych samych proporcjach na różnych ekranach, chodzi mi o to, że robię stronę na laptopie, który ma monitor 15 cali i chciałbym, żeby strona wygladała dokładnie tak samo na moniotrze np. 17 czy 19 calowym. I czy jest możliwość, aby zrobić to bez używania jakichkolwiek skryptów, tak jak powyżej wspominałem zależy mi, aby strona była w czystym htmlu.

R_Rafalsky · 02-03-2011, 01:14

Do tego nie potrzeba żadnych skryptów. Robisz po prostu stronę o stałej szerokości używając do tego w CSS wartości pixelowych. Wszelkie wymiary podawaj w pixelach i strona będzie miała identyczne wymiary na każdym komputerze w każdej przeglądarce.

pawelkop14 · 02-03-2011, 01:30

A bez css nie da rady tego zrobić prawda ?

R_Rafalsky · (Ten post był ostatnio modyfikowany: 02-03-2011, 17:21 przez R_Rafalsky.)

Nie wiem jak TY chcesz zrobić stronę jakkolwiek wyglądającą bez CSS... Można za pomocą starych styli ale to już wyginęło wraz z dinozaurami więc wręcz nie wolno do tego powracać bo jeszcze nasz świat skarzesz na zagładę!
Coś chyba mi się zdaje, że Twój nauczyciel jest starszy od węgla.

**Kartofelek** · 02-03-2011, 17:33

A może ty nie zrozumiałeś nauczyciela? Strona bez CSS (a i jak mówiłeś nie we flashu) w dzisiejszych czasach w 99% nie ma prawda istnieć.

pawelkop14 · Liczba postów: 8 Liczba wątków: 1 Dołączył: 24-02-2011 Reputacja: 0

Dokładnie to ma być strona internetowa na temat zainteresowań, która ma być napisana jak wcześniej wspomniałem w czystym htmlu bez używania jakichkolwiek skryptów i css.

**Kartofelek** · (Ten post był ostatnio modyfikowany: 02-03-2011, 20:44 przez Kartofelek.)

Kod:
<!DOCTYPE html>

<html lang="pl">

<head>

    <meta charset="utf-8" />

    <title> ... </title>

</head>

<body>

    <div>

        <h1>Moje zainteresowania</h1>

        <ul>

            <li><a href="#podstawowe">Super podstawowe</a></li>

            <li><a href="#inne">Inne zainteresowania</a></li>

            <li><a href="#buraki">Zainteresowania burakami</a></li>

        </ul>

        <hr />

        <h3 id="podstawowe">Super podstawowe</h3>

        <p>

        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In libero arcu, vulputate sit amet mattis sit amet, ultrices in erat. Aenean suscipit arcu ac lorem lacinia ut scelerisque turpis commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas non justo vitae risus ornare convallis. Phasellus tristique ultricies leo, vitae posuere quam sollicitudin ut. Praesent eget neque sit amet augue bibendum accumsan. Morbi sed fringilla sem. In quam lectus, placerat in laoreet in, ullamcorper vel lacus. Nunc pellentesque suscipit sollicitudin. Aenean sollicitudin metus eget lectus rutrum luctus. Aliquam erat volutpat. Integer nulla erat, auctor vitae blandit ac, vestibulum in turpis. Mauris nec velit enim, vitae elementum risus. Aliquam nisi lectus, interdum a viverra ut, tristique at risus. Aliquam sit amet risus sed ante consequat bibendum. In bibendum, libero sit amet hendrerit commodo, ligula metus lobortis elit, vitae vulputate nibh lacus condimentum felis. Nullam a dolor ut diam ultrices malesuada. Fusce lacus nibh, facilisis sed semper quis, ornare id mauris. 

        </p>

        <hr />

        <h3 id="inne">Inne</h3>

        <p>

        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In libero arcu, vulputate sit amet mattis sit amet, ultrices in erat. Aenean suscipit arcu ac lorem lacinia ut scelerisque turpis commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas non justo vitae risus ornare convallis. Phasellus tristique ultricies leo, vitae posuere quam sollicitudin ut. Praesent eget neque sit amet augue bibendum accumsan. Morbi sed fringilla sem. In quam lectus, placerat in laoreet in, ullamcorper vel lacus. Nunc pellentesque suscipit sollicitudin. Aenean sollicitudin metus eget lectus rutrum luctus. Aliquam erat volutpat. Integer nulla erat, auctor vitae blandit ac, vestibulum in turpis. Mauris nec velit enim, vitae elementum risus. Aliquam nisi lectus, interdum a viverra ut, tristique at risus. Aliquam sit amet risus sed ante consequat bibendum. In bibendum, libero sit amet hendrerit commodo, ligula metus lobortis elit, vitae vulputate nibh lacus condimentum felis. Nullam a dolor ut diam ultrices malesuada. Fusce lacus nibh, facilisis sed semper quis, ornare id mauris. 

        </p>

        <hr />

        <h3 id="buraki">Zainteresowania burakami</h3>

        <p>

        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In libero arcu, vulputate sit amet mattis sit amet, ultrices in erat. Aenean suscipit arcu ac lorem lacinia ut scelerisque turpis commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas non justo vitae risus ornare convallis. Phasellus tristique ultricies leo, vitae posuere quam sollicitudin ut. Praesent eget neque sit amet augue bibendum accumsan. Morbi sed fringilla sem. In quam lectus, placerat in laoreet in, ullamcorper vel lacus. Nunc pellentesque suscipit sollicitudin. Aenean sollicitudin metus eget lectus rutrum luctus. Aliquam erat volutpat. Integer nulla erat, auctor vitae blandit ac, vestibulum in turpis. Mauris nec velit enim, vitae elementum risus. Aliquam nisi lectus, interdum a viverra ut, tristique at risus. Aliquam sit amet risus sed ante consequat bibendum. In bibendum, libero sit amet hendrerit commodo, ligula metus lobortis elit, vitae vulputate nibh lacus condimentum felis. Nullam a dolor ut diam ultrices malesuada. Fusce lacus nibh, facilisis sed semper quis, ornare id mauris. 

        </p>

    </div>

</body>

</html>

pawelkop14 · Liczba postów: 8 Liczba wątków: 1 Dołączył: 24-02-2011 Reputacja: 0

Dzięki, to akurat umiem :] Zamykam temat i jeszcze raz dzięki za pomoc.

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie