Forum Blogowe 17 lat!

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
FAQFAQ    UżytkownicyUżytkownicy  grupa Blogger Polska! na FBBlogger Polska!  GrupyGrupy  regulaminRegulamin RejestracjaRejestracja  ZalogujZaloguj

»  »  »  ::
Zamknięty przez: Htsz
2013-02-09, 00:01
Autor Wiadomość
Rostov 
WordPress.Klub

Dołączył/a: 21 Wrz 2007
Posty: 10
Wysłany:    [html, css] Podwójne obramowanie tabeli
Witam,

Chciałbym stworzyć szablon bloga o następującym układzie:



Ogólnie chodzi mi o to, aby to były oddzielne, jakby jednokomórkowe i jednowierszowe tabele z podwójnym obramowaniem.

Niestety, nie za bardzo wiem, jak to zrobić w html - proszę o podpowiedź kodu tabel.

Z góry dziękuję i pozdrawiam.
 
  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

Lukem 
Blogowicz.Friend

Pomógł: 89 razy
Dołączył/a: 01 Kwi 2006
Posty: 1739
Wysłany: 2010-06-09, 18:45   
Od wielu lat nie robi się tego w tabelach.

http://www.kurshtml.boo.p...on,szablon.html
 
  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: 2010-06-09, 18:48   
zrobiłam ci gotowca, bo dziś mam wyjątkowo dobry humor
plik index.html wygląda tak:

Kod


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=ISO-8859-2">
<link rel="Stylesheet" href="css.css" type="text/css">
<title></title>
</head>
<body>
<div id="container">
<div id="logo">
tutaj możesz wstawić napis albo obrazek

</div>
<div id="menu">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>

</div>

<div id="containermini">

<div class="onenote">
tutaj pierwsza notka
</div>

<div class="onenote">
tutaj druga notka itp.
</div>

</div>

</div>

</body>
</html>


plik css.css wygląda tak:

Kod


body {
font-family: Arial, Helvetica, Sans-Serif;
color: black;
font-size: 12px;
margin: 0px;
text-align: center;
}

#container {
width: 800px;
margin: 0px auto;
}

#logo {
width: 800px;
height: 150px;
border: 3px double black;
margin: 10px 0px;
}


#menu {
float: right;
width: 200px;
border: 3px double black;
}

#containermini {
float: left;
width: 550px;
}

.onenote {
border: 3px double black;
margin-bottom: 10px;
}

a, a:active, a:link, a:visited, a:hover {
color: red;
padding: 0px 2px;
}

#menu a, #menu a:active, #menu a:link, #menu a:visited, #menu a:hover {
color: red;
padding: 0px 2px;
display: block;
}



wartości oczywiście można zmieniać wg. upodobań.
 
  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: 2010-06-09, 18:56   
j.w. tabele służą do prezentowania danych tabelarycznych a nie do tworzenia szkieletów stron :P Najlepiej użyć div+float, czyli rozwiązania, które na tacy podała ci teneniel.

Jeżeli chodzi o podwójne obramowania tabel to sprawa wygląda tak:

Kod

<table style="border-style: double;">
______________________________________________________
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:
Rostov 
WordPress.Klub

Dołączył/a: 21 Wrz 2007
Posty: 10
Wysłany: 2010-06-09, 18:59   

Cytat

j.w. tabele służą do prezentowania danych tabelarycznych a nie do tworzenia szkieletów stron

Zdaję sobie z tego sprawę, ale ja akurat chciałbym, żeby ten blog miał właśnie taki tabelaryczny wygląd i aby ta tabela była widoczna.
 
  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: 2010-06-09, 19:18   
wygląd tabeli będziesz miał i za pomocą divów, które ułatwią nad tym pracę, bo nie musisz przejmować się o rowspan chociażby ;] sprawdź przygotowany szablon ;)
______________________________________________________
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:
kolednik 


Pomógł: 11 razy
Dołączył/a: 31 Mar 2007
Posty: 93
Miasto: UK
Wysłany: 2010-06-12, 16:04   
zapisz plik jako index.html i gotowe

Kod

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BLOGt</title>
</head>

<body>
<table width="863" height="147" align="center">
<tr>
<td><table width="854" height="71" border="1">
<tr>
<td height="65">LOGO</td>
</tr>
</table>
<table width="854">
<tr>
<td width="602"><br/>
<table width="586" height="82" border="1">
<tr>
<td>1 POST</td>
</tr>
</table>
<br/>
<table width="586" height="82" border="1">
<tr>
<td>2 POST</td>
</tr>
</table>
</td>
<td width="240"><br/><table width="244" height="180" border="1">
<tr>
<td width="220">MENU</td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
 
  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