Joomlabamboo Support Forum :: Topic: Captify Content problem with paling DIV (1/1)

Page:
1

Captify Content problem with paling DIV

If you use Zentools please post a review at the Joomla! Extensions Directory.

14 years 7 months ago

Hi,
I have for every article an grey background with is pailing the text and pictures.
And also the captify preview picture boxes.
But now my problem is that the Div will not be scaled to the hight of all preview picture boxes of the captify content madule.
How could I fix this problem?

Greets

Jan
Free Extensions
8 posts
Karma: 0

The administrator has disabled public write access.

14 years 7 months ago

Hey Jan,

Could you tell us which template you are using or can you share a link or a screenshot?
What you are describing can be fixed with a few additional styles or tweaks but I will need to see the site. Let us know.

Cheers,
Jason.

Jason D
6 Month Developer
2957 posts
12 Thanks
Karma: 75

The administrator has disabled public write access.

14 years 7 months ago

Hi Jason,
thx for your quick reply!
I use this module in a own template.
I can only show you the sourcecode because the webside is actually only saved on my local disk.

!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="de-de" lang="de-de" >
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="robots" content="index, follow" />
  <meta name="keywords" content="büro exit, büroexit, bueroexit, Buero Exit, Bueroexit,
konzept, gestaltung, konzeptionelle gestaltung, konzeptionelle Gestaltung" />
  <meta name="description" content="Büro Exit - Büro für konzeptionelle Gestaltung" />
  <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
  <title>News</title>
  <link href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=frontpage&amp;Itemid=2&amp;format=feed&amp;type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />

  <link href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=frontpage&amp;Itemid=2&amp;format=feed&amp;type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
  <link rel="stylesheet" href="http://localhost/joomla1.5_bueroexit/modules/mod_captifyContent/css/captifyContent.css" type="text/css" />
  <link rel="stylesheet" href="http://localhost/joomla1.5_bueroexit/modules/mod_gk_image_show/css/style2/style1.css" type="text/css" />
  <script type="text/javascript" src="/joomla1.5_bueroexit/media/system/js/mootools.js"></script>
  <script type="text/javascript" src="http://localhost/joomla1.5_bueroexit/plugins/system/jbLibrary/jquery-1.2.6.pack.js"></script>
  <script type="text/javascript" src="/joomla1.5_bueroexit/media/system/js/caption.js"></script>
  <script type="text/javascript" src="http://localhost/joomla1.5_bueroexit/modules/mod_captifyContent/js/captify.tiny.js"></script>

  <script type="text/javascript" src="http://localhost/joomla1.5_bueroexit/modules/mod_gk_image_show/js/style2/engine_compress.js"></script>
  <script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
	jQuery('img.captify').captify({
		speedOver: '800',
		speedOut: '800',
		hideDelay: 500,	
		animation: 'slide',		
		prefix: '',		
		opacity: '1',					
		className: 'caption-bottom',	
		position: 'bottom',
		spanWidth: '100%'
	});

    
    });
  
	
jQuery(document).ready(function(){
	jQuery('img.captify').captify({
		speedOver: '800',
		speedOut: '800',
		hideDelay: 500,	
		animation: 'slide',		
		prefix: '',		
		opacity: '1',					
		className: 'caption-bottom',	
		position: 'bottom',
		spanWidth: '100%'
	});

    
    });
  
	
  </script>
  <!-- JoomlaWorks "Ultimate PNG Fix" (v2.0) starts here -->
	<!--[if lt IE 7]>
	<script defer type="text/javascript" src="http://localhost/joomla1.5_bueroexit/plugins/system/jwupf/ultimatepngfix_inline.js"></script>
	<script type="text/javascript" src="http://localhost/joomla1.5_bueroexit/plugins/system/jwupf/ultimatepngfix_bg.js"></script>
	<![endif]-->
	<!-- JoomlaWorks "Ultimate PNG Fix" (v2.0) ends here -->

<link rel="stylesheet" href="/joomla1.5_bueroexit/templates/_system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/joomla1.5_bueroexit/templates/bueroexit/css/layout_normal.css" type="text/css" />
<link rel="stylesheet" href="/joomla1.5_bueroexit/templates/bueroexit/css/position.css" type="text/css" />
<link rel="stylesheet" href="/joomla1.5_bueroexit/templates/bueroexit/css/menu.css" type="text/css" />

</head>
<body>
<!-- umschlie&#65533;endes Div -->
<div id="all">
<!-- header/Breadcrumb Bereich -->
	<div id="breadcrumb">
	<div style="text-decoration:none;">News</div>
	</div>
<!-- Content Bereich -->
         <div id="filling">
         

<div class="blog">

			<div class="leading">
			









Herzlich Willkommen auf der Webseite des Designbüros <strong>„Büro Exit“</strong>.<br />Wir konzipieren, gestalten und realisieren Kommunikationsdesign für Unternehmen, deren Produkte und Dienstleistungen.

		</div>
		<span class="leading_separator">&nbsp;</span>
	
				<div class="article_row">
									<div class="article_column column1 cols2" >
						

<h2 class="contentheading">

	Referenzübersicht</h2>








<div id="captifyContent">
			<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=10:buero-exit-geschaeftsausstattung&amp;catid=2:arbeiten&amp;Itemid=21">
				<img src="/joomla1.5_bueroexit/modules/mod_captifyContent/image.php?width=189&amp;=189&amp;cropratio=1:1&amp;image=/joomla1.5_bueroexit/images/stories/print/be_ausstatung/image01.png" class="captify" alt="Büro Exit Geschäftsausstattung" />
			</a>

			
			<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=9:fiestamongolia&amp;catid=1:web&amp;Itemid=20">
				<img src="/joomla1.5_bueroexit/modules/mod_captifyContent/image.php?width=189&amp;=189&amp;cropratio=1:1&amp;image=/joomla1.5_bueroexit/images/stories/web/fiestamongolia/image01.png" class="captify" alt="Fiestamongolia" />
			</a>
			
			<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=6:frankfurter-hochhaeusser&amp;catid=5:fotografie&amp;Itemid=18">
				<img src="/joomla1.5_bueroexit/modules/mod_captifyContent/image.php?width=189&amp;=189&amp;cropratio=1:1&amp;image=/joomla1.5_bueroexit/images/stories/fotos/frapic/image01.jpg" class="captify" alt="Frankfurter Hochhäußer" />
			</a>
			
			<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=4:birkenhof-webseite&amp;catid=1:web&amp;Itemid=14">
				<img src="/joomla1.5_bueroexit/modules/mod_captifyContent/image.php?width=189&amp;=189&amp;cropratio=1:1&amp;image=/joomla1.5_bueroexit/images/stories/web/birkenhof/image1.png" class="captify" alt="Birkenhof Webseite" />
			</a>

			
			<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=3:alphabettaschen&amp;catid=2:arbeiten&amp;Itemid=7">
				<img src="/joomla1.5_bueroexit/modules/mod_captifyContent/image.php?width=189&amp;=189&amp;cropratio=1:1&amp;image=/joomla1.5_bueroexit/images/stories/print/alphabettaschen/image03.png" class="captify" alt="Alphabettaschen" />
			</a>
			
			<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=2:birkenhof-flyer&amp;catid=2:arbeiten&amp;Itemid=6">
				<img src="/joomla1.5_bueroexit/modules/mod_captifyContent/image.php?width=189&amp;=189&amp;cropratio=1:1&amp;image=/joomla1.5_bueroexit/images/stories/print/blatzhalter.png" class="captify" alt="Birkenhof Flyer" />
			</a>
			
</div>

<div class="clear"></div>






					</div>
					<span class="article_separator">&nbsp;</span>
								<span class="row_separator">&nbsp;</span>
			</div>
		
	
	</div>

	</div>
<!-- Content Bereich Ende -->
<!-- module parking position -->
                 <div id="advert1">
         			<div class="moduletable-captify">
					<div id="captifyContent">
			<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=10:buero-exit-geschaeftsausstattung&amp;catid=2:arbeiten&amp;Itemid=21">
				<img src="/joomla1.5_bueroexit/modules/mod_captifyContent/image.php?width=189&amp;=189&amp;cropratio=1:1&amp;image=/joomla1.5_bueroexit/images/stories/print/be_ausstatung/image01.png" class="captify" alt="Büro Exit Geschäftsausstattung" />
			</a>
			
			<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=9:fiestamongolia&amp;catid=1:web&amp;Itemid=20">

				<img src="/joomla1.5_bueroexit/modules/mod_captifyContent/image.php?width=189&amp;=189&amp;cropratio=1:1&amp;image=/joomla1.5_bueroexit/images/stories/web/fiestamongolia/image01.png" class="captify" alt="Fiestamongolia" />
			</a>
			
			<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=6:frankfurter-hochhaeusser&amp;catid=5:fotografie&amp;Itemid=18">
				<img src="/joomla1.5_bueroexit/modules/mod_captifyContent/image.php?width=189&amp;=189&amp;cropratio=1:1&amp;image=/joomla1.5_bueroexit/images/stories/fotos/frapic/image01.jpg" class="captify" alt="Frankfurter Hochhäußer" />
			</a>
			
			<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=4:birkenhof-webseite&amp;catid=1:web&amp;Itemid=14">
				<img src="/joomla1.5_bueroexit/modules/mod_captifyContent/image.php?width=189&amp;=189&amp;cropratio=1:1&amp;image=/joomla1.5_bueroexit/images/stories/web/birkenhof/image1.png" class="captify" alt="Birkenhof Webseite" />
			</a>
			
			<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=3:alphabettaschen&amp;catid=2:arbeiten&amp;Itemid=7">

				<img src="/joomla1.5_bueroexit/modules/mod_captifyContent/image.php?width=189&amp;=189&amp;cropratio=1:1&amp;image=/joomla1.5_bueroexit/images/stories/print/alphabettaschen/image03.png" class="captify" alt="Alphabettaschen" />
			</a>
			
			<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=2:birkenhof-flyer&amp;catid=2:arbeiten&amp;Itemid=6">
				<img src="/joomla1.5_bueroexit/modules/mod_captifyContent/image.php?width=189&amp;=189&amp;cropratio=1:1&amp;image=/joomla1.5_bueroexit/images/stories/print/blatzhalter.png" class="captify" alt="Birkenhof Flyer" />
			</a>
			
</div>

<div class="clear"></div>




		</div>
			<div class="moduletable">
					<h3>Gavick Image Show (Frankfurterhochhäuserfotos)</h3>
					
<div id="gk_is-newsimage3" class="gk_is_wrapper gk_is_wrapper-style2" style="width: 628px;">

		<div class="gk_is_preloader"></div>
	
		<div class="gk_is_overlay"></div>
		
		
	<div class="gk_is_image" style="width: 628px;height: 689px;margin:0 0 0 0;padding:0 0 0 0;">

					
						
							<div class="gk_is_slide" style="z-index: 1;" title="Profil">http://localhost/joomla1.5_bueroexit/components/com_gk3_photoslide/thumbs_big/687576image01.jpg<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=9">link</a></div>
						
					
						
							<div class="gk_is_slide" style="z-index: 2;" title="Profil">http://localhost/joomla1.5_bueroexit/components/com_gk3_photoslide/thumbs_big/908319image02.jpg<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=9">link</a></div>
						
					
						
							<div class="gk_is_slide" style="z-index: 3;" title="Profil">http://localhost/joomla1.5_bueroexit/components/com_gk3_photoslide/thumbs_big/261471image03.jpg<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=9">link</a></div>
						
					
						
							<div class="gk_is_slide" style="z-index: 4;" title="Profil">http://localhost/joomla1.5_bueroexit/components/com_gk3_photoslide/thumbs_big/503527image04.jpg<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=9">link</a></div>
						
					
						
							<div class="gk_is_slide" style="z-index: 5;" title="Profil">http://localhost/joomla1.5_bueroexit/components/com_gk3_photoslide/thumbs_big/945288image05.jpg<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=9">link</a></div>

						
					
						
							<div class="gk_is_slide" style="z-index: 6;" title="Profil">http://localhost/joomla1.5_bueroexit/components/com_gk3_photoslide/thumbs_big/887966image06.jpg<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=9">link</a></div>
						
					
						
							<div class="gk_is_slide" style="z-index: 7;" title="Profil">http://localhost/joomla1.5_bueroexit/components/com_gk3_photoslide/thumbs_big/250897image07.jpg<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=9">link</a></div>
						
					
						
							<div class="gk_is_slide" style="z-index: 8;" title="Profil">http://localhost/joomla1.5_bueroexit/components/com_gk3_photoslide/thumbs_big/602487image08.jpg<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=9">link</a></div>
						
					
						
							<div class="gk_is_slide" style="z-index: 9;" title="Profil">http://localhost/joomla1.5_bueroexit/components/com_gk3_photoslide/thumbs_big/774230image09.jpg<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=9">link</a></div>
						
					
						
							<div class="gk_is_slide" style="z-index: 10;" title="Profil">http://localhost/joomla1.5_bueroexit/components/com_gk3_photoslide/thumbs_big/973989image10.jpg<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=9">link</a></div>

						
					
						
							<div class="gk_is_slide" style="z-index: 11;" title="Profil">http://localhost/joomla1.5_bueroexit/components/com_gk3_photoslide/thumbs_big/233648image11.jpg<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=9">link</a></div>
						
					
						
							<div class="gk_is_slide" style="z-index: 12;" title="Profil">http://localhost/joomla1.5_bueroexit/components/com_gk3_photoslide/thumbs_big/803646image12.jpg<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=9">link</a></div>
						
					
						
							<div class="gk_is_slide" style="z-index: 13;" title="Profil">http://localhost/joomla1.5_bueroexit/components/com_gk3_photoslide/thumbs_big/256884image13.jpg<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=9">link</a></div>
						
					
						
							<div class="gk_is_slide" style="z-index: 14;" title="Profil">http://localhost/joomla1.5_bueroexit/components/com_gk3_photoslide/thumbs_big/214505image15.jpg<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=9">link</a></div>
						
			</div>

</div>
<script type="text/javascript">
	try {$Gavick;}catch(e){$Gavick = {};};
	$Gavick["gk_is-newsimage3"] = {
		"anim_speed": 700,
		"anim_interval": 3000,
		"autoanim": true,
		"anim_type": "right",
		"preloading": true,
		"overlay_speed": 500,
		"overlay_opacity": 0.75,
		"slide_links": false,
		"actual_animation": false,
		"actual_slide": 0
	};
</script>

		</div>
			<div class="moduletable">
					<h3>Gavick Image Show (Fiestamongolia Webseite)</h3>
					
<div id="gk_is-newsimage4" class="gk_is_wrapper gk_is_wrapper-style2" style="width: 628px;">

		<div class="gk_is_preloader"></div>
	
		<div class="gk_is_overlay"></div>

		
		
	<div class="gk_is_image" style="width: 628px;height: 621px;margin:0 0 0 0;padding:0 0 0 0;">
					
						
							<div class="gk_is_slide" style="z-index: 1;" title="Profil">http://localhost/joomla1.5_bueroexit/components/com_gk3_photoslide/thumbs_big/267349image01.png<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=9">link</a></div>
						
					
						
							<div class="gk_is_slide" style="z-index: 2;" title="Profil">http://localhost/joomla1.5_bueroexit/components/com_gk3_photoslide/thumbs_big/426486image02.png<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=9">link</a></div>
						
			</div>
</div>
<script type="text/javascript">
	try {$Gavick;}catch(e){$Gavick = {};};
	$Gavick["gk_is-newsimage4"] = {
		"anim_speed": 700,
		"anim_interval": 3000,
		"autoanim": true,
		"anim_type": "right",
		"preloading": true,
		"overlay_speed": 500,
		"overlay_opacity": 0.75,
		"slide_links": false,
		"actual_animation": false,
		"actual_slide": 0
	};
</script>

		</div>

			<div class="moduletable">
					
<div id="gk_is-newsimage2" class="gk_is_wrapper gk_is_wrapper-style2" style="width: 628px;">

		<div class="gk_is_preloader"></div>
	
		<div class="gk_is_overlay"></div>
		
		
	<div class="gk_is_image" style="width: 628px;height: 689px;margin:0 0 0 0;padding:0 0 0 0;">
					
						
							<div class="gk_is_slide" style="z-index: 1;" title="Profil">http://localhost/joomla1.5_bueroexit/components/com_gk3_photoslide/thumbs_big/312091image01.png<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=9">link</a></div>
						
					
						
							<div class="gk_is_slide" style="z-index: 2;" title="Profil">http://localhost/joomla1.5_bueroexit/components/com_gk3_photoslide/thumbs_big/691366image02.png<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=9">link</a></div>

						
					
						
							<div class="gk_is_slide" style="z-index: 3;" title="Profil">http://localhost/joomla1.5_bueroexit/components/com_gk3_photoslide/thumbs_big/505834image03.png<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=9">link</a></div>
						
			</div>
</div>
<script type="text/javascript">
	try {$Gavick;}catch(e){$Gavick = {};};
	$Gavick["gk_is-newsimage2"] = {
		"anim_speed": 700,
		"anim_interval": 3000,
		"autoanim": true,
		"anim_type": "right",
		"preloading": true,
		"overlay_speed": 500,
		"overlay_opacity": 0.75,
		"slide_links": false,
		"actual_animation": false,
		"actual_slide": 0
	};
</script>

		</div>
			<div class="moduletable">
					
<div id="gk_is-newsimage1" class="gk_is_wrapper gk_is_wrapper-style2" style="width: 628px;">

		<div class="gk_is_preloader"></div>
	
		<div class="gk_is_overlay"></div>
		
		
	<div class="gk_is_image" style="width: 628px;height: 427px;margin:0 0 0 0;padding:0 0 0 0;">
					
						
							<div class="gk_is_slide" style="z-index: 1;" title="Profil">http://localhost/joomla1.5_bueroexit/components/com_gk3_photoslide/thumbs_big/161358image1.png<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=9">link</a></div>
						
					
						
							<div class="gk_is_slide" style="z-index: 2;" title="Profil">http://localhost/joomla1.5_bueroexit/components/com_gk3_photoslide/thumbs_big/976132image2.png<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=9">link</a></div>
						
					
						
							<div class="gk_is_slide" style="z-index: 3;" title="Profil">http://localhost/joomla1.5_bueroexit/components/com_gk3_photoslide/thumbs_big/236532image3.png<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=9">link</a></div>

						
					
						
							<div class="gk_is_slide" style="z-index: 4;" title="Profil">http://localhost/joomla1.5_bueroexit/components/com_gk3_photoslide/thumbs_big/203930image4.png<a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=9">link</a></div>
						
			</div>
</div>
<script type="text/javascript">
	try {$Gavick;}catch(e){$Gavick = {};};
	$Gavick["gk_is-newsimage1"] = {
		"anim_speed": 700,
		"anim_interval": 3000,
		"autoanim": true,
		"anim_type": "right",
		"preloading": true,
		"overlay_speed": 500,
		"overlay_opacity": 0.75,
		"slide_links": false,
		"actual_animation": false,
		"actual_slide": 0
	};
</script>

		</div>
	
		</div>
                 <div id="advert2">
         	
		</div>

		<div id="advert2">
         	
		</div>
<!-- rechtes zusammenfssendes Men&#65533; Div -->
         <div id="menu">
<!-- rechter homebutton -->
		<div id="home">
         			<div class="moduletable">
					<ul  id="mainlevel-home"><li><a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=frontpage&amp;Itemid=2" class="mainlevel-home" id="active_menu-home"><img src="http://localhost/joomla1.5_bueroexit/images/stories/blindesmenue.gif" border="0" alt="Home"/></a></li></ul>		</div>
	
		</div>

<!-- rechtes hauptmenue -->
		<div id="right">
         			<div class="moduletable">
					<ul  id="mainlevel-main"><li class="mainlevel-main"><a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=9" class="mainlevel-main">Unser Profil</a></li><li class="mainlevel-main"><a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=article&amp;id=8&amp;Itemid=10" class="mainlevel-main">Unsere Kompetenzen</a></li><li class="mainlevel-main"><a href="/joomla1.5_bueroexit/index.php?option=com_content&amp;view=section&amp;layout=blog&amp;id=3&amp;Itemid=4" class="mainlevel-main">Referenzen</a></li></ul>		</div>
	
		</div>
<!-- rechtes submenue -->
		<div id="subright">
         			<div class="moduletable">

					<ul  id="mainlevel-main"><li class="mainlevel-main"><a href="/joomla1.5_bueroexit/index.php?option=com_contact&amp;view=contact&amp;id=1&amp;Itemid=11" class="mainlevel-main">Kontakt</a></li><li class="mainlevel-main"><a href="/joomla1.5_bueroexit/index.php?option=com_contact&amp;view=contact&amp;id=1&amp;Itemid=12" class="mainlevel-main">Impressum</a></li></ul>		</div>
	
		</div>
<!-- login -->
                 <div id="login">
         			<div class="moduletable">
					<ul  id="mainlevel-main"><li class="mainlevel-main"><a href="/joomla1.5_bueroexit/index.php?option=com_user&amp;view=login&amp;Itemid=13" class="mainlevel-main">Login</a></li></ul>		</div>
	
		</div>

<!-- sprachauswahl -->
                 <div id="language">
         	
		</div>
<!-- rechtes zusammenfssendes Men&#65533; Div ende -->
	</div>
<!-- umschlie&#65533;endes Div ende -->
</div>
</body>
</html>

CSS

http://localhost/joomla1.5_bueroexit/modules/mod_captifyContent/css/captifyContent.css

/* @group Mod Captify Sections */
#captifyContent {margin:0}
#captifyContent a {float: left;padding: 0;}
.caption-top, .caption-bottom {	color: #ffffff;	padding: 0.6em 1.2em 2.6em 1.2em;	 font-size: 12px;font-family: arial;	cursor: hover;border: 0px solid #334143;background: #000}
.caption a, 
.caption a {
	border: 0 none;	text-decoration: none;	background: #000000;padding: 0.3em;float: left;}
.caption-wrapper {float: left;}
br.c { clear: both; }
/* @end */

http://localhost/joomla1.5_bueroexit/modules/mod_gk_image_show/css/style2/style1.css

.gk_is_wrapper-style2{

	overflow: hidden;

	position: relative;

}

.gk_is_wrapper-style2 .gk_is_image{

	display: block;

	position: relative;

	overflow: hidden;

}

.gk_is_wrapper-style2 .gk_is_text_bg{

	position: absolute;

	width: 100%;

	left: 0;

	z-index: 95;

}

.gk_is_wrapper-style2 .gk_is_text{

	padding: 0 10px;

	width: auto;

	position: absolute;

	z-index: 96;

	color: #fff;

}

.gk_is_wrapper-style2 .gk_is_preloader{

	width: 100%;

	height: 100%;

	position: absolute;

	z-index: 1000;

	top: 0;

	left: 0;

	background: #fff url('../../images/style2/variation1/loader.gif') no-repeat center center;

}

/*.gk_is_wrapper-style2 .gk_is_overlay{

         width: 100%;

         display: none;

         height: 100%;

         position: absolute;

         z-index: 999;

         top: 0;

         left: 0;

         cursor:pointer;

         background: #000 url('../../images/style2/variation1/go.png') no-repeat center center;*/

}

.gk_is_wrapper-style2 .gk_is_text_data{

	display: none;

}

.gk_is_wrapper-style2 .gk_is_slide{

	position: absolute;

	left: 0;

	top: 0;

}

http://localhost/joomla1.5_bueroexit/templates/_system/css/general.css

<?xml version="1.0" encoding="ISO-8859-1"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">

<head>

<title>Objekt nicht gefunden!</title>

<link rev="made" href="mailto:admin@localhost" />

<style type="text/css"><!--/*--><![CDATA[/*><!--*/ 

    body { color: #000000; background-color: #FFFFFF; }

    a:link { color: #0000CC; }

    p, address {margin-left: 3em;}

    span {font-size: smaller;}

/*]]>*/--></style>

</head>



<body>

<h1>Objekt nicht gefunden!</h1>

<p>





    Der angeforderte URL konnte auf dem Server nicht gefunden werden.



  



    Der Link auf der

    <a href="http://localhost/joomla1.5_bueroexit/index.php%3foption=com_content&view=frontpage&Itemid=2">verweisenden

    Seite</a> scheint falsch oder nicht mehr aktuell zu sein.

    Bitte informieren Sie den Autor

    <a href="http://localhost/joomla1.5_bueroexit/index.php%3foption=com_content&view=frontpage&Itemid=2">dieser Seite</a>

    &uuml;ber den Fehler.



  



</p>

<p>

Sofern Sie dies f&uuml;r eine Fehlfunktion des Servers halten,

informieren Sie bitte den 

<a href="mailto:admin@localhost">Webmaster</a>

hier&uuml;ber.



</p>



<h2>Error 404</h2>

<address>

  <a href="/">localhost</a><br />

  

  <span>09/07/09 12:08:03<br />

  Apache/2.2.11 (Win32) DAV/2 mod_ssl/2.2.11 OpenSSL/0.9.8i PHP/5.2.9</span>

</address>

</body>

</html>



http://localhost/joomla1.5_bueroexit/templates/bueroexit/css/layout_normal.css

/* ################  Layout  ################  */

*

{

	font-family: univers, helvetica, arial, verdana, sans-serif;

	font-size: 12px;

         color:#000;



}



body

{

	background: #ccc;

}



#all

{

         font-size: 12pt;

}



#content

{

	background:#fff;

}



#image

{

         border:solid 1px #000;

}



#menu

{

	background: #fff;

}



#filling

{

	background:#fff;

}



/* ################  Layout der vorgegebenen Styles  ################  */



.contentheading

{

	background: #000;

	color: #fff;

}



h2.contentheading

{

	font-size: 9pt;

	font-weight: 600;

}



p

{

	line-height: 1.5;

}



/* ################  Layout der EasyTemplates  ################  */



.imagecontainer

{

	border: 1px solid #000;

}



/* ################  bradcrumb pathway  ################  */



#breadcrumb *

{

	font-size: 45pt;

	font-weight: bold;

}



/* ################  Texteffekt  ################  */



.anfuehrungszeichen

{

	font-family: georgia;

	font-size: 50pt;

	color: #ccc;

	float: left;

 }



.full

{

	line-height: 75%;

	float: left;

}



.half

{

	line-height: 120%;

}





.zitat

{

	font-style: italic;

	font-size: 15pt;

	font-weight: bold;

	line-height: 75%;

	float: left;

}



span.fassade

{

	font-style: italic;

	font-size: 15pt;

	font-weight: bold;

	line-height: 150%;

	padding-left: 30px;

	display: block;

	float: left;

}



/* ################  Layout des Captify Content Module  ################  */



.captify

{

	border: 1px solid #000;

}

http://localhost/joomla1.5_bueroexit/templates/bueroexit/css/position.css

/* ################  Position  ################  */



*

{

         padding: 0;

         margin: 0;

}



#all

{

	margin: 0 auto;

	width: 968px;

	padding-top: 50px;

	text-align: left;



}



#breadcrumb, #content

{

	position: relative;

         width: 784px;

	overflow: hidden;



}



#filling

{

	width: 650px;

	text-align:left;

}



/* ################ Divs für Menü ################ */



#menu

{

	position:fixed;

	right:50%;

	margin-right:-550px;

	top: 10px;

	width: 220px;

	min-height: 350px;

	top: 30%;

	padding: 20px 0 20px 20px;



}



#home

{



}



#right

{

         margin: 50px 0 0 0;

}



#subright

{

	margin-top: 20px;

}



#login

{

	margin-top: 20px;

}



#language

{

}



#advert1

{

         display: none;

}



#advert2

{

         display: none;

}



#advert3

{

         display: none;

}



/* ################  Layout der vorgegebenen Styles  ################  */



.contentheading

{

	padding: 10px;

	margin-bottom: 20px;

	border-top: 30px solid #ccc;

}





.leading

{

	margin-bottom: 50px;

}



h1.componentheading

{

	display:none;

}





.aftercontentheading

{

	padding-left: 10px;

	padding-right: 10px;

	padding-bottom: 20px;

}



.aftercontentheading-info

{



	padding-left: 10px;

	padding-right: 10px;

	padding-bottom: 20px;

}





/* ################  bradcrumb pathway  ################  */



#breadcrumb *

{

	margin-bottom: 30px;

}



/* ################  Layout der EasyTemplates  ################  */



#imagecontainer1

{



}





/* ################  Layout des Captify Content Module  ################  */



.captify

{

	margin: 10px;

}

http://localhost/joomla1.5_bueroexit/templates/bueroexit/css/menu.css

/* ################  für alle menues  ################  */



ul#mainlevel

{

list-style-type: none;

}



ul#mainlevel li

{

float: left;

}



ul#mainlevel-home li

{

list-style-type: none;

font-weight: 600;

}



ul#mainlevel-main li

{

list-style-type: none;

font-weight: 600;

}



ul#mainlevel-submain li

{

list-style-type: none;

font-weight: 600;

}





/* ################  homemenue  ################  */



a.mainlevel-home { display: block; background-image: url(../../../images/menue/firmenlogo.png ); width:150px; height:54px; font-size: 15px; text-decoration:none;}

a.mainlevel-home:hover, a.mainlevel_current-home, a.mainlevel_active-home { display: block; background-image: url(../../../images/menue/firmenlogo.png ); background-position:0 -54px; width:150px; height:54px; font-size: 15px; text-decoration:none;}



/* ################  Hauptmenu  ################  */



a.mainlevel-main {display: block; color:#000; text-decoration:none; font-size: 15px;}

a.mainlevel-main:hover, a.mainlevel_current-main, a.mainlevel_active-main {font-style: italic; line-height:1.2; text-decoration:none; font-size: 15px;}



/* ################  Sub-Menu  ################  */



a.sublevel-main {display: block; color:#000; text-decoration:none; font-size: 15px; padding-left: 10px;}

a.sublevel-main:hover, a.sublevel_current-main, a.sublevel_active-main {font-style: italic; line-height:1.2; text-decoration:none; font-size: 15px; padding-left: 10px;}



/* ################  SubSub-Menu  ################  */



a.subsublevel-main {display: block; color:#000; text-decoration:none; font-size: 15px; padding-left: 20px;}

a.subsublevel-main:hover, a.subsublevel_current-main, a.subsublevel_active-main {font-style: italic; line-height:1.2; text-decoration:none; font-size: 15px; padding-left: 20px;}

Greets

Jan
Free Extensions
8 posts
Karma: 0

The administrator has disabled public write access.

14 years 7 months ago

Hi,
is there no one who ca nhelp me?
I know that it is a problem that I can´t upload the website. But I can´t upload a complete Joomla installation on my webserver because in this time the actual site will be unshown.
I hope ther is anyone who will have a mercy with me

.

RDS

Jan
Free Extensions
8 posts
Karma: 0

The administrator has disabled public write access.

14 years 7 months ago

Hi Jan -

A screenshot would help

Anthony

Anthony Olsen
LIfetime Developer - Big Bamboo
23925 posts
788 Thanks
Karma: 433

The administrator has disabled public write access.

14 years 7 months ago

Okelydokely, no problem.

I want the white area behind the 6 small previews in the same hight. Normally this should be automaticly.

RDS

Attachments:

sshot_01.JPG (71KB)
sshot_01.JPG (71KB)

Jan
Free Extensions
8 posts
Karma: 0

The administrator has disabled public write access.

14 years 7 months ago

Hey Jan,

Sorry for letting this one slip.
The CSS is a little hard to read and I cannot figure out where the styles for that div are coming from.
Generally though if you want to achieve this you will need to either clear the captify div,
give the containing div a rule of overflow:auto
or float the containing div.

Let me know where the style for the div is defined and I might be able to help further.

Cheers,
Jason.

Jason D
6 Month Developer
2957 posts
12 Thanks
Karma: 75

The administrator has disabled public write access.

14 years 7 months ago

Hi,
also the paling DIV ist the filling btw. blog (not yet set).
If I give the containing Div a overflow:auto it works. But when the link wil load i get ugly emty scrollbars on the Div edge.

Attachments:

sshot_1.png (231KB)
sshot_1.png (231KB)

Jan
Free Extensions
8 posts
Karma: 0

The administrator has disabled public write access.

14 years 7 months ago

Hi Jan,

The scrollbars tend to appear due to certain margins and paddings in the divs.
You could also try specifying a width of 100% for the containing div.

Would be easier if we could see the site but here is an article that can help.
www.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/

See how to clear a float as that is what you need to do it seems.

Cheers,
Jason.

Jason D
6 Month Developer
2957 posts
12 Thanks
Karma: 75

The administrator has disabled public write access.

14 years 6 months ago

Hi Jason,
okay now im chanced the overflow to hidden. Thats the only what I get to work.
It seems to be that I´m a little incompetent.

Thanks a lot for you competent help.

Greets

Jan
Free Extensions
8 posts
Karma: 0

The administrator has disabled public write access.

14 years 6 months ago

Glad you got it sorted.

Anthony

Anthony Olsen
LIfetime Developer - Big Bamboo
23925 posts
788 Thanks
Karma: 433

The administrator has disabled public write access.

If you use Zentools please post a review at the Joomla! Extensions Directory.

Captify Content problem with paling DIV

Happy Campers