Szkielet HTML
Logowanie
Panel użytkownika
Nazwa użytkownika:
Hasło:
Nie masz jeszcze konta?
Zapomniałem hasła
» Forum » Strefa użytkowników » Pozostałe tematy

Szkielet HTML

Ostatnio zmodyfikowano 2008-07-07 20:10
Autor Wiadomość
DejaVu
» 2008-07-04 16:15:25
Nie rozumiem co piszesz ale spoko ;p

Robienie szkieletu strony na div'ach to niezbyt wypalony pomysł - szczególnie gdy zawartość page'a zawiera kilka zagnieżdżeń div'ów z atrybutem stylu width: 100%. Pomyślę nad zmianą wyglądu strony w tym tygodniu bo na ten obecny to już patrzeć nie mogę :) Co prawda nie ma gotowych plików styli dla strony, ale przynajmniej layout będzie bardziej przyjazny użytkownikowi.
P-915
ecpp-mateusz
» 2008-07-04 16:58:11
Ale to lepsze niż tabele :P .Sprawdź sobie moją stronę jak się postarałem o przyjazny layout :D.
P-916
ecpp-mateusz
» 2008-07-04 17:00:12
Bannery i buttony można zrobić nawet w paint'cie tylko że na stronie trzeba się posłużyć poleceniem odsyłacza obrazkowego a obrazek uploaedować np.na Rapishade.
P-917
DejaVu
» 2008-07-04 23:55:44
W sumie skoro mówisz że tak dobrze znasz <div>'y i tak je zachwalasz, to proponuję żebyś przedstawił ich zalety i zaprezentował przykłady kodu stron, których szerokość określana jest procentowo (np. 100%, szerokość całego layoutu), a reszta pasowana względem pozostałych wartości. Co więcej fajnie by było zobaczyć stronę prezentującą się tak samo pod 3 wiodącymi przeglądarkami - IE, Mozilla, Opera. Później spróbuj wykonać taki layout:
1) obszar strony - lewa część
2) menu - prawa część

Na stronie:
1) 90% szerokości dostępnej strony div, w którym umieszczasz 2 divy dzielące obszar o szerokości 90% na pół.
2) w każdej z podzielonych części umieść 5 linków w słupku (również za pomocą div'ów).

Nie twierdzę, że się nie da tego wykonać żeby działało tak samo pod wszystkimi przeglądarkami, jednak czas wraz z poziomem zagłębień div'ów będzie narastał geometrycznie w celu rozwiązywania takich problemów w przeciwieństwie do tabel, które zawsze są tak samo interpretowane przez każdą przeglądarkę (pomijam tu colspan'y, caption'y i inne bajery).
P-920
ecpp-mateusz
» 2008-07-05 08:26:22
Spróbuje jeszcze żeby jeszcze działało w Netscape bo i ta jeszcze powszechna.Poczekaj min.2 godziny to przedstawię Ci wszystkie zalety wraz z kodem.Chociaż uczę się teraz MySQL i PHP do zrobienia własnoręcznie księgi gości ,ale zrobię jak prosisz.
P-921
ecpp-mateusz
» 2008-07-05 10:15:07
Zalety div-ów :
1.Zmieniasz tylko kilka linijek w arkuszu stylów CSS a możesz zmienić np. kolor elementu ,wyświetlanie ,przyleganie i inne ,zamiast kilkadziesiąt w kodzie HTML.
2.Możesz z łatwością zrobić layout strony.
3.DIV-y nie zmieniają pozycjonowania w wyszukiwarkach a tabele utrudniają wyszukiwanie i służą tylko do przedstawienia danych tabularnych np.cennika jakieś firmy.
Więcej mogę nie wiedzieć ale są jakieś jeszcze.A tu daje kod :

<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<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="Adres_e-mail" />
  <meta name="Authoring-tool" content="Pajaczek NxG PRO v5.7.1" />
  <meta name="author" content="Autor_dokumentu" />
  <meta name="description" content="Opis" />
  <title>Bez Tytułu</title>
<style text/css>
html, body {
background-color: #000;
color: #000;
margin: 0;
padding: 0;
}

#top {
       width: 1004px;
 }

#MENU {
width: 502px;
float: right;
overflow: hidden;
background-color: #FC3;
}

#TRESC {
width: 502px;
float: left;
overflow: hidden;
background-color: #F3C;
}
</style>
</head>
<body>

<div id="top">

<div id="MENU">

<ul>
<li><a href="http://kurshtml.boo.pl">Link 1</a></li>
<li><a href="http://mati-waw111.yoyo.pl">Link 2</a></li>
<li><a href="http://google.com">Link 3</a></li>
<li><a href="http://ddt.pl">Link 4</a></li>
<li><a href="http://halama.pl">Link 5</a></li>
</ul>
</div>

<div id="TRESC">
<ul>
<li><a href="http://mati-waw111.yoyo.pl/zakladka.gif">Link 1</a></li>
<li><a href="http://poczta.wp.pl">Link 2</a></li>
<li><a href="http://poczta.onet.pl">Link 3</a></li>
<li><a href="http://gmail.google.com">Link 4</a></li>
<li><a href="http://skype.com">Link 5</a></li>
</ul>
</div>





</body>
</html>
P-922
DejaVu
» 2008-07-05 12:54:11
A jaki jest adres www Twojej strony? :)
spróbuj zrobić coś takiego, żeby wyświetlało tak samo na różnych przeglądarkach:
C/C++
//Arkusz styli
div.PAGE
{
    width: 98 %;
}

div.MENU
{
    float: right;
    width: 200px;
}
div.NOWOSCIFORUM
{
    width: 95 %;
}

div.NOWOSCI
{
    width: 50 %;
}

div.FORUM
{
    width: 50 %;
    float: right;
}

<div class="MENU">
 tutaj panel z linkami, statystykami itp
</div>
<div class="PAGE">
  <div class="NOWOSCIFORUM">
    <div class="FORUM">
      5 linków w słupku
    </div>
    <div class="NOWOSCI">
      5 linków w słupku
    </div>
  </div>
  <div class="TRESC">
    tutaj jakaś treść
  </div>
</div>
P-923
ecpp-mateusz
» 2008-07-05 13:12:08
Adres mojej strony jest taki:D : http://mati-waw111.yoyo.pl .Właśnie jeszcze wprowadzam poprawki i pracuje nad księgą gości.Ok ,tylko poczekaj :).Czyli jeszcze kod pliku arkuszstyli.css zrobię.A zapomniałbym ,tabele jeśli chciałbyś coś zmienić we wszystkich podstronach to byłoby to żmudna praca a jeśli wstawisz między <head></head> (...)
<link rel="Stylesheet" type="text/css" href="style.css" />
(...)
gdzie style.css to adres do arkusza stylów i przypiszesz ten adres wszystkim podstronom to jak będziesz chciał graficznie coś zrobić czy coś to kilka linijek i z głowy :D.To najważniejsza zaleta CSS.
P-924
1 « 2 » 3 4
Poprzednia strona Strona 2 z 4 Następna strona
» Forum » Strefa użytkowników » Pozostałe tematy
© Wszelkie prawa zastrzeżone 2005-2024