 [CSS] jak to działa? |
  |
| [CSS] jak to działa? |
 3.03.2009, 21:07:44
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 37 Pomógł: 0 Dołączył: 28.02.2009 Ostrzeżenie: (0%) 
 |
Witam.
Mógł by mi ktoś pokrótce wytłumaczyć jak działa CSS? Czytam już pół dnia różne kursy i nic nie działa... |
 |
 
|
|
3.03.2009, 21:10:09
Post
#2
|
|
 Grupa: Zarejestrowani Postów: 1 012 Pomógł: 109 Dołączył: 26.09.2003 Skąd: nexis.pl Ostrzeżenie: (0%)
|
Co nie działa? Co czytałeś?
-------------------- |
|
|
|
|
3.03.2009, 21:16:35
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 37 Pomógł: 0 Dołączył: 28.02.2009 Ostrzeżenie: (0%)
|
chociaż by to: http://www.kurshtml.boo.pl/
nic nie ma gdzie to wstawić, a jak wpisuję na swojej stronce jakiś kod to go wyswietla tak jak wpisałem  Naprawdę nie mam pojęcia o co w tym chodzi Kiedyś robiłem stronki w tabelkach, w tych tabelkach tabelki (hehe) teraz zabrałem się trochę poważniej do sprawy i nie daję sobie rady...Mam np formularz do logowania i chcę go po lewej stronie, oddzielony od tekstu pionową linią i żeby się to wszystko nie rozjeżdżało przy różnych rozdzielczościach... Od czego zacząć? |
|
|
|
|
3.03.2009, 21:22:01
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 170 Pomógł: 18 Dołączył: 6.03.2007 Ostrzeżenie: (0%)
|
Cytat(albercik1983 @ 3.03.2009, 21:07:44 )  Witam. Mógł by mi ktoś pokrótce wytłumaczyć jak działa CSS? Czytam już pół dnia różne kursy i nic nie działa... Pół dnia to trochę mało na css, zwłaszcza jeśli wcześniej robiłeś na tabelkach. Poza tym w kursie html boo wszystko jest opisane: http://www.kurshtml.boo.pl/css/styl_lokalny,wstawianie.html http://www.kurshtml.boo.pl/css/wewnetrzny_...wstawianie.html http://www.kurshtml.boo.pl/css/zewnetrzny_...wstawianie.html |
|
|
|
|
3.03.2009, 21:39:23
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 37 Pomógł: 0 Dołączył: 28.02.2009 Ostrzeżenie: (0%)
|
eh...
nadal nic. to może jakiś najprostrzy przykład? Może szybciej zajażę... ;/ |
|
|
|
|
3.03.2009, 21:41:09
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 170 Pomógł: 18 Dołączył: 6.03.2007 Ostrzeżenie: (0%)
|
No to może napisz co konkretnie Ci nie wychodzi, wrzuć kod. Przeciez nie będziemy kursu przepisywać
|
|
|
|
|
3.03.2009, 21:47:51
Post
#7
|
|
|
Grupa: Zarejestrowani Postów: 37 Pomógł: 0 Dołączył: 28.02.2009 Ostrzeżenie: (0%)
|
Wolał bym skumać wstęp i jak bym wiedział o co w tym chodzi to bym już się może domyślił z tych kursów
Kod jest taki: <?php session_start(); session_register("zalogowany"); if(empty($_SESSION["zalogowany"]))$_SESSION["zalogowany"]=0; mysql_connect("localhost", "root", "")or die("Nie można nawiązać połączenia z bazą"); mysql_select_db("user")or die("Wystąpił błąd podczas wybierania bazy danych"); ?> <html> <HEAD> <meta http-equiv="Content-Language" content="pl"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1250"> <META http-equiv="Pragma" content="no-cache"> <META http-equiv="Expires" content="Tue, 1 Jan 1980 12:00:00 GMT"> <META http-equiv="Cache-Control" content="no-cache"> <meta name="author" content="Grzegorz Wałek"> <title>Strona - Grzegorz Wałek - Wszelkie prawa zastrzeżone</title> </HEAD> <body bgcolor="fffff0" link="darkgreen" alink="darkgreen" vlink="darkgreen"> <?php selektor { border-color: red blue; border-style: solid function ShowLogin($komunikat=""){ echo "$komunikat<br>"; echo "<form action='index.php' method=post>"; echo "Login: <input type=text name=login><br>"; echo "Hasło: <input type=password name=haslo><br>"; echo "<input type=submit value='Zaloguj!'>"; echo "</form>"; echo "<a href='rejestracja.php'>Zarejestruj się</a>"; } } ?> <?php if($_GET["wyloguj"]=="tak") { $_SESSION["zalogowany"]=0; session_destroy(); $_SESSION = array(); } if($_SESSION["zalogowany"]!=1){ if(!empty($_POST["login"]) && !empty($_POST["haslo"])){ if(mysql_num_rows(mysql_query("select * from user where user_login = '".htmlspecialchars($_POST["login"])."' AND user_haslo = '".htmlspecialchars($_POST["haslo"])."'"))){ $_SESSION["zalogowany"]=1; $plik = implode('', file('load.php')); echo $plik; } else echo ShowLogin("Podano złe dane!!!"); } else ShowLogin("Logowanie do serwisu"); } else{ ?> <a href='index.php?wyloguj=tak'>wyloguj się</a><br><br> <p align="center"><font size="6" color="blue">Witamy <br> Strona w budowie</font></p> <?php } ?> </body> </html> <?php mysql_close(); ?> i chcę wyrównać ten formularz, oddzielić go pionową linią od tekstu, który będzie na środku. Jak dawałem tabelki to było zawsze ładnie, ale w tym wypadku nic nie zdziałam w ten sposób
|
|
|
|
|
3.03.2009, 21:57:25
Post
#8
|
|
 Grupa: Zarejestrowani Postów: 155 Pomógł: 17 Dołączył: 13.03.2006 Skąd: Jaworze Ostrzeżenie: (0%)
|
witam może spróbuj poczytać w tym miejscu
http://www.mako4css.com/BasDiv.htm to też jest fajna strona http://www.howtocreate.co.uk/tutorials/css/incorporate http://excomega.wz.cz/cs.php Ten post edytował krzysiekk 3.03.2009, 22:00:32 |
|
|
|
|
3.03.2009, 22:05:42
Post
#9
|
|
|
Grupa: Zarejestrowani Postów: 170 Pomógł: 18 Dołączył: 6.03.2007 Ostrzeżenie: (0%)
|
Przede wszystkim jak chcesz robić strony w css, to powywalaj z kodu te wszystkie color="", size="" align="" etc. Po drugie przeczytaj uważnie ten kurs boo, tam na prawdę jest wszystko ładnie napisane, przecież nie jesteś jakimś zupełnym nowicjuszem.
Poza tym
nie wpisujesz czegoś takiego, zamist selector dajesz elemnt który chcesz formatować np table, div etc. I oczywiście to coś nie może się znajdować jak u Ciebie międzue <?php ?>, tylko w nagłówku <head>, lub w osobnym pliku z rozszerzeniem css np style.css, który potem ładujesz do dokumentu, ale to wszystko w kursie jest
|
|
|
|
|
3.03.2009, 22:28:07
Post
#10
|
|
|
Grupa: Zarejestrowani Postów: 26 Pomógł: 1 Dołączył: 3.03.2009 Ostrzeżenie: (0%)
|
Teraz konkrety:
W <head> daj: <link rel="Stylesheet" type="text/css" href="style.css" /> Potem utwórz plik style.css. i teraz w pliku twoja_strona.html piszesz normalną stronkę. Kurs zacznij czytać od tego miejsca: http://www.kurshtml.boo.pl/css/czcionki.html Przykład: piszesz tak: <h1 class="tekst">Jakiś tekst</h1> a potem w style.css piszesz: .tekst { color: red; font-size: 14pt; } Zapisujesz i sprawdzasz
|
|
|
|
|
3.03.2009, 22:39:53
Post
#11
|
|
|
Grupa: Zarejestrowani Postów: 37 Pomógł: 0 Dołączył: 28.02.2009 Ostrzeżenie: (0%)
|
A gdybym teraz chciał ustalić kolor linków to w tym samym pliku "style.css" mogę dać na końcu np .link{... ? czy muszę zrobić nowy plik style2.css ?
|
|
|
|
|
3.03.2009, 22:41:03
Post
#12
|
|
|
Grupa: Zarejestrowani Postów: 22 Pomógł: 2 Dołączył: 3.03.2009 Ostrzeżenie: (0%)
|
wszystkie style moga byc w jednym pliku
|
|
|
|
|
3.03.2009, 22:49:46
Post
#13
|
|
|
Grupa: Zarejestrowani Postów: 37 Pomógł: 0 Dołączył: 28.02.2009 Ostrzeżenie: (0%)
|
no dobra dałem w style css
.tekst { color: red; font-size: 14pt; } .link{ color: red; } a w index.php <h2 class="link"><a href='index.php?wyloguj=tak'>wyloguj się</a></h2><br><br> i link mam niebieski, tylko że większy
|
|
|
|
|
3.03.2009, 22:53:22
Post
#14
|
|
 Grupa: Moderatorzy Postów: 15 467 Pomógł: 1451 Dołączył: 25.04.2005 Skąd: Szczebrzeszyn/Rzeszów |
Cytat i link mam niebieski, tylko że większy Niektóre elementy mają predefiniowane wartości, np. linki domyślnie są niebieskie, nagłówki odpowiednio większe w zależności od poziomu. Dodajcie bbcode w swoich postach. --------------------  ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW! |
|
|
|
|
3.03.2009, 23:02:11
Post
#15
|
|
|
Grupa: Zarejestrowani Postów: 37 Pomógł: 0 Dołączył: 28.02.2009 Ostrzeżenie: (0%)
|
no tak, ale jak wcześniej dawałem
CODE <body bgcolor="fffff0" link="darkgreen" alink="darkgreen" vlink="darkgreen"> to działało Dobra narazie to pominmy A w przypadku tabeli jak to będzie? Czy da się np dać tabelę żeby nie było konturów (obramowania) i np żeby było obramowanie tylko do jakiejś jednej poszczególnej krawędzi (ta moja pionowa linia...) |
|
|
|
|
3.03.2009, 23:06:13
Post
#16
|
|
|
Grupa: Moderatorzy Postów: 15 467 Pomógł: 1451 Dołączył: 25.04.2005 Skąd: Szczebrzeszyn/Rzeszów |
Cytat to działało Działało, ale było niesemantyczne. Przeglądarki interpretują kod zachowując zgodność wstecz. Cytat A w przypadku tabeli jak to będzie? Normalnie; jeśli chodzi o CSS, to "podpinanie" reguł dla wszystkich znaczników jest jednakowe, nieważne, czy tabela, czy paragraf. Cytat żeby było obramowanie tylko do jakiejś jednej poszczególnej krawędzi (ta moja pionowa linia...) Polecam lekturę kursu CSS, bo Twoje pytania naprawdę dotyczą podstaw. -------------------- ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW! |
|
|
|
|
3.03.2009, 23:11:35
Post
#17
|
|
|
Grupa: Zarejestrowani Postów: 1 Pomógł: 0 Dołączył: 3.03.2009 Ostrzeżenie: (0%)
|
Cytat(albercik1983 @ 3.03.2009, 22:49:46 ) no dobra dałem w style css .tekst { color: red; font-size: 14pt; } .link{ color: red; } a w index.php <h2 class="link"><a href='index.php?wyloguj=tak'>wyloguj się</a></h2><br><br> i link mam niebieski, tylko że większy wpisz lepiej tak w style.css : Kod .tekst { color: red; font-size: 14pt; } .link{ color: red; } a w index.php <h2 class="tekst"><a class="link" href='index.php?wyloguj=tak'>wyloguj się</a></h2><br/><br/> pogrubiłem zmiany jakie musisz wprowadzic zamiast <br><br> pisz <br/> pozatym pozycjonowanie elementow na stronie za pomoca wielu <br/> jest nie praktyczne, poczytaj kurs CSS [CALY, DOKLADNIE] by dowiedziec sie jak to zrobic poprawnie i profesjonalnie. Jak zauwazyles gdy w css wpisujesz cos w ten sposob Kod .tekst { color: red; font-size: 14pt; } to wszystkie elementy które będą miały taki atrybut class="tekst" bedą miały kolor czerwony i czcionke o wielkosci 14pt mozesz np na stronie wstawic nawet cos takiego Kod <p class="tekst">jakis tam tekst</p><br/> <h1 class="tekst">jakis tam tekst</h1> i sprawdz rezultaty, wynik bedzie taki ze obydwa te bloki beda identyczne podczas gdy domyslnie tekst pomiedzy znacznikami <h1> i </h1> jest wieksza czcionką (h jak header czyli nagłówek, 1 jak stopien wielkosci, 1 stopien jest najwiekszym z mozliwych potem jest 2,3,4,5,6) Ten post edytował yeti1989 3.03.2009, 23:16:38 |
|
|
|
|
4.03.2009, 00:49:23
Post
#18
|
|
 Grupa: Zarejestrowani Postów: 6 476 Pomógł: 1306 Dołączył: 6.08.2006 Skąd: Kraków Ostrzeżenie: (0%)
|
BR nie służy do robienia odstępu - to raz
W żadnym z powyższych przykładów nie trzeba korzystać z selektora klasy (Google: selektory CSS) - to dwa |
|
|
|
|
4.03.2009, 07:10:18
Post
#19
|
|
|
Grupa: Zarejestrowani Postów: 26 Pomógł: 1 Dołączył: 3.03.2009 Ostrzeżenie: (0%)
|
Przykład tabeli:
i w stylach sobie piszesz:
w tym wypadku masz komórkę z podwójnym obramowaniem. Dodatkowo: w css nie musisz pisac np dla kazdego a lub h1 class lub id tylko piszesz w stylach:
i wtedy każdy link na stronie będzie zielony, a kazdy tekst wewnątrz znaczników <h1> i </h1> bedzie niebieski
Ten post edytował r_mag13 4.03.2009, 07:21:19 |
|
|
|
|
4.03.2009, 12:42:02
Post
#20
|
|
|
Grupa: Zarejestrowani Postów: 37 Pomógł: 0 Dołączył: 28.02.2009 Ostrzeżenie: (0%)
|
Poczytałem trochę i mam już tą swoją pionową linię
Zrobiłem to ustalając kolory i grubość krawędzi ramki.A jak zrobić, żeby wyrównać formularz ? Kod [/b]<?php function ShowLogin($komunikat=""){ echo "$komunikat<br>"; echo "<form action='index.php' method=post>"; echo "Login: <input type=text name=login><br>"; echo "Hasło: <input type=password name=haslo>"; echo "<input type=submit value='Zaloguj!'>"; echo "</form>"; echo "<a href='rejestracja.php'>Zarejestruj się</a>"; } ?>[b] Bo trochę się rozjeżdża
|
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 13.06.2025 - 02:46 |
