עבור לתוכן

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

על-ידי shaithebest
ב תכנות

Featured Replies

פורסם

שלום חברים

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

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

ה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;
}

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

תודה לעוזרים

  • ציטוט
    • פורסם

    צריך את כל הקוד CSS + המבנה של הHTML (מפה אני לא יכול להבין בערך כלום, בעיקר בגלל שמות לא אינפורמטיביים בעליל)

    ואני דורש לינק בהקדם האפשרי לאתר ;D

  • ציטוט
    • פורסם
    • מחבר

    אחי אני מדבר אליך בתור חננה מספר אחד לחננה מספר 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>

  • ציטוט
    • פורסם

    וואלה פה יוצאים ביום חמישי, יום שישי הכל סגור :-X

    ןתביא לי את הדף אחרי הרצה ואת הCSS שלו.

  • ציטוט
    • פורסם

    איך אתה רוצה עזרה אם אתה מתעקש לא להביא את הקוד?

    או שתשים את העמוד ברשת ותביא קישור אליו.

    או שתעלה לכאן את כל המקור של הHTML ושל הCSS.

  • ציטוט
    • פורסם
    • מחבר

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

    קוד 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 lte 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;
    }

  • ציטוט
    • פורסם

    קוד HTML אחרי הרצה + קוד CSS שלם (לפי מה שיש פה אין בעיה, הבעיה זה באלמנטים אחרים)

  • ציטוט

    • ארכיון

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

    עבור לרשימת הדיונים

    דיונים חדשים