Skocz do zawartości


Zdjęcie

[css/html]Osadzanie CSS w HTML


  • Zaloguj się, aby dodać odpowiedź
7 odpowiedzi w tym temacie

#1 faction

faction

    Początkujący

  • 14 postów

Napisano 14 03 2010 - 16:00

Jak dodać ten tekst css na moją stronę którą pisze w html
ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul {
	float: left;
	background-color: #fff;
	padding: 1px 0 1px 1px;
	border: 1px solid #000;
}

ul li {
	float: left;
}

ul a:link, ul a:visited {
	text-decoration: none;
	display: block;
	font-weight: bold;
	background: #000 url("tlo.gif") repeat-x center;
	color: #fff;
	padding: 10px 20px;
	border-right: 1px solid #fff;
	border-right: 1px solid #fff;
}

ul a:hover {
	background-color: #800;
	background-image: url("tlo2.gif");
}


  • 0

#2 izaw

izaw

    Początkujący

  • 97 postów

Napisano 14 03 2010 - 16:13

W tagach style.

  • 0

#3 faction

faction

    Początkujący

  • 14 postów

Napisano 14 03 2010 - 17:20

czyli? :)
  • 0

#4 Macsch15

Macsch15

    Profesjonalista

  • 3703 postów

Napisano 14 03 2010 - 17:25

<style type="text/css">
kod
</style>

Lub , jeśli chcesz z zewnętrznego pliku

<link rel="Stylesheet" type="text/css" href="/lokalizacja/nazwa_pliku_stylu.css" />

Między znacznikami <head> a </head>
  • 0

#5 faction

faction

    Początkujący

  • 14 postów

Napisano 15 03 2010 - 15:48

Czyli to ma być tak?
<style type="text/css">
ul, ul li {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
}

ul {
        float: left;
        background-color: #fff;
        padding: 1px 0 1px 1px;
        border: 1px solid #000;
}

ul li {
        float: left;
}

ul a:link, ul a:visited {
        text-decoration: none;
        display: block;
        font-weight: bold;
        background: #000 url("tlo.gif") repeat-x center;
        color: #fff;
        padding: 10px 20px;
        border-right: 1px solid #fff;
        border-right: 1px solid #fff;
}

ul a:hover {
        background-color: #800;
        background-image: url("tlo2.gif");
}
</style>

  • 0

#6 Macsch15

Macsch15

    Profesjonalista

  • 3703 postów

Napisano 15 03 2010 - 15:50

Tak, ale jesli nie masz heada musisz dodać.
poza tym poczytaj
http://www.kurshtml.boo.pl/css/reguly_stylow,elementy.html
  • 0

#7 rafales

rafales

    Początkujący

  • 68 postów

Napisano 18 11 2010 - 11:36

Tak, ale jesli nie masz heada musisz dodać.
poza tym poczytaj
http://www.kurshtml.boo.pl/css/reguly_stylow,elementy.html


Jak można tworzyć strony bez sekcji <head></head>?
  • 0

#8 Macsch15

Macsch15

    Profesjonalista

  • 3703 postów

Napisano 18 11 2010 - 12:41

Jak można tworzyć strony bez sekcji <head></head>?



Czytałeś ?

Między znacznikami <head> a </head>



  • 0




Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych