Podstrony
- telcocafe
- [HTML] Logowanie do ftp poprzez pole tekstowe Jak zrobić logowanie do ftp poprzez pole
- [HTML] Zła pozycja obrazka tła w tabeli Zła pozycja obrazka tła w komórce tabeli
- [html] Newsy i suwak - jak to zrobić? Jak zrobić suwak?
- [HTML] Miejsce pod formularzem Jak usunąć miejsce pod formularzem?
- [HTML] '*' == ?
- Usuwanie zbednych linijek kodu Program do usuwania linijek html
- [HTML] Formularz liczący punkty Coś w rodzaju testu liczącego punkty ;)
- [html] Polskie znaki Po wsadzeniu banera, zniknęły polskie znaki
- [html]W jakiej technice zrobić stronkę? Jestem grafikiem a chce zrobić stronkę....
- [HTML] Wyrównanie do lewej NIE DZIAŁA!!!
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- kudrzwi.htw.pl
telcocafe
Witam ! Jak w temacie, chcę mieć u góry logo , po lewej menu, i kolumnę(stopka opcjonalnie). Ramek też nie chcę. Jak to zapisać za pomocą elementu div ? Wiem ż edo tego trzeba użyć styli css.Popatrz, jak są zrobione inne szablony (np. TEN)
Mniej więcej tak:
index
<HTML> <HEAD> <LINK REL="Stylesheet" TYPE="text/css" HREF="styl.css"> </HEAD> <BODY> <img src="grafika/logo.gif" class="logo"> <!-- menu (lewa --> <div class="link"> <img src="grafika/tab_gora" class="tab_gora"> <table class="tablink"> <tr> <td> <a href="" class="link">link 1</a> </td> </tr> <tr> <td> <a href="">link 2</a> </td> </tr> <tr> <td> <a href="">link 3</a> </td> </tr> <tr> <td> <a href="">link 4</a> </td> </tr> </table> </div> <!-- end menu (lewa) --> <!-- środek --> <table border=1 class="tabtext"> <tr> <td> text główny dsadsadsadsadsadsadasdsadsa dasdasdjshuaiudshyuifhsdhjhkdhffhlhksdhdkffhjfhdjfhldfhsjsjlshfsfshiurenrbewhbfjfijsdifsduihwebjkrwejkbrew \fsdlkfjdskfhljksfdsfuihwerewbrkerewrfdsvijhdijfhsafaserewrewnljukhlsdkdsfsadf sdakjfduiviucvcxzvh;iesrkewnrkewr;'leorjiohfiosdfsadifhodsfsdafdsfsd'fdfsd </td> </tr> </table> <!-- end środek --> </BODY> </HTML>
.css
body { background-color: black; text-decoration: none; } div.link { color: red; margin: 50px; } .tab_gora { position: absolute; margin-top: 80px; } .tablink { position: relative; width: 100px; text-align: center; margin-left: 40px; margin-top: 135px; } .tabtext { position: relative; background: white; width: 71%; text-align: left; margin-left: 209px; margin-top: -140px; } .logo { position: absolute; margin-left: 88px; margin-right: 50px; margin-top: 10px } a:link { color: red; background: green } a:hover { background: blue; color: red decoration: underline; } a:active { background: olive; color: black } a:focus { color: blue; background: red }
napisałem tak , i wszystko ok, ale tex nie jest w środku tylko na dole.
Użytkownik grzesiu_12 edytował ten post 11 grudzień 2005, 20:02
Tutaj masz tutorial do układu z topem, trzema kolumnami i stopką. Na divach, nie na tabelkach jak ci kolega Dawid_Fix napisał.
Dzięki. Właśnie mi chodziło o div'y , ponieważ na tabelkach coś źle wychodzi , a w książce pisało że W3C nie poleca ramek.(ale co mi tam :P).Takie coś można wygenerować na css creator
Użytkownik grzesiu_12 edytował ten post 12 grudzień 2005, 14:56
sorki pomylilem kody^^