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ść
miglu149 
mm1

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

Wysłany:    [CSS] Strona w CSS i Divach.

Witam. Mam problem, ponieważ od wczoraj próbuję zrobić stronę w divach (mój pierwszy raz :) ), ale mi nie wychodzi. Co mam źle?

style.css

Kod

* {
margin: 0px;
padding: 0px;
}
body {
padding-top: 0px;
background-color: #FFFFFF;
color: #FFF;
font-family: verdana, arial, sans-serif;

text-align: left;
letter-spacing: 1px;
overflow: auto;

}
a {color: #FFF;font-size: 14px;}
a:hover {color: #01a9c0;}
.more{float: left;}
.clear{clear:both;}
p{ margin: 20px 0px 20px 0px;line-height: 16px;font-size: 14px;}
#container {
margin: 0px auto;
width:873px;
}
#menu {
background-image:url(../menu1.gif);
width:862px;
height:160px;
position:relative;
}
#menu li{
position:absolute;
top:37px;

list-style-type: none;
}
#m01 {left:80px;}
#m02 {left:337px;}
#m03 {left:612px;}
#menu a{
font-family: verdana, tahoma, sans-serif;
font-size: 18px;
font-weight:bolder;
color:#FFFFFF;
text-decoration:none;
text-transform: uppercase;
}
#menu a:hover {color: #06368f;}
#header {
background-image:url(../images/header.gif);
background-repeat:repeat-y;
width:873px;
height:10px;
}
#welcome {
width:230px;
margin: 50px 0px 0px 100px;
float:left;
display:inline;
}
#welcome h2{
margin: 0px 0px 20px 0px;
}
#welcome p{
width:200px;
}
#middle {
background-image:url(../images/head2.gif);
width:873px;
height:21px;
}


index.html

Kod

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Strona</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>

<body>
<div id="container">
<div id="menu">

<ul>
<li id="m01"><a href="home.php">Strona Glowna</a></li>
<li id="m02"><a href="download.php">Oferta</a></li>
<li id="m03"><a href="imprezy.php">Kontakt</a></li>

</ul>

</div>
<div id="header">
<div id="welcome">
<h2>Witaj</h2>
<p>Witaj na naszej stronie.</a></p>
</div>
<div class="clear"></div>
</div>
<div id="middle"></div>

Proszę o pomoc.
 
  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: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław

Wysłany: 2008-12-22, 12:25   

w czym robisz stronę ? jak dla mnie to brakuje jednego </div> tak po samej obserwacji kodu strony. Zauważ, że liczba otwartych nie równa się liczbie zamkniętych ;)

Kod

* {
margin: 0px;
padding: 0px;
}
co to jest ?
______________________________________________________
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:
miglu149 
mm1

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

Wysłany: 2008-12-22, 12:28   

Htsz napisał/a:

co to jest ?
Sam nie wiem :P . Dopiero zaczynam, więc pokasowałem niepotrzebne rzeczy z jakiegoś szablonu i przerobiłem na swój.

Htsz napisał/a:

w czym robisz stronę ?
Od razu na serwerze FTP (cba.pl)

Htsz napisał/a:

jak dla mnie to brakuje jednego </div>
Rzeczywiście. "container" jest otwarte.
 
  podziel si� tym postem na:
Inez 
Blogowicz.Friend


Pomogła: 12 razy
Wiek: 36
Dołączyła: 03 Maj 2006
Posty: 2978
Miasto: Wrocław

Wysłany: 2008-12-22, 12:39   

Następnym razem pokaż jak wygląda normalnie ta strona ;) .
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


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

Wysłany: 2008-12-22, 13:17   

pisz stronę lokalnie w edytorze, który koloruje składnie, łatwiej znaleźć wtedy błędy. Klasy w stylach powinno się tworzyć w miarę potrzeb ;)
______________________________________________________
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:
miglu149 
mm1

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

Wysłany: 2008-12-22, 14:17   

Ja nigdy nie korzystałem z edytora. Jakoś mi nie robi różnicy, czy to jest Pajączek (coś podobnego miałem na informatyce) czy notatnik :) .
 
  podziel si� tym postem na:
Bartek 
WordPress.Klub
Powrotny

Zaproszone osoby: 15
Imię: Bartek
Pomógł: 3 razy
Wiek: 32
Dołączył/a: 18 Mar 2006
Posty: 734
Miasto: Freiburg im Breisgau

Wysłany: 2008-12-22, 14:58   

Z notatnikiem może być problem, bo dodaje swoje kodowanie znaków, ale to już inna sprawa :)

Może na sam początek zaczniesz od Extra Page 2.1 :P ?
mnie się dobrze pracowało na PHP Expert Editor :)
______________________________________________________
Wiesnaaa! ... :D
Zarejestruj się na Forum
:hyhy:
 
  podziel si� tym postem na:
Inez 
Blogowicz.Friend


Pomogła: 12 razy
Wiek: 36
Dołączyła: 03 Maj 2006
Posty: 2978
Miasto: Wrocław

Wysłany: 2008-12-22, 15:38   

Ja słyszałam, że KED jest dobry, choć to zdanie innych bo sama nie używam tego typu programów. Raz pracowałam na tym programie do tworzenia HTMLa od Adobe (nie pamiętam dokładnej nazwy) i też było całkiem spoko.

Ogólnie wskazane jest używanie programu do kodowania. Może nie takiego, dzięki któremu za jednym kliknięciem stworzymy całą stronę, ale takiego, który właśnie koloruje składnie (lepiej widać błędy) i często daje podpowiedzi odnośnie tagów. Wtedy wiemy, że na pewno się nie pomylimy. Albo przynajmniej prawdopodobieństwo zrobienia błędu znacznie się zmniejszy.
 
  podziel si� tym postem na:
rashell 
Blogowicz.Friend


Pomogła: 1 raz
Wiek: 33
Dołączyła: 23 Lip 2008
Posty: 875
Miasto: katowic

Wysłany: 2008-12-22, 15:54   

ja mam keda, jest uroczy.
 
  podziel si� tym postem na:
Inez 
Blogowicz.Friend


Pomogła: 12 razy
Wiek: 36
Dołączyła: 03 Maj 2006
Posty: 2978
Miasto: Wrocław

Wysłany: 2008-12-22, 16:21   

rashell, a KED jest darmowym programem?
 
  podziel si� tym postem na:
miglu149 
mm1

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

Wysłany: 2008-12-22, 16:22   

Właśnie na infie pracowałem z ExtraPage :)
 
  podziel si� tym postem na:
rashell 
Blogowicz.Friend


Pomogła: 1 raz
Wiek: 33
Dołączyła: 23 Lip 2008
Posty: 875
Miasto: katowic

Wysłany: 2008-12-22, 16:24   

no jest darmowy, musieliśmy go ściągnąć i robić w nim stronę na TI
 
  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-2025 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