+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: problem z pociętym szablonem strony (/thread-problem-z-pocietym-szablonem-strony)
problem z pociętym szablonem strony - fred12 - 23-12-2010
RE: problem z pociętym szablonem strony - www.skrypty.pro - 24-12-2010
Moim skromnym zdaniem to jak pociłeś dobrze layot to kodujesz wszystko sam w css. bez używania tabelek z tym że to jest troszkę roboty ale za to uzyskasz pożądany efekt na 100%
RE: problem z pociętym szablonem strony - Kartofelek - 26-12-2010
Szablony rób w 960 albo w 1140 px (odpowiednie gridy-templajty znajdziesz w necie).
Oczywiście stronę bez problemu sobie zważysz. Wystarczy że cała góra będzie jako oddzielny div, a dol wraz z menu jako kolejny:
Kod:
<div class="container">
<div class="header">
<ul class="menu">
<li class="menu_our_page"><a href="">Nasza strona</a></li>
<li class="menu_our_auction"><a href="">Nasze aukcje</a></li>
<li class="menu_comment"><a href="">Komentarze</a></li>
</ul>
</div>
<div class="main">
<div class="left_menu">
</div>
<div class="content">
</div>
</div>
</div>Kilka podpowiedzi do stylowania:
container - width; margin:0 auto;
header - clear:both; height; width overflow:hidden;
menu - float right; width; height
LI w menu float:left; width; height;
A w menu display:block; text-indent:-999px; width:100%; height;
main - clear:both; overflow:hidden;
left_menu - float:left; width
content - float:right; width;
Całość grafiki z tego co widzę można bez problemu wrzucić jako 1 obrazek i potem za pomocą css go pociąć. Pisałem o tym już nie raz na tym forum. Wystarczy że przejrzysz kilka postów.
RE: problem z pociętym szablonem strony - fred12 - 26-12-2010
dzięki za podpowiedź, udało mi się osiągnąć to co chciałem