CSS - Kafanıza takılan sorular. - Sayfa 6

01-04-2009, 09:00:12

#46

Üyeliği durduruldu

<?php echo get_option('gallery-info'); ?>

galeri-info ayarında bir hata var. Ya onu düzelt yada kısa yol olarak bu kısmı silip kendin bir değer ata..

plaketkupa tebrik ederim dostum...

01-04-2009, 09:02:33

#47

felix59

span, font kullanımı yerine tavsiye edilir. senin örneğin italik olanı düz yapmak o zaman italik tagını kullanmaya gerek olmuyor. bu spana "font-weight:bold" yaparak kalın yazmaya benziyor. Ama doğrusu strong dur. B de kullanılabilir ancak strong bana göre daha doğru. Anlam bütünlüğü açısında, ayrıca gidip bir yazı başlığını Hx taglarından biri yazmak ile spana font-size yazmak farklıdır ( görüntüde olsa da ). kodlama yaparken insan faktörünün yanında bot faktörünü de önemsemek lazım. Ondan dolayı dosya boyutu ile değilde yazının doğru taglandırılması, resimlerin alt tagının olması gibi.
-----
editör olarak yazarken %70 notepad++ kalanıda dw kullanıyorum. Notepad++ otomatik tamamlama özelliği mevcuttur ayrıca.
-----
w3c hatalarının hepsinin altında yazar ne olduğu.
-----
keriii bu şekil link verirsen düzeltmek için yardımcı olabilirim.

01-04-2009, 12:18:29

#48

hrngndz

keriii adlı üyeden alıntı: mesajı görüntüle

document type does not allow element "style" here

    <style type="text/css">

✉

The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

W3C hatalarını ayıklamaya calısıyorum , bir tek burda takıldım.
<style type="text/css"> bunu kaldırdığım zaman sitede sorun oluyor.WP kullanıyorum ve bi eklentide bu sorun çıkıyor.
Bu kodun yerine ne yazabilirim ? veya nasıl yapabilirim ?

<style type="text/css">
    
    .jdGallery .slideInfoZone
    {
        height: <?php echo get_option('gallery-info'); ?>px;
    }
    </style>

İşte bu satırdaki kod da hata veriyor.

Sayfa içerisinde style kullanmaktansa
<link rel="stylesheet" href="Css/style.css" media="screen" />

Kodu ile css dosyanı dışarıda oluştur ve sayfana çağır. Hata almazsın Hem kod kalabalığınıda önlemiş olursun..

01-04-2009, 12:50:27

#49

~~keriii~~

Üyeliği durduruldu

hrngndz adlı üyeden alıntı: mesajı görüntüle

Sayfa içerisinde style kullanmaktansa
<link rel="stylesheet" href="Css/style.css" media="screen" />
Kodu ile css dosyanı dışarıda oluştur ve sayfana çağır. Hata almazsın Hem kod kalabalığınıda önlemiş olursun..

Tam olarak anlamadım dostum ;

<style type="text/css">
	
	.jdGallery .slideInfoZone
	{
		height: <?php echo get_option('gallery-info'); ?>px;
	}
	</style>

bu şekilde olan bir kodu nasıl bu hale cevireceğim ki ?

01-04-2009, 14:40:59

#50

hrngndz

keriii adlı üyeden alıntı: mesajı görüntüle

Tam olarak anlamadım dostum ;

<style type="text/css">
 
    .jdGallery .slideInfoZone
    {
        height: <?php echo get_option('gallery-info'); ?>px;
    }
    </style>

bu şekilde olan bir kodu nasıl bu hale cevireceğim ki ?

 
.jdGallery .slideInfoZone
{
height: <?php echo get_option('gallery-info'); ?>px;
}

 
Boş bir not defteri oluştur. ve içerisine aşağıdakileri yapıştır.
 
.jdGallery .slideInfoZone
{
height: <?php echo get_option('gallery-info'); ?>px;
}

ve style.css olarak (**.css uzantılı) ve index.html nin bulunduğu dizine kaydet.

İndex.html dosyanı aç ve meta taglarının olduğu kısıma, yani <head></head> içerisine aşağıdaki kodu ekle.

 
<link rel="stylesheet" href="style.css" media="screen" />

Böylelikle dışardan css dosyaısnı çekip, sayfadaki kod yoğunluğunu azaltmış olduk.

Anlamışsındır umarım.

01-04-2009, 20:19:27

#51

~~keriii~~

Üyeliği durduruldu

İlgin için teşekkürler dostum fakat, sayfa yapısı senin dediğine uygun değil,

<div id="featured">
	<script type="text/javascript">
        function startGallery() {
            var myGallery = new gallery($('myGallery'), {
                timed: true
            });
        }
        window.addEvent('domready',startGallery);
    </script>

    <style type="text/css">
	
	.jdGallery .slideInfoZone
	{
		height: <?php echo get_option('gallery-info'); ?>px;
	}
	</style>

    <div id="myGallery">
    <?php 
    $imgthumb = get_option('gallery-use-thumb-image') ? "thumbnailimg" : "articleimg";
    $wordquantity = get_option('gallery-rss-word-quantity') ?  get_option('gallery-rss-word-quantity') : 100;
    if (get_option('gallery-way') == 'new')	{//new way
			 $arr = split(",",get_option('gallery-items-pages'));
			 if (get_option('gallery-randomize-pages'))
			 {
			 	 shuffle($arr);
			 }
			 foreach ($arr as $post_or_page_id)   
			 { 
				 get_a_post($post_or_page_id); ?>
				 <div class="imageElement">
					 <h2><?php the_title() ?></h2>
					 <?php 
						if(get_option('gallery-use-featured-content')) {?>
					     <p><?php $key="featuredtext"; echo get_post_meta($post->ID, $key, true); ?></p>
					  <?php 
					  } else {
					  ?>
					     <p><?php the_content_rss('', 0, '', $wordquantity); ?></p>
					  <?php
						}
						?>
					  <a href="<?php the_permalink() ?>" title="Hepsini Oku" class="open"></a>
					  <img src="<?php $key="articleimg"; echo get_post_meta($post->ID, $key, true); ?>" alt="<?php $key="alttext"; echo get_post_meta($post->ID, $key, true); ?>" class="full" />
					  <img src="<?php $key=$imgthumb; echo get_post_meta($post->ID, $key, true); ?>" alt="<?php $key="alttext"; echo get_post_meta($post->ID, $key, true); ?>" class="thumbnail" />
				  </div>
			 <?php 
			 } ?>
	     </div>
	     <?php
	  }
	  else { ?>
	    <?php $temp_query = $wp_query; ?>
	    <?php query_posts('category_name=' . get_option('gallery-category') . '&showposts=' . get_option('gallery-items')); ?>
	    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
	       <div class="imageElement">
	         <h2><?php the_title() ?></h2>
	         <?php 
						if(get_option('gallery-use-featured-content')) {?>
					     <p><?php $key="featuredtext"; echo get_post_meta($post->ID, $key, true); ?></p>
					  <?php 
					  } else {
					  ?>
					     <p><?php the_content_rss('', 0, '', $wordquantity); ?></p>
					  <?php
						}
						?>
					  <a href="<?php the_permalink() ?>" title="Hepsini Oku" class="open"></a>
					  <img src="<?php $key="articleimg"; echo get_post_meta($post->ID, $key, true); ?>" alt="<?php $key="alttext"; echo get_post_meta($post->ID, $key, true); ?>" class="full" />
					  <img src="<?php $key=$imgthumb; echo get_post_meta($post->ID, $key, true); ?>" alt="<?php $key="alttext"; echo get_post_meta($post->ID, $key, true); ?>" class="thumbnail" />
	      </div>
	      <?php endwhile; else: ?>
	      <?php endif; ?>
	      <?php $wp_query = $temp_query; ?>
    	</div>
	  <?php
	  }?>
    
</div>

Böyle bir kod sistemi var ve kırmızı ile yazdığım hata veren yer.Senin dediğin sistemi bunun içine gömemiyorum.

01-04-2009, 22:01:25

#52

hrngndz

Edit: Arkadaş ftp bilgilerini verdi halletim html Valid. Şuanda hiçbir hata yok.

14-04-2009, 04:19:18

#53

flasher

Eposta Aktivasyonu Gerekmekte

Sayfa bir türlü ortalanmıyor en azından benim istediğim sadece <div id="icerik"></div> kısmının ortalanması nasıl yapabiliriz?

14-04-2009, 11:09:53

#54

hrngndz

flasher adlı üyeden alıntı: mesajı görüntüle

Sayfa bir türlü ortalanmıyor en azından benim istediğim sadece <div id="icerik"></div> kısmının ortalanması nasıl yapabiliriz?

Öncelikle <div id="icerik"></div>'e bir genişlik belirtmelisin. 500 px belirttik diyelim. Sonra bu <div>'in sağına ve soluna dış boşluk (margin) verip değerini auto; konunuma getiriyoruz.

Aşağıdaki CSS yapsını incelersen istediğin şeyi yapmış olursun. Aşağıdaki kodu da kullanırsan aynı sonucu alırsın.

#icerik{
width:500px;
margin-left:auto;
margin-right:auto;
}