Autor | Zpráva | ||
---|---|---|---|
hellboy Profil * |
#1 · Zasláno: 23. 1. 2008, 16:17:54
Mam problem, vsude mi to bezi bez problemu. jen v IE6 mam problem. Nejak se mi odsadi nasledujici divy za vrchnim stinem, a vubec netusim proc.
http://i26.tinypic.com/ezmio6.png |
||
hellboy Profil * |
#2 · Zasláno: 23. 1. 2008, 16:18:37
Omlouvam se, zapomnel jsem na CSS kod:
* { margin: 0; padding: 0; border: 0; } body, html { background: url('background.png') repeat-x; background-color: #005A0B; } body, html a { text-decoration: none; } .wrapping { width: 747px; margin: 20px auto 0 auto; } .shadow_top { height: 8px; width: 737px; background: url('shadow_top.png') no-repeat; float: left; } .shadow_left { height: 783px; width: 9px; background: url('shadow_left.png') no-repeat; float: left; } .logo { width: 245px; height: 187px; background: url('logo.png') no-repeat; float: left; } .logo2 { width: 493px; height: 187px; background: url('logo2.png') no-repeat; float: left; } .logo2 h2{ color: white; font-family: "Tahoma"; font-size: 14px; margin-top: 155px; margin-left: 10px; } .menu { width: 252px; height: 145px; float: left; } .menu span { position: relative; top: 5px; margin-left: 30px; font-size: 17px; color: black; } .menu_item_1 a { width: 252px; height: 29px; background: url('menu_item_1.png') no-repeat; float: left; } .menu_item_1 a:hover { background-position: -252px 0; } .menu_item_2 a { width: 252px; height: 29px; background: url('menu_item_2.png') no-repeat; float: left; } .menu_item_2 a:hover { background-position: -252px 0; } .menu_item_3 a { width: 252px; height: 29px; background: url('menu_item_3.png') no-repeat; float: left; } .menu_item_3 a:hover { background-position: -252px 0; } .menu_item_4 a { width: 252px; height: 29px; background: url('menu_item_4.png') no-repeat; float: left; } .menu_item_4 a:hover { background-position: -252px 0; } .menu_item_5 a { width: 252px; height: 29px; background: url('menu_item_5.png') no-repeat; float: left; } .menu_item_5 a:hover { background-position: -252px 0; } .shadow_contain_top { width: 486px; height: 15px; float: left; background: url('shadow_contain_top.png') no-repeat; } .wrapping_2 { width: 252px; height: 547px; float: left; } .news { width: 252px; height: 402px; float: left; background: url('news.png') no-repeat; } .main_content { width: 477px; height: 532px; float: left; background: url('main_content_background.png') repeat-x; } .shadow_right_2 { width: 9px; height: 532px; float: left; background: url('shadow_right_2.png') no-repeat; } .footer { width: 738px; height: 37px; float: left; background: url('footer.png') no-repeat; } |
||
Časová prodleva: 9 dní
|
|||
hellboy Profil * |
#3 · Zasláno: 1. 2. 2008, 18:20:13
To fakt nikdo nevite, co s tim?
|
||
Plaváček Profil |
#4 · Zasláno: 1. 2. 2008, 18:39:16 · Upravil/a: Plaváček
hellboy
Obrázek nám nepomůže. Bez HTML kódu jsme v koncích. a CSS předpis vypadá hodně podivně. |
||
Časová prodleva: 6 dní
|
|||
hellboy Profil * |
#5 · Zasláno: 7. 2. 2008, 14:35:38
Tak tady mate aktulizace i s HTML:
<!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" xml:lang="cs" lang="cs"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta content="text/html; charset=utf-8" http-equiv="content-type" /> <meta name="description" content="Place your page description here." /> <meta name="keywords" content="put,your,key words,phrases,here" /> <title> DSO Lesy Policka </title> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <div class="wrapping"> <div class="shadow_left"></div> <div class="shadow_top"></div> <div class="logo"></div> <div class="logo2"> <h2> ...Sem by chtělo vymyslet nějaký výstižný slogan... </h2> </div> <div class="wrapping_3"> <div class="wrapping_2"> <div class="menu"> <div class="menu_item_1"> <a href="#"><span>Police</span></a> </div> <div class="menu_item_2"> <a href="#"><span>Police</span></a> </div> <div class="menu_item_3"> <a href="#"><span>Police</span></a> </div> <div class="menu_item_4"> <a href="#"><span>Police</span></a> </div> <div class="menu_item_5"> <a href="#"><span>Police</span></a> </div> <div class="news"><img src="news.png" title="" alt""></div> </div> </div> <div class="shadow_contain_top"></div> <div class="main_content"><p>Lorem ipsum dolor sit amet Consectetuer quis tellus tortor Phasellus In odio pede condimentum pellentesque Sociis Morbi orci Lorem pretium Congue Mauris enim Aliquam a Justo sapien ut eget mauris Congue et hendrerit cursus adipiscing Et Cum Sed leo mus At tellus felis nec consectetuer In pulvinar lobortis augue leo Ac velit dictum massa et Pellentesque sed adipiscing et pellentesque Dolor eu dolor malesuada nulla Ante quis accumsan ultrices cursus Sapien pretium Donec tempor Pellentesque Nunc Integer massa Nam tempus Hendrerit felis cursus consectetuer velit Nec wisi congue Praesent congue Urna pretium id quis Vestibulum Ut pretium Phasellus habitasse a Habitant pulvinar pretium lacinia leo Nunc sit pede condimentum et Nibh eleifend tincidunt Ut lacinia Ut at ipsum ut vel Lorem ipsum dolor sit amet Consectetuer ligula enim ante est Justo tellus pellentesque sit vitae Dictum odio pretium pretium cursus Interdum ornare augue dolor volutpat Sem pulvinar scelerisque id elit Proin Phasellus at lorem ac Vitae velit magna Vivamus massa Velit augue mollis velit Sed Turpis malesuada tellus ultrices In Eu wisi Phasellus Nam Quisque Adipiscing convallis Morbi molestie id Libero ac semper tincidunt velit Nunc hendrerit eu nibh quis Libero velit laoreet Curabitur lorem Ultrices lacinia congue Mauris cursus Quis Aenean sed interdum tincidunt Consequat nunc enim ut Nunc Orci facilisi auctor Integer Integer Nulla Fusce tempor ante porta Id Ut consequat orci est Eros Donec nonummy Donec eget Nulla consectetuer sagittis ac accumsan Tellus a vitae ut auctor Lorem ipsum dolor sit amet Consectetuer quis tellus tortor Phasellus In odio pede condimentum pellentesque Sociis Morbi orci Lorem pretium Congue Mauris enim Aliquam a Justo sapien ut eget mauris Congue et hendrerit cursus adipiscing Et Cum Sed leo mus At tellus felis nec consectetuer In pulvinar lobortis augue leo Ac velit dictum massa et Pellentesque sed adipiscing et pellentesque Dolor eu dolor malesuada nulla Ante quis accumsan ultrices cursus Sapien pretium Donec tempor Pellentesque Nunc Integer massa Nam tempus Hendrerit felis cursus consectetuer velit Nec wisi congue Praesent congue Urna pretium id quis Vestibulum Ut pretium Phasellus habitasse a Habitant pulvinar pretium lacinia leo Nunc sit pede condimentum et Nibh eleifend tincidunt Ut lacinia Ut at ipsum ut vel Lorem ipsum dolor sit amet Consectetuer ligula enim ante est Justo tellus pellentesque sit vitae Dictum odio pretium pretium cursus Interdum ornare augue dolor volutpat Sem pulvinar scelerisque id elit Proin Phasellus at lorem ac Vitae velit magna Vivamus massa Velit augue mollis velit Sed Turpis malesuada tellus ultrices In Eu wisi Phasellus Nam Quisque Adipiscing convallis Morbi molestie id Libero ac semper tincidunt velit Nunc hendrerit eu nibh quis Libero velit laoreet Curabitur lorem Ultrices lacinia congue Mauris cursus Quis Aenean sed interdum tincidunt Consequat nunc enim ut Nunc Orci facilisi auctor Integer Integer Nulla Fusce tempor ante porta Id Ut consequat orci est Eros Donec nonummy Donec eget Nulla consectetuer sagittis ac accumsan Tellus a vitae ut auctor </p></div></div> <div class="shadow_right_2"></div> <div class="footer"></div> </div> </body> </html> CSS: * { margin: 0; padding: 0; border: 0; } body, html { background: url('background.png') repeat-x; background-color: #005A0B; } body, html a { text-decoration: none; } .wrapping { width: 747px; margin: 20px auto 0 auto; background-color: white; } .shadow_top { height: 8px; width: 737px; background: url('shadow_top.png') no-repeat; float: left; } .shadow_left { height: 783px; width: 9px; background: url('shadow_left.png') no-repeat; float: left; } .logo { width: 245px; height: 187px; background: url('logo.png') no-repeat; float: left; } .logo2 { width: 493px; height: 187px; background: url('logo2.png') no-repeat; float: left; } .logo2 h2{ color: white; font-family: "Tahoma"; font-size: 14px; margin-top: 155px; margin-left: 10px; } .menu { width: 252px; height: 145px; float: left; } .menu span { position: relative; top: 5px; margin-left: 30px; font-size: 17px; color: black; } .menu_item_1 a { width: 252px; height: 29px; background: url('menu_item_1.png') no-repeat; float: left; } .menu_item_1 a:hover { background-position: -252px 0; } .menu_item_2 a { width: 252px; height: 29px; background: url('menu_item_2.png') no-repeat; float: left; } .menu_item_2 a:hover { background-position: -252px 0; } .menu_item_3 a { width: 252px; height: 29px; background: url('menu_item_3.png') no-repeat; float: left; } .menu_item_3 a:hover { background-position: -252px 0; } .menu_item_4 a { width: 252px; height: 29px; background: url('menu_item_4.png') no-repeat; float: left; } .menu_item_4 a:hover { background-position: -252px 0; } .menu_item_5 a { width: 252px; height: 29px; background: url('menu_item_5.png') no-repeat; float: left; } .menu_item_5 a:hover { background-position: -252px 0; } .shadow_contain_top { width: 486px; height: 15px; float: left; background: url('shadow_contain_top.png') no-repeat; } .wrapping_2 { width: 252px; float: left; background-color: white; } .news { width: 252px; height: 402px; float: left; background: url('news.png') no-repeat; background-color: white; } .main_content { width: 477px; float: left; background: url('main_content_background.png') repeat-x; background-color: white; } .wrapping_3 { height: auto; background-color: white; } .shadow_right_2 { width: 9px; height: 532px; float: left; background: url('shadow_right_2.png') no-repeat; } .footer { width: 738px; height: 37px; float: right; background: url('footer.png') no-repeat; } |
||
Časová prodleva: 16 let
|
0