x-kom hosting

Zewnętrzny arkusz stylów.

Woniak
utworzono
utworzono

Witam.

Próbuję stworzyć zewnętrzny styl CSS i zatrzymałem się już na początku:

body{ background-image: url(grafika/tlo.gif) };{ background-color: black }

Grafika tła wyświetla się poprawnie, natomiast kolor tła już nie (grafika tła jest miejscami przezroczysta więc widać). Gdzie robie błąd? :unsure:

Ps. Jest to moje pierwsze zetknięcie z CSS :P

Swift
komentarz
komentarz
body{ background-image: url(grafika/tlo.gif);background-color: black }

teraz będzie dobrze

Woniak
komentarz
komentarz

Swift dzięki, wszystko działa.

Jak ustawić w arkuszu CSS kolory odsyłaczy?

Kilka kombinacji jakich próbowałem:

a:visited: color: red;visited color: red;visited: red;

Jakkolwiek wpiszę nic się nie wyświetla :huh:

Już mam w arkuszu znaki: {, } na początku i końcu, więc ich tu nie wstawiam tak?

Lucider
komentarz
komentarz
a {text-decoration: none; font-size: 12px;} .menu:active {color: #000000; } .menu:link {color: #000000; } .menu:visited {color: #000000; } .menu:hover {color: #750000; }

//Raczej nie .menu, tylko a. :)

//byku

Woniak
komentarz
komentarz

Kolejny problem :)

Podzieliłem stronę na DIVy. Jak otwieram stronę w IE i FireFox wyświetla się prawidłowo, gdy otwieram za pomącą Opery jest źle:

Prawidłowo:

dobrzeyy7.jpg

Źle:

zlewg1.jpg

Co wstawić?

//Nikt nie jest wróżką - podaj kod.

//byku

Kod:

body {margin-top: 0pxmargin-bottom: 0pxmargin-left: 0pxmargin-right: 0px}#top { width: 780px; }#NAGLOWEK { background-color: black; }#MENU { width: 150px;	float: left;	overflow: hidden; }#TRESC { width: 630px;	 float: left;	 overflow: hidden;	 background-image: url(grafika/tlo1.gif); }#STOPKA { clear: both;	  width: 780px;	  background-color: black; }
<body><center><div id="top">		<div id="NAGLOWEK">Nagłówek szablonu		</div>		<div id="MENU">	<a href="index.htm">Strona główna</a><br />	<a href="względna ścieżka dostępu">O mnie</a>		</div>		</center>		<div id="TRESC" align="justify">		Treść strony:		</div>		<center> <div id="STOPKA">Stopka serwisu </div></div></center></body>
Swift
komentarz
komentarz

możesz podać źródło strony (treść z kodem)? bo tak to nie bardzo wiem w czym problem...

//edit

miałem na myśli też kod html...

Woniak
komentarz
komentarz

Pełne kody (trochę inne niż poprzednie):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"><html><head>	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />	<meta name="Description" content="OPIS STRONY W PRZEGLĄDARCE" />	<meta name="Keywords" content="SŁOWA KLUCZOWE" />	<meta http-equiv="Content-Language" content="pl" />		<meta name="Author" content="autor" />		<meta http-equiv="Creation-Date" content="data w formacie GTM" />		<title>:: Nazwa serwisu :: - Strona główna</title>		<link rel="Shortcut icon" href="grafika/ikona.ico" />		<link rel="Stylesheet" type="text/css" href="style.css" /></head><body><center><div id="top">		<div id="NAGLOWEK">Nagłówek szablonu		</div><div id="KONTENER">		<div id="MENU">		   <dl>		   <dt>Menu</dt>		<dd><a href="index.htm">Strona Główna</a></dd>	<dd><a href="o_mnie.htm">O mnie</a></dd>	<dd><a href="o_mnie.htm">Orkowie</a></dd>	<dd><a href="o_mnie.htm">Nieumarli</a></dd>	<dd><a href="o_mnie.htm">Ludzie</a></dd>	<dd><a href="o_mnie.htm">Nocne Elfy</a></dd>	<dd><a href="o_mnie.htm">>Jednostki</a></dd>	<dd><a href="o_mnie.htm">>Budynki</a></dd>			   </dl>		</div>		</center>		<div id="TRESC" align="justify">		Treść strony:		</div></div>			<center> <div id="STOPKA">? 2008 Publikacja materiałów bez zgody autora zabroniona. <br /> <a target="_blank" href="http://www.kurshtml.boo.pl"><img src="http://weborbita.w.interia.pl/reklama/mini.gif" alt="Kurs HTML - strona WWW za darmo" width="80" height="15" border="0"></a> </div></div></center></body></html>
body{background-image: url(grafika/tlo.gif);background-color: black;text-decoration: none;font-size: 12pt;color: #FFFFCC;font-family: Times New Roman, sans-serif;}body {margin-top: 0pxmargin-bottom: 0pxmargin-left: 0pxmargin-right: 0px}dl, dt, dd {	display: block;	list-style: none;	margin: 0;	padding: 0;}dt {	padding: 5px;	font-weight: bold;	font-size: 12pt;	text-align: center;	width: 100%;}dl {	width: 135px;	padding: 2px 2px 2px 2px;}dl a:link, dl a:visited {	display: block;	width: 100%;	text-decoration: none;	padding: 5px;	font-size: 12pt;	color: #FFFFCC;}dl a:hover {	background-image: url(grafika/ptlo1.gif);}#top { width: 780px; }#NAGLOWEK { background-image: url(grafika/ptlo.gif); }#KONTENER {width: 750px;overflow: hidden;}#MENU { width: 150px;	float: left;	overflow: hidden;	background-image: url(grafika/menu.gif);	padding-bottom: 5000px;		margin-bottom: -5000px;}#TRESC { width: 630px;	 float: left;	 overflow: hidden;			 margin-top: 10px;		 margin-bottom: 10px;		 margin-left: 10px;		 margin-right: 10px;		 padding-bottom: 5000px;		 margin-bottom: -5000px;}#STOPKA { clear: both;	  width: 780px;	  background-image: url(grafika/ptlo.gif);		  font-size: 10pt; }

Teraz niezależnie od przeglądarki TREŚĆ wyświetla się pod MENU, a powinny być obok siebie...

Ps. Ten kontener po to, by tło było na całej długości: http://www.ucho24.info/porady/divjaktd.php

EDIT: Już mam. (zamiast width, border-width)

Wciąż szukasz rozwiązania problemu? Napisz teraz na forum!

Możesz zadać pytanie bez konieczności rejestracji - wystarczy, że wypełnisz formularz.

×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Strona wykorzystuje pliki cookies w celu prawidłowego świadczenia usług i wygody użytkowników. Warunki przechowywania i dostępu do plików cookies możesz zmienić w ustawieniach przeglądarki.