בעיית CSS עם תבנית ג'ומלה - תכנות - HWzone פורומים
עבור לתוכן
  • צור חשבון

בעיית CSS עם תבנית ג'ומלה

shaithebest

נוצר על ידי shaithebest
ב תכנות

Recommended Posts

shaithebest Zone Freak

shaithebest

פורסם
פורסם

שלום חברים

בתבנית ג'ומלה בסיסית אני רוצה להקים אתר תדמית חדש ויש בעייה באזור הלוגו.

בצדדים של הלוגו התפתחו אוזניים כאלו מעצבנות איך מוריד אותם?

הJPG יושב בתוך הHEADER שזה דיב בפני עצמו.

ראו צילום מסך: http://img262.imageshack.us/f/16734821.jpg/

ראו קטע קוד CSS

div#header_l{
  position: relative;
}

div#header_r {
  height: 280px;
  text-align: left;
}

div#logo {
  position: absolute;
  left:20px;
  top: 15px;
  width: 1020px;
  height: 250px;
  background: url(../images/webnetInternet-big.jpg) 0 0 no-repeat;
  margin-left: 0 auto;
}

למישהו יש מושג איך מעיפים את האוזניים בצד??

תודה לעוזרים

קישור לתוכן
שתף באתרים אחרים
shaithebest Zone Freak

shaithebest

פורסם
  • מחבר
פורסם

אחי אני מדבר אליך בתור חננה מספר אחד לחננה מספר 2 שאנחנו ביום שישי בערב בבית מול הפורומים במקום לצאת ולשתות ולרקוד.

האתר הראשי יצא עוד מעט אל תדאג, יש אכסון יש דומיין יש טמפלייט של ג'ומלה הכל בסדר.

עכשיו זה אתר תדמית, זה הקטע CSS היחיד שנוגע לאזור הזה, לפני שהתחלתי לשחק שם הכל היה בסדר רק כאשר מיקמתי שם את הלוגו נוצרו האוזניים המעצבנות.

בקשר לHTML לג'ומלה יש HTML משלו

</head>
<body id="page_bg" class="color_<?php echo $this->params->get('colorVariation'); ?> bg_<?php echo $this->params->get('backgroundVariation'); ?> width_<?php echo $this->params->get('widthStyle'); ?>">
<a name="up" id="up"></a>
<div class="center" align="center">
	<div id="wrapper">
		<div id="wrapper_r">
			<div id="header">
				<div id="header_l">
					<div id="header_r">
						<div id="logo"></div>
						<jdoc:include type="modules" name="top" />
					</div>
				</div>
			</div>

			<div id="tabarea">
				<div id="tabarea_l">
					<div id="tabarea_r">
						<div id="tabmenu">
						<table cellpadding="0" cellspacing="0" class="pill">
							<tr>
								<td class="pill_l"> </td>

קישור לתוכן
שתף באתרים אחרים
shaithebest Zone Freak

shaithebest

פורסם
  • מחבר
פורסם

האתר לא באוויר אלא רץ בשרת מקומי

קוד HTML

<?php
/**
 * @copyright	Copyright (C) 2005 - 2010 Open Source Matters. All rights reserved.
 * @license		GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant
 * to the GNU General Public License, and as distributed it includes or
 * is derivative of works licensed under the GNU General Public License or
 * other free or open source software licenses.
 * See COPYRIGHT.php for copyright notices and details.
 */

// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/url]
<html xmlns="[url]http://www.w3.org/1999/xhtml"[/url] 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/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/css/<?php echo $this->params->get('colorVariation'); ?>.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/css/<?php echo $this->params->get('backgroundVariation'); ?>_bg.css" type="text/css" />
<!--[if  IE 6]>
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/ieonly.css" rel="stylesheet" type="text/css" />
<![endif]-->
<?php if($this->direction == 'rtl') : ?>
	<link href="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/css/template_rtl.css" rel="stylesheet" type="text/css" />
<?php endif; ?>

</head>
<body id="page_bg" class="color_<?php echo $this->params->get('colorVariation'); ?> bg_<?php echo $this->params->get('backgroundVariation'); ?> width_<?php echo $this->params->get('widthStyle'); ?>">
<a name="up" id="up"></a>
<div class="center" align="center">
	<div id="wrapper">
		<div id="wrapper_r">
			<div id="header">
				<div id="header_l">
					<div id="header_r">
						<div id="logo"></div>
						<jdoc:include type="modules" name="top" />
					</div>
				</div>
			</div>

			<div id="tabarea">
				<div id="tabarea_l">
					<div id="tabarea_r">
						<div id="tabmenu">
						<table cellpadding="0" cellspacing="0" class="pill">
							<tr>
								<td class="pill_l"> </td>
								<td class="pill_m">
								<div id="pillmenu">
									<jdoc:include type="modules" name="user3" />
								</div>
								</td>
								<td class="pill_r"> </td>
							</tr>
							</table>
						</div>
					</div>
				</div>
			</div>

			<div class="clr"></div>

			<div id="whitebox">
				<div id="whitebox_t">
					<div id="whitebox_tl">
						<div id="whitebox_tr"></div>
					</div>
				</div>

				<div id="whitebox_m">
					<div id="area">
									<jdoc:include type="message" />

						<div id="leftcolumn">
						<?php if($this->countModules('left')) : ?>
							<jdoc:include type="modules" name="left" style="rounded" />
						<?php endif; ?>
						</div>

						<?php if($this->countModules('left')) : ?>
						<div id="maincolumn">
						<?php else: ?>
						<div id="maincolumn_full">
						<?php endif; ?>
							<?php if($this->countModules('user1 or user2')) : ?>
								<table class="nopad user1user2">
									<tr valign="top">
										<?php if($this->countModules('user1')) : ?>
											<td>
												<jdoc:include type="modules" name="user1" style="xhtml" />
											</td>
										<?php endif; ?>
										<?php if($this->countModules('user1 and user2')) : ?>
											<td class="greyline"> </td>
										<?php endif; ?>
										<?php if($this->countModules('user2')) : ?>
											<td>
												<jdoc:include type="modules" name="user2" style="xhtml" />
											</td>
										<?php endif; ?>
									</tr>
								</table>

								<div id="maindivider"></div>
							<?php endif; ?>

							<table class="nopad">
								<tr valign="top">
									<td>
										<jdoc:include type="component" />
										<jdoc:include type="modules" name="footer" style="xhtml"/>
									</td>
									<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
										<td class="greyline"> </td>
										<td width="170">
											<jdoc:include type="modules" name="right" style="xhtml"/>
										</td>
									<?php endif; ?>
								</tr>
							</table>

						</div>
						<div class="clr"></div>
					</div>
					<div class="clr"></div>
				</div>

				<div id="whitebox_b">
					<div id="whitebox_bl">
						<div id="whitebox_br"></div>
					</div>
				</div>
			</div>

			<div id="footerspacer"></div>
		</div>

		<div id="footer">
			<div id="footer_l">
				<div id="footer_r">
					<p id="syndicate">
						<jdoc:include type="modules" name="syndicate" />
					</p>
					<p id="power_by">
	 				 	<?php echo JText::_('Powered by') ?> <a href="http://www.joomla.org">Joomla!</a>.
						<?php echo JText::_('Valid') ?> <a href="[url]http://validator.w3.org/check/referer">XHTML</a>[/url] <?php echo JText::_('and') ?> <a href="[url]http://jigsaw.w3.org/css-validator/check/referer">CSS</a>[/url].
					</p>
				</div>
			</div>
		</div>
	</div>
</div>
<jdoc:include type="modules" name="debug" />

</body>
</html>

קוד CSS

div#header_l{
  position: relative;
}

div#header_r {
  height: 280px;
}

div#logo {
  position: absolute;
  left:20px;
  top: 15px;
  width: 1020px;
  height: 250px;
  background: url(../images/webnetInternet-big.jpg) 0 0 no-repeat;
  margin-left: 0 auto;
}

קישור לתוכן
שתף באתרים אחרים

ארכיון

דיון זה הועבר לארכיון ולא ניתן להוסיף בו תגובות חדשות.

עבור לרשימת הדיונים
×
  • צור חדש...