Kolumny w CSS

Wszystko co dotyczy tworzenia i optymalizacji stron internetowych oraz programowania
Awatar użytkownika
chciuczek

Użytkownik
Posty: 562
Rejestracja: 23 sty 2009, 11:06
Lokalizacja: Krk

Kolumny w CSS

Post20 paź 2009, 19:37

Witam. Robię stronę internetową CSS'em i mam problem, bo nie utworzył mi się podział na kolumny (Manchester Strona Główna Barcelona miałybyć obok siebie a nie pod sobą). Oto style.css

Kod: Zaznacz cały

body {
  background-color: white;
  background-image: url("muvsbarca.gif");
  background-repeat: no-repeat;
  background-position: 10cm 10cm
  Background-attachment: scroll
  margin: 100px 10px 10px 10px
  #column1 {
   float:left;
   width: 25%;
}
  #column2 {
   float:left;
   width: 50%;
}
  #column3 {

   float:left;
   width: 75%;
}


Próbowałem także 25%;50%;25% z tymi kolumnami nic nie dało
kod html:
Dostępne tylko dla zarejestrowanych użytkowników



Dostępne tylko dla zarejestrowanych użytkowników
Ostatnio zmieniony 20 paź 2009, 19:49 przez rokko, łącznie zmieniany 1 raz.
Powód: dodano znaczniki code
Samsung NP550P5C - S04PL
Windows 10
Intel Core i5-3210M
nVidia GeForce GT650M
8GB RAM
Na górę
Awatar użytkownika
rokko

Administrator
Posty: 4082
Rejestracja: 23 lis 2008, 22:14
Lokalizacja: Myszków
Kontaktowanie:
Skontaktuj się z rokko

Kolumny w CSS

Post20 paź 2009, 19:46

Zamiast obrazka wklej ten kod na forum w znacznikach code.

Ps. Zapis <br> jest niezgodny z xhtml.
Poradniki informatyczne »» Dostępne tylko dla zarejestrowanych użytkowników
Na stronie znajdziesz porady komputerowe a także informacje dotyczące technik promowania serwisów WWW, ciekawe narzędzia dla marketingowców. Zapraszam!

Promocja sklepów, Optymalizacja stron, Pozycjonowanie w Google »» kontakt<małpa>techformator.pl
W sprawach IT nie pomagam na PW
Na górę
Awatar użytkownika
chciuczek

Użytkownik
Posty: 562
Rejestracja: 23 sty 2009, 11:06
Lokalizacja: Krk

Kolumny w CSS

Post21 paź 2009, 15:32

No ale zadziało. Ale dlaczego nie chce mi się zrobić tzw. "kolumny" ??
Samsung NP550P5C - S04PL
Windows 10
Intel Core i5-3210M
nVidia GeForce GT650M
8GB RAM
Na górę
Awatar użytkownika
rokko

Administrator
Posty: 4082
Rejestracja: 23 lis 2008, 22:14
Lokalizacja: Myszków
Kontaktowanie:
Skontaktuj się z rokko

Kolumny w CSS

Post21 paź 2009, 16:05

No ale zadziało

Oczywiście że zadziała, lecz jest to znacznik niepoprawny według najnowszych standardów, powinno być <br />. Każdy rozpoczęty znacznik powinien być domknięty, nawet taki trywialny jak ten.

Ale dlaczego nie chce mi się zrobić tzw. "kolumny" ??

Dasz kod HTML to będzie można przeanalizować go i konkretnie wskazać przyczynę.
Poradniki informatyczne »» Dostępne tylko dla zarejestrowanych użytkowników
Na stronie znajdziesz porady komputerowe a także informacje dotyczące technik promowania serwisów WWW, ciekawe narzędzia dla marketingowców. Zapraszam!

Promocja sklepów, Optymalizacja stron, Pozycjonowanie w Google »» kontakt<małpa>techformator.pl
W sprawach IT nie pomagam na PW
Na górę
Awatar użytkownika
chciuczek

Użytkownik
Posty: 562
Rejestracja: 23 sty 2009, 11:06
Lokalizacja: Krk

Kolumny w CSS

Post21 paź 2009, 20:26

Kod: Zaznacz cały

<html>
  <head>
    <title>Manchester United vs FC Barcelona</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
    <meta name="Keywords" content="Manchester, United, FC, Barcelona" />
  </head>
<body>
<div>
<h1>Manchester United vs FC Barcelona</h1>

<table id="table1">
<tr><td><p id="title2">Manchester United</p>
<tr><td><b>Rozgrywki</b>
<tr><td>Liga Mistrzów
<tr><td>Premiel League
<tr><td>Puchar Anglii
<tr><td>Puchar Ligi Angielskiej
</table>

<table id="table2">
<tr><td><p id="title2">Strona Główna</p>
<tr><td>FC Barcelona
<tr><td> Rozgrywki
<tr><td>Liga Mistrzów
<tr><td>Primiera Division
<tr><td>Copa Del Rey
</table>
</div>
<div id="obrazek"></div>
</body>
</html>




a tu CSS

Kod: Zaznacz cały

body {
  background-color: white;
  background-image: url("muvsbarca.gif");
  background-repeat: no-repeat;
  background-position: 10cm 10cm;
  Background-attachment: scroll;
  margin: 100px 10px 10px 10px;
  body { background-color: black; }
h1 { font-weight: bold; margin: 0px auto; }
#table1, table2 { border: 1px; }
#title2 { font-weight: bold; font-style: italic; }
Samsung NP550P5C - S04PL
Windows 10
Intel Core i5-3210M
nVidia GeForce GT650M
8GB RAM
Na górę

  • Reklama

Wróć do „Webmastering i programowanie”



Kto jest online

Użytkownicy przeglądający to forum: Obecnie na forum nie ma żadnego zarejestrowanego użytkownika i 5 gości