Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Div sie nie pojawia..
obiwanek
post 14.07.2009, 22:59:42
Post #1





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 12.07.2009

Ostrzeżenie: (0%)
-----

Witam, pokaze wam na obrazku o co mi chodzi :

w zaznaczonych miejscach powinien byc div [szare linie] ale sie nie pojawia. nie mam pojecia co jest nie tak :|

CODE
<body id="page_bg" class="color_black bg_black width_medium">
<a name="up" id="up"></a>
<div class="center" align="center">
<div id="wrapper">
<div id="wrapper_r">
<div id="header">
<div id="header_l">
<div id="header_r">
<div id="logo"></div>
<div class="bannergroup">
<div class="banneritem">
</div>
</div>
</div>
</div>
</div>
<div id="tabarea">
<div id="tabarea_l">
<div id="tabarea_r">
<div id="tabmenu">
</div>
</div>
</div>
</div>
<div id="search">
</div>
<div id="pathway">
</div>
<div class="clr"></div>
<div id="whitebox">
<div id="whitebox_t">
<div id="whitebox_tl">
<div id="whitebox_tr"></div>
</div>
</div>
<div id="whitebox_m">
<div id="area">
<div id="leftcolumn">
<div id="outer">
<div id="inner">
<div id="text1"><a href="home.html">o mnie<span>» takie tam bzdety</span></a></div>
<div id="text2"><a href="stuff">stuff<span>» stuff, stuffik i stuffiki</span></a></div>
<div id="text3"><a href="ftp">ftp<span>» maybe. *sniff* maybe.</span></a></div>
<div id="text4"><a href="mailto:obiwanek@obiwanek.pl">kontakt<span>» DAAJ KAMJENIAA!</span></a></div>
<div id="text5"><a href="myepisodes.html">myepisodes<span>» sygnaturka myepisodes</span></a></div>
<div id="text6"><a href="http://www.steamcommunity.com/id/obiwanek">steam<span>» moj profil steam</span></a></div>
<div id="text7"><a href="http://www.lastfm.pl/user/obiwanek123">last.fm<span>» moj last.fm</span></a></div>
<div id="text8"><a href="newsy.html">newsy<span>» guess what?</span></a></div>
</div></div>
</div></div>
<div id="maincolumn">
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>

<div id="whitebox_b">
<div id="whitebox_bl">
<div id="whitebox_br"></div>
</div>
</div>
</div>
<div id="footerspacer"></div>
</div>
<div id="footer">
<div id="footer_l">
<div id="footer_r">
<p id="syndicate">
</p>
<p id="power_by">


wyadje mi sie, ze blad powstaje przez pogrubione linijki.

css :

CODE
/* black */
a:link, a:visited {
color: #135cae;
}

a:hover {
color: #0b3768;
}

#pillmenu a:hover {
color: #135cae;
}

#pillmenu a#active_menu-nav {
background: url(images/black/mw_menu_active_bg.png) 0 0 repeat-x;
color: #fff;
}

#pillmenu a#active_menu-nav:hover {
color: #fff;
}

h3, .componentheading, table.moduletable th {
color: #135cae;
}

div.module_menu {
background: url(images/black/mw_box_br.png) 100% 100% no-repeat;
}

div.module_menu div {
background: url(images/black/mw_box_bl.png) 0 100% no-repeat;
}

div.module_menu div div {
background: url(images/black/mw_box_tr.png) 100% 0 no-repeat;
}

div.module_menu div div div {
background: url(images/black/mw_box_tl.png) 0 0 no-repeat;
}

* {
margin: 0;
padding: 0;
}

#outer {
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 1px;
}

#inner {
margin-left: -250px;
position: absolute;
top: -150px;
left: 50%;
width: 500px;
height: 300px;
}

div#inner a span {
display: none;
}

div#inner a:visited span {
display: none;
}

div#inner a {
text-decoration: none;
color: black;
}

div#inner a:hover span {
display: block;
position: relative;
background: none;
font-size: 14px;
}

div#inner a:link, div#inner a:visited {
text-decoration: none;
}

div#inner a:hover {
text-decoration: none;
}

#bgtext {
font-size: 150px;
position: absolute;
top: 10px;
left: -250px;
right: -80px;
color: #333;
font-family: verdana, helvetica, "sans serif";
font-weight: normal;
padding-left: 100px;
}

#footertext {
font-size: 9px;
position: absolute;
top: 260px;
text-align: right;
width: 500px;
font-family: verdana, helvetica, "sans serif";
color: #666;
}

#footertextnews {
font-size: 9px;
position: absolute;
top: 400px;
text-align: right;
width: 500px;
font-family: verdana, helvetica, "sans serif";
color: #666;
}

#footertextadmin {
font-size: 9px;
position: absolute;
top: 380px;
text-align: right;
width: 500px;
font-family: verdana, helvetica, "sans serif";
color: #666;
}

div#text1, div#text2, div#text3, div#text4, div#text5, div#text6, div#text7, div#text8{
color: #222;
font-family: verdana, helvetica, "sans serif";
position: absolute;
}

div#text1 {
font-size: 60px;
top: 50px;
left: -90px;
}

div#text1 a:hover span {
top: 19px;
left: 0px;
}

div#text2 {
font-size: 50px;
top: 290px;
left: 0px;
}

div#text2 a:hover span {
top: 15px;
left: 0px;
}

div#text3 {
font-size: 35px;
top: 100px;
left: 400px;
}

div#text3 a:hover span {
top: 6px;
left: 0px;
}

div#text4 {
font-size: 39px;
top: 300px;
left: 430px;
}

div#text4 a:hover span {
top: 10px;
left: 0px;
}

div#text5 {
font-size: 26px;
top: 220px;
left: 300px;
}

div#text5 a:hover span {
top: 6px;
left: 0px;
}

div#text6 {
font-size: 32px;
top: 190px;
}

div#text6 a:hover span {
top: 6px;
left: 0px;
}

div#text7 {
font-size: 38px;
top: 120px;
left: 180px;
}

div#text7 a:hover span {
top: 10px;
left: 0px;
}

div#text8 {
font-size: 80px;
top: -40px;
left: 130px;
}

div#text8 a:hover span {
top: 28px;
left: 0px;
}



div#urltext, div#inner div#content a:link, div#inner div#content a:visited, div#inner a:hover, div#inner a:hover span {
color: #ff7c11;
}

div#urltext {
font-family: verdana, helvetica, "sans serif";
font-size: 30px;
position: absolute;
top: -87px;
left: -69px;
}

div#content {
position: absolute;
top: -50px;
left: -70px;
width: 635px;
height: 400px;
overflow: auto;
font-family: verdana, helvetica, "sans serif";
font-size: 13px;
color: white;
text-align: justify;
margin: 3px;
padding-right: 8px;
}

.titleblock {
font-family: verdana, helvetica, "sans serif";
font-size: 12px;
color: #ff7c11;
margin-right: 6px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 2px;
border: 1px solid #222;
padding: 4px;
}

.titleblock span {
color: #ff7c11;
}


.center {
text-align: center;
}

.right {
text-align: right;
}

#urltext a:link {
color:#444;
}

#urltext a:visited {
color:#444;
}

#urltext a:hover {
color:#444;
}

#urltext a:active {
color:#444;
}


nie sa to wszystkie divy - powiedzcie jakie dorzucic i je dorzuce. to jest div z obrazkiem linii :

Kod
td.greyline {
  width: 20px;
  background: url(images/mw_line_grey.png) 0 0 repeat-x;
}


a tu zaokraglen bialego tla :

CODE
#area {
padding: 0;
}

#whitebox {
margin: 0 21px 0px 21px;
background: #fff;
width: auto;
}

#whitebox div {
text-align: left;
}

#whitebox_t {
background: #fff url(images/mw_content_t.png) 0 0 repeat-x;
}

#whitebox_tl {
background: url(images/mw_content_t_l.png) 0 0 no-repeat;
}

#whitebox_tr {
height: 450px;
overflow: hidden;
background: url(images/mw_content_t_r.png) 100% 0 no-repeat;
}

#whitebox_m {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
width: auto;
padding: 1px 8px;
}

#whitebox_b {
margin-top: -5px;
background: url(images/mw_content_b.png) 0 100% repeat-x;
}

#whitebox_bl {
background: url(images/mw_content_b_l.png) 0 100% no-repeat;
}

#whitebox_br {
height: 13px;
background: url(images/mw_content_b_r.png) 100% 100% no-repeat;
}
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 27.06.2025 - 11:54
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn