|
Ocena wątku:
- 0 głosów - średnia: 0
- 1
- 2
- 3
- 4
- 5
|
Pomoc - kodowanie środkowej części laya [CSS]
|
Liczba postów: 19
Liczba wątków: 6
Dołączył: 13-03-2011
Reputacja:
0
Liczba postów: 282
Liczba wątków: 12
Dołączył: 06-03-2010
Reputacja:
7
(09-04-2011, 15:13)cichyone napisał(a): Prosiłbym o układ divów wraz z paramterami do css, tak abym mógł potem np. ramke z newsami jakoś powielać w PHP ( z nauczycielem mam takie coś zrobić ). Oraz chciałbym żeby po prawej stronie były dwa okienka z menu. Proszę o pomoc oraz zrozumienie. Nikt za Ciebie tego nie zrobi, na forum dostaniesz pomoc jeżeli czegoś nie umiesz zrobić, coś jest nie tak z twoim kodem, a nie gotowy kod.
Z tego co tam widzę to robisz div na całą treść, a w nim dwa divy, które będą tymi ramkami w środku do tego odpowiednie style CSS i tyle.
PHP i MySQL Tworzenie stron WWW Vademecum profesjonalisty Wydanie 4
- sprzedam po rozsądnej cenie, stan jak nowa.
Carpe Di Em
Liczba postów: 19
Liczba wątków: 6
Dołączył: 13-03-2011
Reputacja:
0
09-04-2011, 15:52
(Ten post był ostatnio modyfikowany: 10-04-2011, 22:53 przez cichyone.)
Okej, rozumiem. Tak więc pokaże wam co zrobiłem, i prosiłbym was o poprawkę:
Kod HTML :
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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="Description" content="Mój blog zapraszam" />
<meta name="Keywords" content="manga, anime, akro" />
<meta http-equiv="Content-Language" content="pl" />
<meta name="Author" content="q3d" />
<meta http-equiv="Reply-To" content="[email protected]" />
<meta http-equiv="Creation-Date" content="Thu, 25 Dec 2008 10:36:53 GMT" />
<meta name="Robots" content="all" />
<title>Marcin Blog</title>
<link rel="Shortcut icon" href="ikona_strony.ico" />
<link rel="Stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="strona">
<div id="logo"></div>
<div id="top"><img src="images/strona.png"><img src="images/galeria.png"><img src="images/artykuly.png"><img src="images/kontakt.png"><img src="images/rejestracja.png"><img src="images/reszta.png"></div>
<div id="srodek">
<div id="news">
<div id="naglowek"></div>
<div id="pole">tekst<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>a</div>
<div id="koniec"></div>
</div>
<div id="menu">
<div id="naglowek_menu"></div>
<div id="pole_menu"></div>
<div id="koniec_menu"></div>
</div>
<div id="okno"></div>
<div id="stopka"></div>
</div>
</div> <!-- koniec strony -->
</body>
</html>
Zrobiłem specjalnie te BR żeby pokazać co się dzieje.
Kod CSS:
Kod: body{
background-image:url(images/tlo.png);
background-repeat: repeat-x;
background-color:#6e6f6e;
margin: 0 auto;
margin-top : 5px;
width:1000px;
}
#strona{
margin: 0 auto;
width:853px;
}
#logo{
margin: 0 auto;
background-image:url(images/logo.png);
background-repeat: no-repeat;
width: 853px;
height: 228px;
}
#top{
width: 853px;
height:58px;
}
#srodek{
width:853px;
height:auto;
background-image:url(images/tlo2.png);
background-repeat: no-repeat;
background-color:#979696;
}
#news{
width:424px;
position:relative; top:30px;
position:relative; left:15px;
}
#naglowek{
background-image:url(images/rama.png);
background-repeat: no-repeat;
width:424px;
height:44px;
}
#pole{
background-image:url(images/pole.png);
background-repeat: no-repeat;
width:424px;
background-color:#bababa;
}
#koniec{
background-image:url(images/rama.png);
background-repeat: no-repeat;
width:424px;
height:44px;
}
#menu{
width:224px;
height:auto;
position:relative; left:614px;
position:relative; top:-75px;
}
#naglowek_menu{
background-image:url(images/rama_menu.png);
background-repeat: no-repeat;
width:224px;
height:44px;
}
#pole_menu{
background-image:url(images/pole_menu.png);
background-repeat: no-repeat;
background-color:#d7d7d7;
width:224px;
height:118px;
}
#koniec_menu{
background-image:url(images/rama_menu.png);
background-repeat: no-repeat;
width:224px;
height:44px;
}
#okno{
background-image:url(images/srodek.png);
background-repeat: no-repeat;
width:853px;
height:174px;
position:relative; left:15px;
position:relative; bottom:15px;
}
#stopka{
background-image:url(images/stopka.png);
background-repeat: no-repeat;
width:853px;
height:58px;
}
Chciałbym jeszcze umieścić drugi pasek menu.
Liczba postów: 2,411
Liczba wątków: 14
Dołączył: 10-08-2009
Reputacja:
132
Liczba postów: 282
Liczba wątków: 12
Dołączył: 06-03-2010
Reputacja:
7
(09-04-2011, 16:04)Kartofelek napisał(a): fajne to to
??
Co do autora to nie wiem o co Ci chodzi, wytłumacz lepiej to może pomogę.
PHP i MySQL Tworzenie stron WWW Vademecum profesjonalisty Wydanie 4
- sprzedam po rozsądnej cenie, stan jak nowa.
Carpe Di Em
Liczba postów: 19
Liczba wątków: 6
Dołączył: 13-03-2011
Reputacja:
0
09-04-2011, 16:23
(Ten post był ostatnio modyfikowany: 10-04-2011, 22:52 przez cichyone.)
W efekcie ta ramka po prawej stronie spada w dół wraz z rozciąganiem ramki z BR'ami. A chce by pozostała na miejscu.
edit:
poradzilem sobie, niestety nie wiem jak heh.
|
| Podobne wątki… |
| Wątek: |
Autor |
Odpowiedzi: |
Wyświetleń: |
Ostatni post |
| |
[JS] Pomoc w dodaniu polecenia do strony internetowej |
Miczki |
5 |
4,809 |
19-06-2013, 14:26
Ostatni post: Kartofelek
|
| |
[CSS] Problem z wyglądem menu w Firefox a IE proszę o pomoc |
adrin6 |
4 |
5,001 |
18-06-2013, 22:33
Ostatni post: adrin6
|
|
pomoc w kodzie css |
rapek |
2 |
2,733 |
13-01-2013, 17:41
Ostatni post: Kartofelek
|
| |
Pomoc przy tłach |
erfix |
12 |
5,456 |
09-09-2012, 23:34
Ostatni post: erfix
|
| |
Drop Down Menu, prośba o pomoc |
razekAB |
5 |
4,783 |
13-08-2012, 16:59
Ostatni post: Kartofelek
|
Użytkownicy przeglądający ten wątek:
|
|
|
Sponsorzy i przyjaciele
|
|
|
Pomoc - kodowanie środkowej części laya [CSS]
