[100 points] Joomla template porting

M

moiety

New Member
Messages
102
Reaction score
3
Points
0
Funny. It's only doing it for the top post on the site you have visible. And yet there's nothing in that post that should be causing it (huge graphic).

If you're getting the same thing on the new template, I'd look at the CSS as the probable likely culprit, with the positioning CSS (probably at the top). It's a 3-column layout, so it should be something like
Col1 150px Col2 X% Col3 150px. I can't remember the exact phrasing, but the point is you have fixed-width on your first and 3rd columns, and the middle column expands to fill up the available space. Yours is going further than that, so check the numbers.

Unless you have something invisible and very wide in that top post.

EDIT: Oh yeah:
For an average 4" X 6" print a resolution of 800x600 is considered good enough
Click to expand...
Oh no it isn't. 254dpi is the limit of human vision. 300dpi is considered the standard print resolution, so an 4"x6" photo would require a 1200 x 1800px image. Just FYI
 
Last edited:
neverlate2day

neverlate2day

New Member
Messages
170
Reaction score
0
Points
0
thanks, ill edit the camera article
anyways i applied the new theme and its all messed up
could you please help me with this
 
M

moiety

New Member
Messages
102
Reaction score
3
Points
0
Look at the CSS. Post it/them here if you can't see anything wrong. Joomla isn't really my home ground- can you format the columns from the admin panel?
 
neverlate2day

neverlate2day

New Member
Messages
170
Reaction score
0
Points
0
im like an absolute n00b, lost u there
Edit:
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

#page_bg {
background: #fff url(../images/page_bg.png) repeat-x top left;
}

#wrapper {
margin:0 auto;
background: transparent url(../images/wrapper.png) no-repeat top center;
}

#header {
position:relative;
height:296px;
width:960px;
margin:0 auto;
background: transparent url(../images/headerimg.jpg) no-repeat center center;
}

#top {
height:72px;
}

#pillmenu {
float:right;
width: 600px;
height: 52px;
margin:20px 0 0 0;
overflow: hidden;
}

#pillmenu ul {
float:right;
margin: 0;
padding: 0;
list-style: none;
}

#pillmenu li {
float: left;
margin:0 1px 0 0;
}

#pillmenu li a {
float: left;
color: #fff;
text-decoration: none;
font-weight: 700;
height:52px;
line-height:29px;
padding: 0 14px;
cursor:pointer;
background: transparent url(../images/t_menu_but.png) repeat-x top left;
}

#pillmenu li a:hover {
color: #4ff2fe;
background: transparent url(../images/t_menu_but_hover.png) repeat-x top left;
}

#pillmenu li a#active_menu-nav {
color: #4ff2fe;
background: transparent url(../images/t_menu_but_hover.png) repeat-x top left;
}

#logo {
float:left;
padding:12px 14px 0;
height:22px;
width:320px;
overflow:hidden;
background: transparent url(../images/top.jpg) top left no-repeat;
}

#logo h1 {
text-align:left;
font-size:20px;
text-transform:uppercase;
margin:0;
line-height:normal;
}

#logo a {
color:#fffcfc;
font-weight:700;
text-decoration:none;
}

#newsflash {
position:absolute;
top:100px;
right:0;
width:660px;
background: url(../images/news_divider.gif) repeat-y top center;
}

.popular .module, .newsflash .module{
float:left;
}

.popular .module {
width:49%;
}

.newsflash .module {
margin:0;
background: url(../images/module_divider.png) no-repeat center left;
}

.newsflash h3, .popular h3 {
text-align:left;
height: 22px;
line-height:19px;
font-weight: 700;
color: #fbfbfb;
font-size: 11px;
text-transform:none;
margin:0;
padding:0 0 0 18px;
background: url(../images/news_arrow.gif) no-repeat center left;
}

.popular a, .popular a:link , .popular ul li a:visited,
.newsflash a, .newsflash a:link, .newsflash ul li a:visited {
color:#fbfbfb;
text-decoration:none;
padding:0 0 0 14px;
margin:0 0 0 4px;
background: url(../images/module_bullet.gif) no-repeat top left;
}

.popular ul li a:hover, .newsflash ul li a:hover {
color:#efefef;
}

.popular ul li a:visited, .newsflash ul li a:visited {
color:#072556;
}

.newsflash table.contentpaneopen a {
background:none;
padding:0;
margin:0;
text-decoration:underline;
}

.newsflash table.contentpaneopen td {
padding:0 0 0 8px;
}

.cpathway {
position:absolute;
top:252px;
left:0;
width:700px;
height:30px;
overflow:hidden;
}

span.breadcrumbs.pathway {
display:block;
color: #2f7fbe;
font-weight:400;
height:21px;
line-height:13px;
margin:0;
padding:7px 0 2px 0;
}

.cpathway img {
float:left;
padding:4px 6px 0 0;
}

span.breadcrumbs.pathway a.pathway {
float:left;
padding:0 6px 0 0;
color:#072556;
font-weight:400;
text-decoration: none;
}

span.breadcrumbs.pathway a.pathway:hover {
text-decoration: underline;
}

#search {
position:absolute;
top:257px;
right:0;
height:20px;
width:210px;
background: transparent url(../images/search_bg.jpg) repeat top right;
}

.search {
}

.search .inputbox {
float:left;
border: none;
color: #072556;
font-size:11px;
line-height:14px;
width:176px;
height:16px;
padding:3px 6px 1px;
margin:0 2px 0 0;
background: transparent url(../images/inputbox.png) no-repeat top left;
}

.search .button {
float:left;
margin:0;
width:20px;
padding:0;
text-indent:-9999px;
background: transparent url(../images/search_but.gif) top left no-repeat;
}

#content {
width:960px;
margin:0 auto 20px;
}

.c_middle {
width:0px;
background: transparent url(../images/content_middle.gif) repeat-y top center;
}
.c_left { background: transparent url(../images/content_left.gif) repeat-y top center;}
.c_right {background: transparent url(../images/content_right.gif) repeat-y top center;}
.c_full {background: none;}

#leftcolumn, #rightcolumn {
float: left;
width: 210px;
margin: 0 10px 0 0;
}

#rightcolumn {
margin: 0 0 0 10px;
}

div#maincolumn {
float: left;
width: 500px;
padding:0 10px;
}

div#maincolumn_full {
float: left;
width: 960px;
padding:0 0 10px;
}

div#maincolumn_left {
float: left;
width: 720px;
padding:0 10px 10px;
}

div#maincolumn_right {
float: left;
width: 720px;
padding:0 10px 10px;
}

#flashnews {
color:#1c5649;
background: transparent url(../images/flashnews.png) no-repeat top right;
}

#flashnews_l {
padding:10px;
margin:0 0 10px 0;
height:95px;
background: transparent url(../images/flashnews_l.png) no-repeat top left;
}

#flashnews a {
color:#1c5649;
text-decoration:underline;
}

#flashnews h3 {
margin:0 0 4px 4px;
padding:0;
font-size:11px;
color:#000;
overflow:hidden;
}

div.nopad {
overflow: hidden;
padding: 0;
}

div.nopad ul {
clear: both;
}

td.middle_pad {
width: 20px;
}

#footer {
width: 940px;
margin: 0 auto;
height: 50px;
text-align: center;
color: #fbfbfb;
padding:6px 10px 0;
background: transparent url(../images/footer_bg.png) no-repeat top left;
}

#footer a {
color: #4ff2fe;
font-weight:400;
font-size: 10px;
text-decoration: none;
}

#footer p {
margin:0;
}

#footer a:hover {
text-decoration:underline;
}

#footer #sgf a.sgfooter:link, #footer #sgf a.sgfooter:visited {
color: #8e8e8e;
font-family: Tahoma, Arial, sans-serif;
text-decoration: none;
background: none;
padding: 0;
}
#footer #sgf a.sgfooter:hover {
color: #8e8e8e;
font-family: Tahoma, Arial, sans-serif;
text-decoration: none;
background: none;
padding: 0;
}
#sgf {
font-size: 11px;
text-align: center;
margin: 0 auto;
color: #8e8e8e;
font-family: Tahoma, Arial, sans-serif;
}
.sgf {
text-align: right;
font-size: 12px;
font-family: Tahoma, Arial, sans-serif;
color: #8e8e8e;
text-decoration: none;
}
.sgf1 {
font-size: 12px;
font-family: Tahoma, Arial, sans-serif;
color: #8e8e8e;
text-align: left;
}

a.sglink:link, a.sglink:visited {
color: #8e8e8e;
font-size: 12px;
font-family: Tahoma, Arial, sans-serif;
text-decoration: none;
}
a.sglink:hover {
color: #8e8e8e;
font-family: Tahoma, Arial, sans-serif;
text-decoration: none;
}
Edit:
never mind all tht i fugured it out
yaay me!!
 
Last edited:
You must log in or register to reply here.
Top