Проблем с стилизирането на сайт

heminei · 6 Декември 2009

Започнах от скоро да уча CSS но ми излязоха проблеми които не мога да реша. :shock: Мъчих се да сглобя един дизайн който трябва да изглежда така: http://heminei.com , но при мен изглежда така: http://heminei.com/site/site/

. Нямам опит да го направя и затова, ако някой има време да ми едитне CSS ще съм много благодарен

. Ако може да го направите с DIV-ове, че да се науча как става с тях, и сайта да се разширява с браузера.
ОтТУК МОЖЕ ДА ИЗТЕГЛИТЕ МОЙТЕ ФАЙЛОВЕТЕ!

Предварително благодаря!

heminei · 6 Декември 2009

Оправих се с това но ми излезе друг проблем!

Незнам как да направя това меню да се разширява според мястото?

ето и сорса:

index.php

Код:

<html>
<head>
  <title>Heminei</title>

  
  <meta name='description' content='Heminei'>
  <meta name='keywords' content='Heminei'>
  <meta name='author' content='Heminei'>
  <meta name='generator' content='Heminei'>
  <meta http-equiv='Content-Type' content='text/html' >
  <link type='text/css' rel='stylesheet' href='theme/theme.css'>
  <link href='image/favicon.png' rel='shortcut icon' type='image/x-icon' />
  <meta http-equiv="content-type" content="text/html; charset=cp1251" />

</head>
<body>


<table cellspacing='0' cellpadding='0' >
<tr>
<td align='left'><img src='theme/images/1.png' alt='1.png' /></td>
<td id='header-title'><center>Heminei Programs</center></td>
<td align='right'><img src='theme/images/2.png' alt='2.png' /></td>
</tr>
</table>

<center>
<table cellpadding='0' cellspacing='0'>
<tr>
<td align='left'><img src='theme/images/a.png' alt='1.png' /></td>
<td id='subheader-title' ><center>Heminei Programsaaaaa</center></td>
<td align='right'><img src='theme/images/b.png' alt='2.png' /></td>
</tr>
</table>
</center>

<table cellpadding='0' cellspacing='0' >
<tr>
<td id='body-left' >     </td>
<td id='body'>




<div align='left' id='menu'>
	<table cellpadding='0' cellspacing='0' >
	<tr>
	<td align='left'><img src='theme/images/side-left.png' alt='1.png'/></td>
	<td id='menu-title'><center>Menu</center> </td>
	<td align='right'><img src='theme/images/side-right.png' alt='1.png'/></td>
	</tr>
	<tr>
	<td align='left' id='menu-conten-left'></td>
	<td id='menu-conten'> menubody</td>
	<td align='right' id='menu-conten-right'></td>
	</tr>
	<tr>
	<td align='left'><img src='theme/images/sideb-left.png' alt='1.png'/></td>
	<td id='menu-footer'><center> menufooter</center> </td>
	<td align='right'><img src='theme/images/sideb-right.png' alt='1.png'/></td>
	</tr>
	</table> 
</div>


<div align='center' id='mainblock'>

	<table cellpadding='0' cellspacing='0' >
	<tr>
	<td align='left'><img src='theme/images/side-left.png' alt='1.png'/></td>
	<td id='mainblock-title'><center>Menu</center> </td>
	<td align='right'><img src='theme/images/side-right.png' alt='1.png'/></td>
	</tr>
	<tr>
	<td align='left' id='mainblock-conten-left'></td>
	<td id='mainblock-conten' ><center> menubody </center></td>
	<td align='right' id='mainblock-conten-right'></td>
	</tr>
	<tr>
	<td align='left'><img src='theme/images/sideb-left.png' alt='1.png'/></td>
	<td id='mainblock-footer'><center> menufooter</center> </td>
	<td align='right' ><img src='theme/images/sideb-right.png' alt='1.png'/></td>
	</tr>
	</table> 
		<table cellpadding='0' cellspacing='0' >
	<tr>
	<td align='left'><img src='theme/images/side-left.png' alt='1.png'/></td>
	<td id='mainblock-title'><center>Menu</center> </td>
	<td align='right'><img src='theme/images/side-right.png' alt='1.png'/></td>
	</tr>
	<tr>
	<td align='left' id='mainblock-conten-left'></td>
	<td id='mainblock-conten' ><center> menubody </center></td>
	<td align='right' id='mainblock-conten-right'></td>
	</tr>
	<tr>
	<td align='left'><img src='theme/images/sideb-left.png' alt='1.png'/></td>
	<td id='mainblock-footer'><center> menufooter</center> </td>
	<td align='right' ><img src='theme/images/sideb-right.png' alt='1.png'/></td>
	</tr>
	</table> 
</div>

<div align='right' id='menuright'>

	<table cellpadding='0' cellspacing='0' >
	<tr>
	<td align='left'><img src='theme/images/side-left.png' alt='1.png'/></td>
	<td id='menuright-title'><center>Menu</center> </td>
	<td align='right' ><img src='theme/images/side-right.png' alt='1.png'/></td>
	</tr>
	<tr>
	<td align='left' id='menuright-conten-left'></td>
	<td id='menuright-conten' ><center> menubody </center></td>
	<td align='right' id='menuright-conten-right'></td>
	</tr>
	<tr>
	<td align='left'><img src='theme/images/sideb-left.png' alt='1.png'/></td>
	<td id='menuright-footer'><center> menufooter</center> </td>
	<td align='right'><img src='theme/images/sideb-right.png' alt='1.png'/></td>
	</tr>
	</table> 

</div>

</td>
<td id='body-right'>      </td>

<table cellpadding='0' cellspacing='0'>
	<tr>
	<td align='left'><img src='theme/images/footer-left.png' alt='1.png' /></td>
	<td align='center' id='footer'></td>
	<td align='right'><img src='theme/images/footer-right.png' alt='2.png' /></td>
	</tr>
	</table>
	<table cellpadding='0' cellspacing='0'>
	<tr>
	<td align='left'><img src='theme/images/bfooter-left.png' alt='1.png' /></td>
	<td align='left' style='padding-left:10px;' id='bottom-footer'>Theme <b>Apollo</b><br />Designed by <a href='http://www.destinedesigns.com' 
	target='blank'>Destine Designs</a><br />Converted to PHP-Fusion by <a href='http://php-fusion.openworld.dk' target='blank'>Harly</a></td>
	<td align='right'><img src='theme/images/bfooter-right.png' alt='2.png' /></td>
	</tr>
	</table>
	<div style='background-color:#BABEC7;height:3px;'></div>
</tr>
</table>

</body>
</html>

и theme/theme.css

Код:

body {  color: #000 ; background-color: #BABEC7; }


#header-title { width:100%; min-width: 1000px ; background-image: url(images/3.png); background-repeat: repeat-x;  }

#subheader-title { width:100% ; min-width: 1000px; height: 53px;  background-color: #C9CCD3; background-image: url(images/c.png); background-repeat: repeat-x; }


#body { width:100%; min-width: 1073px; background-color: #C9CCD3;}

#body-left {	 width:27px; background-image:url(images/body-left.png); background-repeat:repeat-y;  }

#body-right { width:27px;  background-image:url(images/body-right.png); background-repeat: repeat-y; }


#menu { float: left }

#menu-title { width: 200 ; height:54px; background-image:url(images/side.png); background-repeat: repeat-x; }

#menu-conten-left {	width:27px;   background-image:url(images/border-left.png); background-repeat: repeat-y;  }

#menu-conten { background-color: #C9CCD3; height: 173px;}

#menu-conten-right {	width:27px;  background-image:url(images/border-right.png); background-repeat: repeat-y; }

#menu-footer { height:54px; background-image:url(images/sideb.png); background-repeat: repeat-x; }


#mainblock { float: left;}

#mainblock-title { height:54px; background-image:url(images/side.png); background-repeat: repeat-x; }

#mainblock-conten-left {	width:27px;  background-image:url(images/border-left.png); background-repeat: repeat-y; }

#mainblock-conten { background-color: #C9CCD3; height: 173px; }

#mainblock-conten-right {	width:27px;  background-image:url(images/border-right.png); background-repeat: repeat-y; }

#mainblock-footer { height:54px; background-image:url(images/sideb.png); background-repeat: repeat-x; }

#menuright { }

#menuright-title { width: 200 ; height:54px; background-image:url(images/side.png); background-repeat: repeat-x; }

#menuright-conten-left {	width:27px;   background-image:url(images/border-left.png); background-repeat: repeat-y; }

#menuright-conten { background-color: #C9CCD3; height: 173px; }

#menuright-conten-right {	width:27px;  background-image:url(images/border-right.png); background-repeat: repeat-y; }

#menuright-footer { height:54px; background-image:url(images/sideb.png); background-repeat: repeat-x; }


#footer { width:100%; min-width: 1028px ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #474749; background-color: #BABEC7; background-image: url(images/footer.png);
background-repeat: repeat-x; padding-top: 35px; }

#bottom-footer { width:100%; min-width: 1018px ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #474749; background-color: #BABEC7;
background-image: url(images/bfooter.png); background-repeat: repeat-x; padding-bottom: 22px; }


.center {
	margin: 0 auto;
}

div.menu 
{ 
width: 165px; 
}

div.menu a { 
display: block; color: #fff; font-size: 13px; font-family: Verdana; text-decoration: none; padding: 8px 8px 8px 40px; 
background-image: url('img/butonmenu2.gif'); background-position: 0px 50%; background-repeat: no-repeat;  }

div.menu a:hover { background-image: url('img/butonmenu1.gif'); background-repeat: no-repeat; }


div.zaglavie { border-style: solid; border-color: blue; border-width: 2px; background-color: #0000ff ; text-align:center; width: ; margin-left: 200px;
margin-top: 0px; position: relative;}

div.opisanie { border-style: solid; border-color: blue; border-width: 2px; width: ; margin-left: 200px; margin-top: 0px; position: relative; }

div.avtor { border-style: solid; border-color: red; border-width: 2px; position: relative; width: 200px; margin-left: 200px; margin-top: 0px; }
 
div.footer {	text-indent: 0px; text-align: center ; text-decoration: none ; text-transform: none ; font-family: verdena, arial, sans-serif ; font-size: 12px ;
font-style: normal; font-variant: normal; font-weight: normal; border: 2px solid; margin-left: 40%; margin-right: 40%; margin-top:50px; padding: 5px;
letter-spacing: 1px; color: #fffccc ; position: relative; }

a:link { color: red; }
a:visited { color: #8000FF; }
a:active { color: blue; }
a:hover { color: green; }

span.red { color: red; }
span.green { color: green;}
span.blue { color: blue; }
span.yellow { color: yellow; }
span.black { color: black; }
span.white { color: white; }

Предварително ви благодаря!

Dizasterr · 6 Декември 2009

Фиксирал ли си му височина и ширина ?

Liberate · 6 Декември 2009

пич сори за офтопика, но не мислиш ли че абсолютно всеки може да те осъди, тъй като като първия и**от си сложил на всичкия нелегален софтуеър, дето си качил на сайта да пише че авторските права над всичките накачени неща са твои...

така не само че нсбоп могат да те издирят за нелегалния софтуеър а ми и ше ти вземат всички имущества и ше те тикнат доживотно в затвора за дето пише че всичките програми на сайта ти са твои и си ги защитил с твое авторско право...

Dizasterr · 6 Декември 2009

Говориш за heminen нали ? Мисля, че си прав.

heminei · 6 Декември 2009

Оправих авторските права. Вече всичко е добре. Благодаря че ми казахте, не бях забелязъл, то автоматично го въвежда системата.

А за това което питах - още не мого да го оправя

heminei · 7 Декември 2009

Оправих се!

Проблем с стилизирането на сайт

heminei

Registered

heminei

Registered

Dizasterr

Registered

Liberate

Registered

Dizasterr

Registered

heminei

Registered

heminei

Registered