Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]kodowanie strony
Forum PHP.pl > Forum > Przedszkole
gosienkami
Czy macie jakiś tutek do zakodowania stronki za pomocą css na divach?
wookieb
http://kurs.browsehappy.pl
gosienkami
czy ktos by mogłby mi wytłumaczyć jak zakodowac menu, tylko bez czerwonej belki

http://www.fotosik.pl/pokaz_obrazek/be48d1a9aca631f2.html

i jak umiescic ta ramke w 4 ćwiartce strony i rozmiescic krawedzie w css

http://www.fotosik.pl/pokaz_obrazek/1210c33eed5ddbb3.html
Lion_87
Cytat
czy ktos by mogłby mi wytłumaczyć jak zakodowac menu, tylko bez czerwonej belki

Różnie. Kwadratowo i ...

No może być np z uzycuem UL LI + float:left;
Wejdz sobie na jakąs stronke co takie menu ma i zobacz w żródło strony OR w jakiś generator menu.
gosienkami
chodziło mi o jakis szablon kodowania menu w css, ktore bedzie pociete, a nie generator
Lion_87
Cytat
chodziło mi o jakis szablon kodowania menu w css, ktore bedzie pociete, a nie generator

A co rozumiesz przez pojęcie szblon ? kod? no to jak wygenerujesz sobie takie menu to bedziesz miala i kod

Kod
ul.menu{
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.menu li{
float:left;
width: 150px;}


  1. <ul class="menu">
  2. <li>menu 1</li>
  3. <li>menu 2</li>
  4. <li>menu 3</li>
  5. </ul>


Taki kod to i na nauce CSS znajdziesz lub u mnie tongue.gif bo tak nie za bardzo wiem o co Ci kaman.
gosienkami
chodzi mi o kod tego menu. to jest fragment layautu strony zapisany jako jpg., ktory ma być pociety, I nic nie chce robić w generatorze menu.
Lion_87
Ale koleżanko (o ile jesteś kobietą) pewnie że z jpg nie wyciągniesz menu kody. Jasno i wyrażnie mówie że "może" jest stworzony tak jak ja podałem. Każde menu dodatkowo ma background dodane (czyli do LI)
Pilsener
Wystarczy poszukać, kilkadziesiąt menu:

http://css.maxdesign.com.au/listamatic/

Skopiuj sobie któreś.
gosienkami
a jak takiego diva umiescic na x=500px y=300px wzgledem menu.

<div align="center"class="ddl"><div class="ddp"><div class="ggl">
<div class="ggp">
</div> </div></div> </div>
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.