|
Ocena wątku:
- 0 głosów - średnia: 0
- 1
- 2
- 3
- 4
- 5
|
Pionowe linie i podzielenie strony.
|
Liczba postów: 17
Liczba wątków: 3
Dołączył: 28-03-2008
Reputacja:
0
Witam. Zrobiłem sobie taką stronkę:
Cytat:<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="Description" content="Strona o fantasy. Gry fantasy, książki, gry RPG i inne."
<meta name="Keywords" content="Fantasy, Książki fantasy, Wiedźmin, Fantasysite, Fantasy site, fantastyka, RPG, gry fantasy" />
<meta name="Author" content="Cezary Waszczuk- cayekw" />
<TITLE>Fantasysite. Wszystko o fantasy: gry, opowiadania, książki, recenzje, galeria.</TITLE>
<style>
body {
margin: 0;
padding: 0;
font-family: ae_Arial;
background: #383636;
}
</style>
</HEAD>
<body>
<center>
<table style="width: 800px;">
<tr>
<font color="009900">LOOOOOGGOOOOOO</font>
</tr>
<tr>
<td style="width: 300px; vertical-align:top;">
<img src="http://images23.fotosik.pl/239/51f0a8f47a392665.jpg" alt="Menu>
<img src="http://images34.fotosik.pl/306/36c6887cd216cbe3.jpg" alt="Artykuły"
<br>
<img src="http://images29.fotosik.pl/239/217437a2df3f6875.jpg" alt="galerie">
<br>
<img src="http://images26.fotosik.pl/240/e0811177d9705189.jpg" alt="gry">
<br>
<img src="http://images34.fotosik.pl/306/9235dd4fd3390596.jpg" alt="książki">
<br>
<img src="http://images28.fotosik.pl/240/19192b100f8dc231.jpg" alt="recenzje">
</td>
<td style="width: 500px; vertical-align:top;">
<font color="009900">tresc</font>
</td>
</tr>
</table>
</center>
</body>
</html>
I nie podoba mi się ona. Chciałbym podzielić sobie menu i treść pionową linią która bedzie widoczna i logo także oddzielić poziomą linią od treści i menu. Oprócz tego chciałbym by strona nie była cała jednokolorowa lecz by jej treść, menu znajdowały się na innym tle niż pusta część strony tak jak jest to tutaj: http://www.fantasy.dmkhost.net/ . Jakieś porady ?
Liczba postów: 67
Liczba wątków: 4
Dołączył: 19-12-2007
Reputacja:
2
Możesz to zrobić np. na tabelach, dzieląc całą stronę na dwie duże komórki i przypisując jednej z nich własność np. "border-right: 1px solid #000;".
Lepiej by było jednak jakbyś poczytał o DIVach, np. tu: http://www.kurshtml.boo.pl/css/wstep,szablon.html
http://styku.netiz.pl/wp
Liczba postów: 852
Liczba wątków: 35
Dołączył: 17-12-2007
Reputacja:
12
03-07-2008, 00:54
(Ten post był ostatnio modyfikowany: 03-07-2008, 00:55 przez Marcin.)
Kod PHP: <HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="Description" content="Strona o fantasy. Gry fantasy, książki, gry RPG i inne.">
<meta name="Keywords" content="Fantasy, Książki fantasy, Wiedźmin, Fantasysite,
Fantasy site, fantastyka, RPG, gry fantasy" />
<meta name="Author" content="Cezary Waszczuk- cayekw" />
<TITLE>Fantasysite. Wszystko o fantasy: gry, opowiadania, książki, recenzje, galeria.</TITLE>
<style type="text/css">
body {
margin: 0;
padding: 0;
font-family: Arial, Verdana;
background: #383636;
font-size: 12px;
}
#container {
width: 800px;
}
h1#top {
border-bottom: 1px solid #00CC00;
padding-bottom: 10px;
margin-bottom: 10px;
font-size: 14px;
color: #009900;
}
#leftSide {
width: 200px;
vertical-align:top;
border-right: 1px solid #00CC00;
padding-right: 10px;
}
#content {
width: 580px;
vertical-align: top;
color: #009900;
padding-left: 9px;
}
</style>
</HEAD>
<body>
<center>
<table id="container" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" align="center">
<h1 id="top">LOOOOOGGOOOOOO</h1>
</td>
</tr>
<tr>
<td id="leftSide">
<img src="http://images23.fotosik.pl/239/51f0a8f47a392665.jpg" alt="Menu">
<img src="http://images34.fotosik.pl/306/36c6887cd216cbe3.jpg" alt="Artykuły">
<img src="http://images29.fotosik.pl/239/217437a2df3f6875.jpg" alt="galerie">
<img src="http://images26.fotosik.pl/240/e0811177d9705189.jpg" alt="gry">
<img src="http://images34.fotosik.pl/306/9235dd4fd3390596.jpg" alt="książki">
<img src="http://images28.fotosik.pl/240/19192b100f8dc231.jpg" alt="recenzje">
</td>
<td id="content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tortor.
</td>
</tr>
</table>
</center>
</body>
</html>
Do wklejania kodów używaj tagu [php] a nie [code] i poczytaj chociaż trochę o CSSie. To na prawdę nie jest trudne  .
|
| Podobne wątki… |
| Wątek: |
Autor |
Odpowiedzi: |
Wyświetleń: |
Ostatni post |
| |
Jak połączyć akapity w jedną linię z formatowaniem css |
apaczkrk |
3 |
3,231 |
07-12-2012, 23:21
Ostatni post: Kartofelek
|
| |
Wyśrodkowanie poziome i pionowe |
camilost |
4 |
3,171 |
07-10-2012, 05:55
Ostatni post: camilost
|
| |
Pionowe wyśrodkowanie tekstu |
Darek88 |
2 |
2,987 |
16-11-2010, 04:50
Ostatni post: Kartofelek
|
| |
Menu rozwijalne pionowe |
neneth |
2 |
2,537 |
19-04-2010, 13:43
Ostatni post: aleksanderek
|
| |
Menu pionowe i poziome równocześnie |
faust |
1 |
2,167 |
22-01-2010, 21:54
Ostatni post: dziamber
|
Użytkownicy przeglądający ten wątek: 1 gości
|
|
|
Sponsorzy i przyjaciele
|
|
|
