Witam. Jest to mój pierwszy layout, który wykonałem sam. Wcześniej bazowałem na darmowych stylach, które lekko przerabiałem. Co do grafiki.. jest jaka jest i wiem, że można ją poprawić. Była ona robiona na szybko tylko w celu sprawdzenia swoich możliwości w kodowaniu, więc nie będę w tym projekcie przywiązywał większej wagi do tego. Bardziej chodzi mi o ocenę, wytknięcie błędów i ewentualne sugestie co do kodu, gdyz jest to mój pierwszy layout jak juz napisałem. Nie do końca ogarniam jeszcze sposobu działania niektórych atrybutów w css, wiec niektóre z nich pojawiły się w pliku 'style.css' tylko dlatego, że ładnie się wyświetlało.
Adres strony http://shivera.ayz.pl/
Pełna wersja: [ocena] kodowanie layoutu
Nie ma tu zbyt dużo do kodowania 
po co te klasy przy p ?
zrób w css'ie
i nie wiem po co to ? i co to jest ?
Kod
<div id="content_right">
<h2>Lorem Ipsum</h2>
<p class="rightTxt1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at lorem nec turpis scelerisque eleifend sit amet ac nibh. Maecenas sapien nisl, tempus non rhoncus non, fermentum ut magna. Nulla facilisi. Aenean sed justo in nulla dictum laoreet non ac ante. Vestibulum laoreet auctor pretium. Nulla id libero non leo pulvinar pharetra. In vel dictum odio. Morbi mollis tincidunt justo, ac commodo ipsum auctor quis. Ut diam enim, volutpat ut euismod eget, ullamcorper eget velit. Donec aliquam facilisis mi, eu accumsan tortor laoreet ultricies. Vivamus eu dolor a quam mollis sodales in quis justo.
</p>
<p class="rightTxt1">
Sed vulputate sem at erat pharetra vel facilisis purus rutrum. Suspendisse potenti. Etiam nec mi diam. Nunc aliquam nisi vel metus ultricies sit amet malesuada arcu viverra. Phasellus placerat, velit et pretium commodo, lacus purus bibendum ipsum, sed eleifend tellus augue non arcu. In quis eros ut nulla congue volutpat. Cras ut sapien metus. Ut ac nulla sed mauris semper vulputate volutpat a ante. Suspendisse ac dui mi. Morbi dictum lacus eget sem sollicitudin tristique.
</p>
<h2>Lorem Ipsum</h2>
<p class="rightTxt1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at lorem nec turpis scelerisque eleifend sit amet ac nibh. Maecenas sapien nisl, tempus non rhoncus non, fermentum ut magna. Nulla facilisi. Aenean sed justo in nulla dictum laoreet non ac ante. Vestibulum laoreet auctor pretium. Nulla id libero non leo pulvinar pharetra. In vel dictum odio. Morbi mollis tincidunt justo, ac commodo ipsum auctor quis. Ut diam enim, volutpat ut euismod eget, ullamcorper eget velit. Donec aliquam facilisis mi, eu accumsan tortor laoreet ultricies. Vivamus eu dolor a quam mollis sodales in quis justo.
</p>
<p class="rightTxt1">
Sed vulputate sem at erat pharetra vel facilisis purus rutrum. Suspendisse potenti. Etiam nec mi diam. Nunc aliquam nisi vel metus ultricies sit amet malesuada arcu viverra. Phasellus placerat, velit et pretium commodo, lacus purus bibendum ipsum, sed eleifend tellus augue non arcu. In quis eros ut nulla congue volutpat. Cras ut sapien metus. Ut ac nulla sed mauris semper vulputate volutpat a ante. Suspendisse ac dui mi. Morbi dictum lacus eget sem sollicitudin tristique.
</p>
</div>
<h2>Lorem Ipsum</h2>
<p class="rightTxt1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at lorem nec turpis scelerisque eleifend sit amet ac nibh. Maecenas sapien nisl, tempus non rhoncus non, fermentum ut magna. Nulla facilisi. Aenean sed justo in nulla dictum laoreet non ac ante. Vestibulum laoreet auctor pretium. Nulla id libero non leo pulvinar pharetra. In vel dictum odio. Morbi mollis tincidunt justo, ac commodo ipsum auctor quis. Ut diam enim, volutpat ut euismod eget, ullamcorper eget velit. Donec aliquam facilisis mi, eu accumsan tortor laoreet ultricies. Vivamus eu dolor a quam mollis sodales in quis justo.
</p>
<p class="rightTxt1">
Sed vulputate sem at erat pharetra vel facilisis purus rutrum. Suspendisse potenti. Etiam nec mi diam. Nunc aliquam nisi vel metus ultricies sit amet malesuada arcu viverra. Phasellus placerat, velit et pretium commodo, lacus purus bibendum ipsum, sed eleifend tellus augue non arcu. In quis eros ut nulla congue volutpat. Cras ut sapien metus. Ut ac nulla sed mauris semper vulputate volutpat a ante. Suspendisse ac dui mi. Morbi dictum lacus eget sem sollicitudin tristique.
</p>
<h2>Lorem Ipsum</h2>
<p class="rightTxt1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at lorem nec turpis scelerisque eleifend sit amet ac nibh. Maecenas sapien nisl, tempus non rhoncus non, fermentum ut magna. Nulla facilisi. Aenean sed justo in nulla dictum laoreet non ac ante. Vestibulum laoreet auctor pretium. Nulla id libero non leo pulvinar pharetra. In vel dictum odio. Morbi mollis tincidunt justo, ac commodo ipsum auctor quis. Ut diam enim, volutpat ut euismod eget, ullamcorper eget velit. Donec aliquam facilisis mi, eu accumsan tortor laoreet ultricies. Vivamus eu dolor a quam mollis sodales in quis justo.
</p>
<p class="rightTxt1">
Sed vulputate sem at erat pharetra vel facilisis purus rutrum. Suspendisse potenti. Etiam nec mi diam. Nunc aliquam nisi vel metus ultricies sit amet malesuada arcu viverra. Phasellus placerat, velit et pretium commodo, lacus purus bibendum ipsum, sed eleifend tellus augue non arcu. In quis eros ut nulla congue volutpat. Cras ut sapien metus. Ut ac nulla sed mauris semper vulputate volutpat a ante. Suspendisse ac dui mi. Morbi dictum lacus eget sem sollicitudin tristique.
</p>
</div>
po co te klasy przy p ?
zrób w css'ie
Kod
#content_right p
i nie wiem po co to ? i co to jest ?
Kod
<div id="logo"></div>
<div id="menu"></div>
<div id="menu"></div>
Cytat(Poker @ 6.09.2009, 13:03:21 ) 
i nie wiem po co to ? i co to jest ?
Kod
<div id="logo"></div>
<div id="menu"></div>
<div id="menu"></div>
To są divy które wyświetlają mi logo i menu pod logiem.
logo powinno być klikalne i odsyłać do strony głównej serwisu
Menu to u Ciebie zakładka Menu i News, każde z nich powinno być osobno
Menu to u Ciebie zakładka Menu i News, każde z nich powinno być osobno
W pewnym sensie masz racje, sadze jednak, ze sa to szczegóły dzieki którym kod staje się bardziej przejrzysty. Uwzględnię to w następnym projekcie.
Ale jak na pierwsze kodowanie layoutu to wyszlo całkiem całkiem?
Ale jak na pierwsze kodowanie layoutu to wyszlo całkiem całkiem?
Taki klocek przy składaniu można jeszcze spokojnie przyciąć:
http://shivera.ayz.pl/images/ind_01.gif
No i logo powinno być klikalne.
http://shivera.ayz.pl/images/ind_01.gif
No i logo powinno być klikalne.
1. Dlaczego nagłówki paneli są od razu podpisane, i nie mają naniesione tekstu za pomocą kodu?
2. http://shivera.ayz.pl/images/ind_01.gif - radzę pociąć w mniejszy kawałeczek, choćby 1px szerokości.
3. Ustaw stopkę na margin-bottom: 5px; bo za bardzo przylega do dołu wg mnie.
2. http://shivera.ayz.pl/images/ind_01.gif - radzę pociąć w mniejszy kawałeczek, choćby 1px szerokości.
3. Ustaw stopkę na margin-bottom: 5px; bo za bardzo przylega do dołu wg mnie.
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.