Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
(CSS) szablon allegro - problem z DIV
#9
aha! czyli to ten min width tutaj nam psuje wszystko
zaraz się tym zajmę
brb
tak jak pisze kartofelek wystarczy zmienić nazwe wrapper na cos innego i wszystko hula i smiga

Kod:
<style type="text/css"><!--
body {

margin-top:29px;
text-align:center;
background-image:url('http://img23.imageshack.us/img23/6383/bodybgnr.jpg');
background-color:#000000;
font-family:Tahoma, sans-serif;
font-size:11px;
color:#eeeeee;
}
#mojwrapper {
padding:0;
width:702px;
margin:0 auto;
background-image:url('http://img710.imageshack.us/img710/9451/wrapperbgd.jpg');
text-align:left;
}
#header {
float:left;
width:702px;
height:83px;
background-image:url('http://img88.imageshack.us/img88/7111/headerbgya.jpg');
}
h1 {
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:30px;
color:#980f0f;
}
h2 {
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
color:#980f0f;
}
h3 {
margin:0px;
padding:0px;
font-family:Tahoma, sans-serif;
font-size:11px;
color:#cccccc;
font-weight:normal;
}
.cleaner {
clear:both;
height:0px;
font-size:0px;
border:none;
margin:0; padding:0;
background:transparent;
}
#header h1 {
margin-top:25px;
margin-left:25px;
}
#header h3 {
margin-top:-6px;
margin-left:25px;
}
#topnavi {
float:left;
width:702px;
height:29px;
background-image:url('http://img853.imageshack.us/img853/6321/topnavibg.jpg');
}
#topnavi ul {
margin:0px;
padding:0px;
list-style-type:none;
margin-left:8px;
margin-right:8px;
}
#topnavi ul li.norm {
float:left;
height:29px;
background-image:url('http://img834.imageshack.us/img834/1552/topbuttonnorm.jpg');
background-position:right;
}
#topnavi ul li.select {
float:left;
height:29px;
background-image:url('http://img818.imageshack.us/img818/3346/topbuttonselect.jpg');
background-position:right;
}
#topnavi ul li.norm a {
display:block;
padding-right:24px;
padding-left:24px;
line-height:28px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
font-size:10px;
text-decoration:none;
}
#topnavi ul li.select a {
display:block;
padding-right:24px;
padding-left:24px;
line-height:28px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
font-size:10px;
text-decoration:none;
}
#topnavi ul li.norm a:hover {
display:block;
padding-right:24px;
padding-left:24px;
line-height:28px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
font-size:10px;
text-decoration:underline;
}
#topnavi ul li.select a:hover {
display:block;
padding-right:24px;
padding-left:24px;
line-height:28px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
font-size:10px;
text-decoration:underline;
}
#headimg {
float:left;
width:702px;
height:147px;
background-image:url('img/headimg_bg.jpg');
}
#bodybox {
float:left;
width:702px;
background-image:url('http://img718.imageshack.us/img718/3876/bodyboxbg.jpg');
background-repeat:no-repeat;
}
#subnavi {
float:left;
display:inline;
margin-left:18px;
margin-top:2px;
padding-top:26px;
padding-bottom:26px;
width:180px;
background-color:#1e1d1e;
background-image:url('http://img836.imageshack.us/img836/5359/subnavibg.jpg');
background-position:bottom;
}
#subnavi ul {
margin:0px;
padding:0px;
list-style-type:none;
margin-left:13px;
margin-right:13px;
}
#subnavi ul li.norm, #subnavi ul li.select {
height:24px;
background-image:url('http://img72.imageshack.us/img72/9328/subnavibutton2.gif');
}
#subnavi ul li.norm a {
display:block;
line-height:23px;
padding-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#eeeeee;
text-decoration:none;
}
#subnavi ul li.norm a:hover {
display:block;
line-height:23px;
padding-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#eeeeee;
text-decoration:underline;
}
#subnavi ul li.select a {
display:block;
line-height:23px;
padding-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#980f0f;
text-decoration:none;
}
#subnavi ul li.select a:hover {
display:block;
line-height:23px;
padding-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#980f0f;
text-decoration:underline;
}
#subnavi h2 {
margin-left:17px;
margin-bottom:6px;
}
#content {
float:left;
display:inline;
width:440px;
margin-left:27px;
margin-right:27px;
padding-top:26px;
padding-bottom:26px;
}
#content p {
color:#eeeeee;
}
#content ul {
list-style-image:url('img/list_li.gif')
}
#content a {
color:#980f0f;
text-decoration:none;
}
#content img.pic {
float:right;
margin-left:8px;
margin-bottom:8px;
border:1px solid #333333;
padding:2px;
}
#content a:hover {
color:#980f0f;
text-decoration:underline;
}
#footer {
float:left;
width:702px;
height:49px;
background-image:url('http://img191.imageshack.us/img191/8546/footerbgix.jpg');
text-align:center;
color:#cccccc;
font-family:Tahoma, sans-serif;
font-size:9px;
line-height:42px;
}
#footer a {
color:#cccccc;
text-decoration:none;
}
#footer a:hover {
color:#cccccc;
text-decoration:none;
}
--></style>
<div id="mojwrapper">
<div id="header">
<h1 style="font-weight: bold; color: red; margin-top: 16px; height: 42px;"><img alt="KURORA" src="http://img825.imageshack.us/img825/4794/kurora.png" style="width: 230px; height: 34px;" /></h1>
<h3><big><big>Drukarki do laptopów - Akcesoria - Serwis</big></big></h3>
</div>
<div id="topnavi">
<ul>
<li class="select"><big><big><a href="http://allegro.pl/sklep/3378989_kurora_drukarki_do_laptopow" target="_blank" rel="nofollow" rel="nofollow">SKLEP</a></big></big></li>
<li class="norm" style="width: 120px;"><a href="http://allegro.pl/show_user.php?uid=3378989">KOMENTARZE</a></li>
<li class="norm"><a href="http://allegro.pl/my_page.php?uid=3378989">O NAS</a></li>
</ul>
</div>

<div id="bodybox">
<div id="subnavi">
<h2 style="color: #cc0000;">KONTAKT</h2>
<ul style="text-align: left;">
<li class="select" style="font-family: Arial Narrow;"><big><big>[email protected]</big></big></li>
<li class="norm" style="font-family: Arial Narrow;"><big><big>tel. 601-698-601</big></big></li>
<li class="norm" style="font-family: Arial Narrow;"><big><big>GG 16191057</big></big></li>
</ul>
</div>
<div id="content">
<h2 style="font-weight: bold;"><img alt="IP90" src="http://img192.imageshack.us/img192/5576/ip90.png" style="width: 440px; height: 156px;" /></h2>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</div>
</div>
<div id="footer" style="font-weight: bold;">© Copyright 2012 KURORA</div>
<div class="cleaner"></div>
</div>
Odpowiedz


Wiadomości w tym wątku
(CSS) szablon allegro - problem z DIV - przez 4R8EN - 18-04-2012, 21:31
RE: (CSS) szablon allegro - problem z DIV - przez camelrafal - 22-04-2012, 23:41

Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  szablon przewijanie na jednej stronie klimczok 9 7,769 30-04-2016, 13:50
Ostatni post: nurkla
  Smarty, książki oraz Szablon HTML5 Morfeusz_2005 1 2,636 18-11-2013, 14:34
Ostatni post: prawdziwypiotrek
  Szablon na bloggera Longin 3 3,497 26-06-2013, 01:01
Ostatni post: natyl
  Szablon eBay, blokowanie zielu3 1 1,607 12-11-2012, 03:00
Ostatni post: kornell
  [CSS?] czemu ten szablon bloggera pogrubia elementy listy? Folmi 1 2,267 05-09-2012, 20:03
Ostatni post: camelrafal

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl