Zaloguj się

sYa_TPS · (Ten post był ostatnio modyfikowany: 06-06-2010, 22:38 przez sYa_TPS.)

To mój pierwszy post na forum więc pragnę się przywitać Smile

Mam problem a mianowicie:

W index.html mam tak:

Kod:
<div id="stopka">

<center><img src="http://img716.imageshack.us/img716/4199/stopkak.png"</img></center>

</div>

W style.css mam tak:

Kod:
div#stopka

{

max-height:200px

max-width:960px;

bottom:10px

}

A mimo to nadal stopka nie jest na dole Sad

Próbowałem to naprawić sam, ale jakoś nie dało rady. W style.css ustawiałem w body wysokość i szerokość ale to nic nie dało. Zajmuje się tym od niedawna, więc proszę o nie śmianie się Big Grin

Z góry serdecznie dziękuję Cool

KeeL · 06-06-2010, 23:46

(06-06-2010, 22:37)sYa_TPS napisał(a): To mój pierwszy post na forum więc pragnę się przywitać

Mam problem a mianowicie:

W index.html mam tak:

Kod:
<div id="stopka"> <center><img src="http://img716.imageshack.us/img716/4199/stopkak.png"</img></center> </div>

W style.css mam tak:

Kod:
div#stopka { max-height:200px max-width:960px; bottom:10px }

A mimo to nadal stopka nie jest na dole
Próbowałem to naprawić sam, ale jakoś nie dało rady. W style.css ustawiałem w body wysokość i szerokość ale to nic nie dało. Zajmuje się tym od niedawna, więc proszę o nie śmianie się

Z góry serdecznie dziękuję

Cześć,

Po 1 wywalił bym <center></center> a zamienił bym na CSS np
text-align: center;

Podaj cały kod strony łącznie z CSS

**dziamber** · 07-06-2010, 00:46

Co to ma być?

Kod:
bottom: 18px;

Może chodziło Ci o to:

Kod:
margin-bottom: 18px;

sYa_TPS · (Ten post był ostatnio modyfikowany: 07-06-2010, 03:23 przez sYa_TPS.)

Cytat:Podaj cały kod strony łącznie z CSS

Kod:
<?xml version="1.0" encoding="ISO-8859-2"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">

<head>

<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />

<meta name="keywords" content=" xxx" />

<meta name="description" content=" xxx" />

<title>xxx</title>

<link rel="stylesheet" href="style2.css" type="text/css" />

</head>

<body>

<center><img src="http://img52.imageshack.us/img52/1853/banner1cq.png"</img></center>

<div id="nawigacja">

<h4>Panel </h4>

<li><a href="kontakt">Kontakt</a></li>

<li><a href="stworz_swoj_projekt">Stwórz swój projekt</a></li>

<li><a href="inne_jakies">Tutaj jeszcze coś innego</a></li></div>

<div id="stopka">

<center><img src="http://img716.imageshack.us/img716/4199/stopkak.png"</img></center>

</div>

</body>

Kod:
body {

  background-color: white;

}

div#nawigacja

{

position:absolute;

left:30px;

top:7em;

width:250px;

max-width:175px;

padding:5px;

margin:5px;

background-color: grey;

}

div#stopka

{

max-height:200px

max-width:960px;

margin-bottom: 18px;

}

e/ i nie działa :<
e2/ [Obrazek: cssoq.png]

- to z szarym obramowaniem to jest stopka.
e3/ margin botton - Styl definiuje wielkość dolnego marginesu. Wartość domyślna - 0. A mi nie potrzeba wielkości marginesu tylko tego, żeby stopka była na dole.
e4/ bottom - Styl definiuje odległość od dolnej krawędzi elementu zewnętrznego. - i takie coś mi chyba trzeba ?

**dziamber** · 07-06-2010, 03:20

Nie używaj właściwości position: absolute; jeżeli dokładnie nie rozumiesz gdzie ją dodać, jak widać ona wszystko psuje. Zamiast właściwości top i left użył bym po prostu marginów, dołożył bym float left. Menu jest na stopce bo pozycje ma absolutną i zawsze będzie w tym samym miejscu, jednocześnie przykrywając stopkę.

sYa_TPS · 07-06-2010, 03:29

(07-06-2010, 03:20)dziamber napisał(a): Nie używaj właściwości position: absolute; jeżeli dokładnie nie rozumiesz gdzie ją dodać, jak widać ona wszystko psuje. Zamiast właściwości top i left użył bym po prostu marginów, dołożył bym float left. Menu jest na stopce bo pozycje ma absolutną i zawsze będzie w tym samym miejscu, jednocześnie przykrywając stopkę.

Dziękuję

Już wszystko gra i buczy Big Grin

Jak widać w złym miejscu szukałem przyczyny. Jeszcze raz dzięki !

Kamyk · 07-06-2010, 14:56

Panowie mam problem Sad

ze wstawianiem stylu zewnętrznego. Mianowicie mam plik style.css w folderze A w tym samym folderze znajduje sie folder B a w folderze B znajdują się dok html i jaka powinna być ścieżka dostępu do stylu ?

**Dhofca** · (Ten post był ostatnio modyfikowany: 07-06-2010, 17:34 przez Dhofca.)

Kod:
<link rel="stylesheet" href="../style.css" type="text/css" />

albo po prostu cały adres, bezpośrednio podlinkowany.

A na przyszłość - jak masz inny problem niż rozwiązywany w danym temacie to zakładaj nowy temat. Wink

Kamyk · 07-06-2010, 17:54

Dhofca - dzięki za pomoc Smile

kurde kombinowałem na kilka sposóbów Smile

i nie chciało ruszyć;/ wiesz szkoda było nowego tematu Smile

jedno małe pytanie to uważałem że warto się podpiąć by nie zaśmiecać forum Smile

SuperProch · 10-06-2010, 20:46

To mój pierwszy post.Mam pewien pomysł ja ze stopką zrobiłem prosto stopke dałem na końcu jest na stronie www.szukajwyoyo.u2.pl o oto kod który wpisałem tam

Kod:
<footer> 

    <div> 

        <h5>Copyright &copy; 2010 by <b>Co tam sobie wpiszesz</b> - Wszelkie Prawa zastrzeżone</h5> 

    </div> 

</footer>

Tak dałem na końcu i jest fajnie , lecz jeżeli chcemy dać <footer> to nie mozemy dawać <center> bo to jest z Html5 wyszytkie przeglądarki oprócz IE(jest sposób na IE żeby dobrze chodziło)obsługują HTML5.I stópka gotowa jeszcze robimy sobie style.css w <head> w naszym pliku .html dodajemy taki kod:

Kod:
<link rel="stylesheet" href="style.css" type="text/css" media="screen"/>

style.css odpowiednio piszemy dodajemy kolor i wszystko gra.
Ja tak zrobiłem i jest spoko.Sory że troche tak chaotycznie napisane jest. Tongue

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie