Sirina content sadrzaja u templejtu

Locked
kzmlapovo
Joomla! Apprentice
Joomla! Apprentice
Posts: 8
Joined: Thu May 05, 2011 4:17 pm

Sirina content sadrzaja u templejtu

Post by kzmlapovo » Sat May 07, 2011 11:32 am

Primetio sam dva problema koja do sada ne mogu sam da prevazidjem uz pomoc gugla:

PRVI:
ukoliko nemam tekst, ili samo par reci u tekstu nekok Artikla u Joomli, sirina contetn sadrzaja nije maksimalna, vec se suzi,

http://hosting.ebchost.info/index.php?o ... 2&Itemid=2

DRUGI:
ukoliko iskljucim module na levoj ili desnoj koloni, content sadrzaj se ne prosiri levo ili desno, vec ostaje tu gde jeste. kako da to prebrodim

Evo koda templejta

Naziv fajla: index.php

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >  
<head>  
<jdoc:include type="head" />  
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/templateee/css/template.css" type="text/css" />  
</head>

<body id="pozadina">  
	<table id="container">
		<tr>
			<td id="header">
				<jdoc:include type="modules" name="header" />
				<h1>Moj prvi joomla templejt</h1>
			</td>
		</tr>
		<tr>
			<td>
				<ul id="menu" >
					<jdoc:include type="modules" name="user3" />
				</ul>
			</td>
		</tr>
		<tr>
			<td>
				<table align='center' width='100%'>
					<tr>
						<td valign='top' id="sidebar_left"  >
							<jdoc:include type="modules" name="left" style="XHTML" />
						</td>
						<td id="content">
							<jdoc:include type="component" />
						</td>
						<td id="sidebar_right" valign='top'>
							<jdoc:include type="modules" name="right"  style="XHTML" />
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</body>  
</html>  
Naziv fajla: template.css

Code: Select all

* {  
    padding: 0;  
    margin:0;  
    }  
#pozadina {
	background-color: #E8E8E8;
}

input.button {
	width: 100px;
	font-size:13px;
	margin-bottom: 10px;
	margin-top: 10px;
}
input.inputbox#mod_login_remember {
	margin-bottom: 10px;
}
.moduletable h3{
	padding: 10px;
	background-color: #3366FF;
	color: #ffffff;
        text-align: center;
        font-family:Helvetica,Arial,Verdana,sans-serif;
        text-transform:uppercase;
	font-size:13px;
        border-color: #D0D0D0;
        border-style: solid;
        border-width: 1px;
        border-radius: 15px;
        margin-bottom: 10px;
}

.moduletable th{	
	font-size: 14px;
        text-align: left;
        font-family: verdana;
}

.moduletable {	
	padding: 10px;
        border-color: #D0D0D0;
        border-style: solid;
        border-width: 1px;
        border-radius: 15px;
        font-family: verdana;
        font-size: 12px;
        text-align: left;
        margin-bottom:10px;
}

.contentheading {
	font-size: 30px;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-family: verdana;
	color: #02576B;
}

.contentpaneopen {
	font-size: 9px;
        text-align: left;
        font-family: verdana;
	
}

.createdate {
	font-size: 15px;
        text-align: left;
        font-family: verdana;	
}
.modifydate {
	font-size: 9px;
        text-align: left;
        font-family: verdana;	
}

.blog {
	font-size: 15px;
	width: 100%;
        font-family: verdana;
        border-color: #D0D0D0;
        border-style: solid;
        border-width: 1px;
        border-radius: 15px;
        padding: 10px;	
}


#content img{
	margin:15px;
}
	 
ul {  
    list-style:none;  
    }  
.float {  
    float: left;  
    }  
.clear {  
    clear: both;  
    }  
#container {  
    width:1200px;  
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;  
    border-color: #E8E8E8;
    border-style: solid;
    border-width: 1px;
    border-radius: 15px;
    text-align: justify;
    display: block;
    background-color: #ffffff;
    }  
#header {  
    background-color:#ffffff;  
    height: auto;  
    border-radius: 15px;
    padding: 10px;
    }  
#content {  
    /*width: 700px;  */
    text-align: center;
    padding: 10px;  
    }  
  
fieldset{
border:none;
}
#sidebar_left {  
    margin-top: 0px;
    padding: 10px;
    width: 200px;
    }  
#sidebar_right {  
    margin-top: 0px;
    padding: 10px;
    background-color:#ffffff;  
    width: 200px;  
    }  
#footer {  
    background-color:#999999;  
    text-align:center;  
    }  
.readon {
	margin:0;
	padding:0;
	list-style-type:none;
	width: 80px;
	position:relative;
	display:block;
	height:40px;
	text-transform:uppercase;
	font-size:13px;
	background:transparent url("../images/blue.jpg") repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
 }  
a.readon {
	display:block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	padding:12px 20px 0 20px;
	border-radius: 15px;
	height:28px;
	}
a.readon:hover{
	background:transparent url("../images/black.jpg") repeat-x top left;	
	}
   
ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:40px;
	text-transform:uppercase;
	font-size:13px;
	background:transparent url("../images/blue.jpg") repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
}
ul#menu li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	border-right:1px solid #ffffff;
	}
ul#menu li a{
	display:block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	padding:12px 20px 0 20px;
	
	height:28px;
	}
ul#menu li a:hover{
	background:transparent url("../images/black.jpg") repeat-x top left;	
	}
izvinjavam se zbog preglednosti css-a pisao sam ga onako kako sam redom resavao probleme na templejtu

User avatar
Vrlo Jak Tim
Joomla! Hero
Joomla! Hero
Posts: 2323
Joined: Mon Nov 07, 2005 12:58 am
Location: Bar, Crna Gora

Re: Sirina content sadrzaja u templejtu

Post by Vrlo Jak Tim » Sat May 07, 2011 6:03 pm

Drugo ti je zbog ovoga:

Code: Select all

#sidebar_left { 
    margin-top: 0px;
    padding: 10px;
    width: 200px;
    } 
#sidebar_right { 
    margin-top: 0px;
    padding: 10px;
    background-color:#ffffff; 
    width: 200px; 
    }  
Sve u svemu... Tabele umjesto divova... out.
Kad već umiješ da barataš CSS-om, bolje napravi templejt sa divovima.
Onda ćeš elegantno moći riješiti i prvi problem.
Svi mi drugi svoju tamu nude, a iz tebe sija vječni sjaj...

kzmlapovo
Joomla! Apprentice
Joomla! Apprentice
Posts: 8
Joined: Thu May 05, 2011 4:17 pm

Re: Sirina content sadrzaja u templejtu

Post by kzmlapovo » Sat May 07, 2011 9:13 pm

hvala, vec sam poceo sa DIVovima


Locked

Return to “Šabloni”