Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu



::
Zamknięty przez: Htsz
2013-02-09, 00:00
Autor Wiadomość
Krzysiek 
WordPress.Klub
Pan Cosiek


Zaproszone osoby: 4
Imię: Krzysztof
Pomógł: 17 razy
Wiek: 33
Dołączył/a: 18 Maj 2008
Posty: 3466
Miasto: R-ków.

Wysłany:    [styl css] stopka/pasek

Mam pewien problem z stopką. A mianowicie, gdy teksu przybywa stopka opada jednak tło (pas) ciągnie się jedynie do pewnego momentu i nagle się urywa, a w efekcie na stronie mam dziurę... Myślałem, że coś nie tak z zamknięciami divów, ale nic nie pomogło.
W którym momencie widzicie błąd?

Kod

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta http-equiv="Content-Language" content="pl" />
<title>Hey</title>
<style type="text/css">
body {
margin: 0px;
background-color:#000000;
line-height:20px;
color: #000000;
font-size: 11px;
font-family: tahoma;
text-align: justify;
background-image:url('tlo.jpg')

}

a:link, a:visited, a:active {
text-decoration: none;
color: #0f824d;
}

a:hover {
color: #0f824d;
border-bottom: 1px solid #20f824d;
background:url('link.png');
letter-spacing: 2pt;
cursor: help;
text-decoration: none
}


#container {
width: 700px;
margin-top:0;
background-repeat: repeat-y;
background-image:url('pas.jpg');
margin-left: auto;
margin-right: auto;
}

#obrazek {
background-image: url('obrazx.jpg');
background-repeat: no-repeat;
height: 712px;
width: 700px;
}

#dol {
background-image: url('stopka.jpg');
background-repeat: no-repeat;
height: 59px;
width: 700px;
clear: both;
}

#blog {
margin-left: 25px;
margin-right: 5px;
padding-top: 230px;
width: 550px;
}

#menu {
width: 520px;
margin-left: 60px;
text-align: right;
padding-top: 15px
}

h1 {
font-family: 'Trebuchet MS';
font-size: 16pt;
color: #007090;
text-align: right;
margin-bottom: 10px;
}

h2 {
font-family: tahoma;
font-size: 16pt;
text-align: right;
margin-bottom: 6px;
margin-top: 15px;
}

textarea{
width:400px;
height:200px;
border: 1px #B40009 solid;
background: white;
color: #202F68;
font-size: 11px;
font-family: tahoma;
}

input {
width:200px;
height:20px;
border: 1px #B40009 solid;
background: white;
color: #202F68;
font-size: 11px;
font-family: tahoma;
}

strong {color: #0f824d;}
u {text-decoration: none; border-bottom: 1px solid #0f824d; }
img {border: 0;}

</style>
</head>

<body>

<div id="container">
<div id="obrazek">
<div id="menu">
<h2>

<a href="index.html">Start</a>&nbsp;&nbsp;
<a href="1.html">O Hey'u</a>&nbsp;&nbsp;
<a href="2.html">Dyskografia</a>&nbsp;&nbsp;
<a href="3.html">Multimedia</a>&nbsp;&nbsp;
<a href="4.html">Galeria</a>&nbsp;&nbsp;
<a href="5.html">Linki</a>&nbsp;&nbsp;
<a href="6.html">O Autorze</a></h2>
</div>
<div id="blog">

<h1>Start</h1>
Witam na mojej stronie poświęconej zespołowi rockowemu <strong>HEY</strong>. Znajdziecie tutaj niezbędne infomacje, by przybliżyć swojej osobie świetną "hey'owską" grupę muzyczną. Życzę miłego zwiedzania.
<h1>Newsy</h1>
<strong>Wokale</strong><br>
Rejestracja większości partii instrumentalnych poszła zgodnie z planem i teraz do pracy przystąpiła Katarzyna, która w przerwach pomiędzy koncertami nagrywa we Wrocławiu wokale. Kilka jest już gotowych i niewykluczone, że jeszcze podczas letnich koncertów będzie można usłyszeć próbkę nowego Hey'a.
<br><br>
<strong>Hey nagrywa</strong>

<br>
Kilka dni temu Hey rozpoczął nagrywanie kolejnego studyjnego albumu. Obecnie trwają prace przy rejestracji partii instrumentalnych -potrwają one do końca kwietnia - natomiast wokale będą nagrywane w maju i czerwcu. Następca "Echosystemu" najprawdopodobniej ukaże się w połowie października br. Za realizację i produkcję odpowiada Marcin Bors, który wcześniej współpracował z Katarzyną przy realizacji jej solowych albumów - "Unisexblues" oraz "Osiecka".

tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst


</div>
<div id="dol">
<div style="padding-left:150px;padding-top:10px;">
Stronę wykonał Krzysztof K. Więcej informacji o szablonie <a href="7.html">tutaj!</a>
</div>
</div>


</body>

</html>


Proszę o wyrozumiałość, w sumie to mój pierwszy szablon oparty na css :P
Jeśli ktoś chce się temu dokładniej przyjrzeć szablon znajduje się tu
 
  podziel si� tym postem na:




Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław

Wysłany: 2009-06-09, 17:46   

mi tu brakuje dwóch </div> dla:

Kod

<div id="container">
<div id="obrazek">


policz sobie ilość otwartych do zamkniętych ;)
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Krzysiek 
WordPress.Klub
Pan Cosiek


Zaproszone osoby: 4
Imię: Krzysztof
Pomógł: 17 razy
Wiek: 33
Dołączył/a: 18 Maj 2008
Posty: 3466
Miasto: R-ków.

Wysłany: 2009-06-09, 18:12   

Htsz napisał/a:

mi tu brakuje dwóch </div> dla:

Kod
<div id=container>
<div id=obrazek>


policz sobie ilość otwartych do zamkniętych ;)


a w którym miejscu powinienem je zamknąć? Ja zamknięcia umieszczam w złym miejscu bo mi tabele się rozwalają...
 
  podziel si� tym postem na:
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 29
Dołączył/a: 21 Lip 2008
Posty: 2220

Wysłany: 2009-06-09, 18:26   

Kod

<div id="obrazek">

Zamknij od razu po tym jak zacząłeś.

Kod

<div id="container">

Ten zdaje się jest zamknięty.
 
  podziel si� tym postem na:
Krzysiek 
WordPress.Klub
Pan Cosiek


Zaproszone osoby: 4
Imię: Krzysztof
Pomógł: 17 razy
Wiek: 33
Dołączył/a: 18 Maj 2008
Posty: 3466
Miasto: R-ków.

Wysłany: 2009-06-09, 18:36   

miglu149 napisał/a:

Kod
<div id=obrazek>

Zamknij od razu po tym jak zacząłeś.
Nie wyszło, tabele się poprzesuwały w dół...
 
  podziel si� tym postem na:
teneniel 
WordPress.Klub
Lineage II Gamer


Pomogła: 30 razy
Wiek: 41
Dołączyła: 01 Maj 2008
Posty: 875
Miasto: z DNA

Wysłany: 2009-06-09, 19:22   

to powinno działać:

Kod


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta http-equiv="Content-Language" content="pl" />
<title>Hey</title>
<style type="text/css">
body {
margin: 0px;
background-color: white;
line-height:20px;
color: #000000;
font-size: 11px;
font-family: tahoma;
text-align: justify;
background-image:url('tlo.jpg');
}

a:link, a:visited, a:active {
text-decoration: none;
color: #0f824d;
}

a:hover {
color: #0f824d;
border-bottom: 1px solid #20f824d;
background:url('link.png');
letter-spacing: 2pt;
cursor: help;
text-decoration: none;
}


#container {
width: 700px;
margin-top:0;
background-repeat: repeat-y;
background-image:url('pas.jpg');
margin-left: auto;
margin-right: auto;
}

#obrazek {
background-image: url('obrazx.jpg');
background-repeat: no-repeat;
height: 712px;
width: 700px;
}

#dol {
background-image: url('stopka.jpg');
background-repeat: no-repeat;
height: 59px;
width: 700px;
}

#blog {
margin-left: 25px;
margin-right: 5px;
padding-top: 230px;
width: 550px;
}

#menu {
width: 520px;
margin-left: 60px;
margin-top: -380px;
text-align: right;
}

h1 {
font-family: 'Trebuchet MS';
font-size: 16pt;
color: #007090;
text-align: right;
margin-bottom: 10px;
}

#menu a,#menu a:link, #menu a:visited, #menu a:active, #menu a:hover {
font-family: tahoma;
font-size: 16pt;
text-align: right;
padding: 0 4px;
}

textarea{
width:400px;
height:200px;
border: 1px #B40009 solid;
background: white;
color: #202F68;
font-size: 11px;
font-family: tahoma;
}

input {
width:200px;
height:20px;
border: 1px #B40009 solid;
background: white;
color: #202F68;
font-size: 11px;
font-family: tahoma;
}

strong {color: #0f824d;}
u {text-decoration: none; border-bottom: 1px solid #0f824d; }
img {border: 0;}

</style>
</head>

<body>

<div id="container">
<div id="obrazek"></div>
<div id="menu">
<a href="index.html">Start</a>
<a href="1.html">O Hey'u</a>
<a href="2.html">Dyskografia</a>
<a href="3.html">Multimedia</a>
<a href="4.html">Galeria</a>
<a href="5.html">Linki</a>
<a href="6.html">O Autorze</a>
</div>
<div id="blog">

<h1>Start</h1>
Witam na mojej stronie poświęconej zespołowi rockowemu <strong>HEY</strong>. Znajdziecie tutaj niezbędne infomacje, by przybliżyć swojej osobie świetną "hey'owską" grupę muzyczną. Życzę miłego zwiedzania.
<h1>Newsy</h1>
<strong>Wokale</strong><br>
Rejestracja większości partii instrumentalnych poszła zgodnie z planem i teraz do pracy przystąpiła Katarzyna, która w przerwach pomiędzy koncertami nagrywa we Wrocławiu wokale. Kilka jest już gotowych i niewykluczone, że jeszcze podczas letnich koncertów będzie można usłyszeć próbkę nowego Hey'a.
<br><br>
<strong>Hey nagrywa</strong>

<br>
Kilka dni temu Hey rozpoczął nagrywanie kolejnego studyjnego albumu. Obecnie trwają prace przy rejestracji partii instrumentalnych -potrwają one do końca kwietnia - natomiast wokale będą nagrywane w maju i czerwcu. Następca "Echosystemu" najprawdopodobniej ukaże się w połowie października br. Za realizację i produkcję odpowiada Marcin Bors, który wcześniej współpracował z Katarzyną przy realizacji jej solowych albumów - "Unisexblues" oraz "Osiecka".

tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst


</div>
<div id="dol">
<div style="padding-left:150px;padding-top:10px;">
Stronę wykonał Krzysztof K. Więcej informacji o szablonie <a href="7.html">tutaj!</a>
</div>
</div>

</body>
</html>
 
  podziel si� tym postem na:
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 29
Dołączył/a: 21 Lip 2008
Posty: 2220

Wysłany: 2009-06-09, 20:02   

teneniel, a co zmieniłaś??
 
  podziel si� tym postem na:
Krzysiek 
WordPress.Klub
Pan Cosiek


Zaproszone osoby: 4
Imię: Krzysztof
Pomógł: 17 razy
Wiek: 33
Dołączył/a: 18 Maj 2008
Posty: 3466
Miasto: R-ków.

Wysłany: 2009-06-09, 20:16   

Nie pomogło, tabele "zjechały" w dół.
 
  podziel si� tym postem na:
teneniel 
WordPress.Klub
Lineage II Gamer


Pomogła: 30 razy
Wiek: 41
Dołączyła: 01 Maj 2008
Posty: 875
Miasto: z DNA

Wysłany: 2009-06-09, 20:30   

chodzi ci o ten odstęp między menu a "start"?
:D
oja, nie sądziłam, że właśnie o to chodzi, bo myślałam, że tak ma być ^^
wykreśl z css dla #blog wartość

Kod

padding-top: 230px;


miglu149, pododawałam gdzieniegdzie zapomnianych średników w css, jednego zakończenia div'a oraz nieco zmieniłam ustawienie dla menu ^^
 
  podziel si� tym postem na:
Krzysiek 
WordPress.Klub
Pan Cosiek


Zaproszone osoby: 4
Imię: Krzysztof
Pomógł: 17 razy
Wiek: 33
Dołączył/a: 18 Maj 2008
Posty: 3466
Miasto: R-ków.

Wysłany: 2009-06-09, 20:39   

teneniel napisał/a:

chodzi ci o ten odstęp między menu a start?
:D
oja, nie sądziłam, że właśnie o to chodzi, bo myślałam, że tak ma być ^^
wykreśl z css dla #blog wartość
Kod
padding-top: 230px;


Nie wyrzuciłem panddingu, tylko zmieniłem wartość margin-top w menu i jest git.

teneniel napisał/a:


miglu149, pododawałam gdzieniegdzie zapomnianych średników w css, jednego zakończenia div'a oraz nieco zmieniłam ustawienie dla menu ^^

właśnie widzę, że jest inaczej :D

Teneniel jesteś wielka :padam:
 
  podziel si� tym postem na:
teneniel 
WordPress.Klub
Lineage II Gamer


Pomogła: 30 razy
Wiek: 41
Dołączyła: 01 Maj 2008
Posty: 875
Miasto: z DNA

Wysłany: 2009-06-09, 20:48   

eee tam wielka.
widze jednak, że Twoja wizja layoutu przewidziała menu na górze, a ja tu zonk, myślałam, że miało być pod obrazkiem :P

ps. jakby nie było sympatyczny ten lay ^^
 
  podziel si� tym postem na:
Krzysiek 
WordPress.Klub
Pan Cosiek


Zaproszone osoby: 4
Imię: Krzysztof
Pomógł: 17 razy
Wiek: 33
Dołączył/a: 18 Maj 2008
Posty: 3466
Miasto: R-ków.

Wysłany: 2009-06-09, 20:50   

teneniel napisał/a:

ps. jakby nie było sympatyczny ten lay ^^
dzięki ;) to mój pierwszy szablon po ponad rocznej stagnacji :O

[ Dodano: 09-06-2009, 20:51 ]

Cytat

eee tam wielka.
nie doceniasz sie ;)
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
::
Ten temat jest zablokowany bez możliwości zmiany postów lub pisania odpowiedzi
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2024 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz