A PHP Error was encountered

Severity: 8192

Message: Return type of CI_Session_files_driver::open($save_path, $name) should either be compatible with SessionHandlerInterface::open(string $path, string $name): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice

Filename: drivers/Session_files_driver.php

Line Number: 113

A PHP Error was encountered

Severity: 8192

Message: Return type of CI_Session_files_driver::close() should either be compatible with SessionHandlerInterface::close(): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice

Filename: drivers/Session_files_driver.php

Line Number: 280

A PHP Error was encountered

Severity: 8192

Message: Return type of CI_Session_files_driver::read($session_id) should either be compatible with SessionHandlerInterface::read(string $id): string|false, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice

Filename: drivers/Session_files_driver.php

Line Number: 145

A PHP Error was encountered

Severity: 8192

Message: Return type of CI_Session_files_driver::write($session_id, $session_data) should either be compatible with SessionHandlerInterface::write(string $id, string $data): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice

Filename: drivers/Session_files_driver.php

Line Number: 223

A PHP Error was encountered

Severity: 8192

Message: Return type of CI_Session_files_driver::destroy($session_id) should either be compatible with SessionHandlerInterface::destroy(string $id): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice

Filename: drivers/Session_files_driver.php

Line Number: 303

A PHP Error was encountered

Severity: 8192

Message: Return type of CI_Session_files_driver::gc($maxlifetime) should either be compatible with SessionHandlerInterface::gc(int $max_lifetime): int|false, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice

Filename: drivers/Session_files_driver.php

Line Number: 344

A PHP Error was encountered

Severity: 8192

Message: setcookie(): Passing null to parameter #7 ($httponly) of type bool is deprecated

Filename: core/Input.php

Line Number: 410

CSS overflow ile Taşan Alanı Kesme
Öneri ve Hata Raporu



Günün Sözü Sevemez kimse seni benim sevdiğim kadar

kategori CSS
oylama 3/5 yorum 0 yorum yazar Hakan Taşan tarih 23 Kasım 2013

overflow ile yazıların, resimlerin belirlediğimiz alan (örneğin; div) içerisinden taşması durumunda ne yapılacağını belirler. word-wrap ile karıştırılmaması gerekir. overflow birden fazla değer alabilir; visible, hidden, scroll ve auto. Bütün değerlerin kendisine has özellikleri vardır.

Syntax

overflow:scroll;       
overflow:hidden;
overflow:visible;
overflow:auto;

 

1) scroll

Tanımladığınız alan içinde taşan kısımlar kesilir ancak taşan kısımların görünmesi için hem yatay hem dikey kaydırma çubukları oluşturur (scrollbar).

CSS Kodu

div
{
    background-color:#00FF00;
    width:120px;
    height:80px;
    overflow:scroll;       
}

 

HTML Kodu

<div>Bu alanı daha iyi kontrol etmek istiyorsanız overflow özelliğini kullanabilirsiniz.</div>

 

2) hidden

Tanımladığınız alan içinde taşan kısımlar kesilir ve taşan kısımlar bu alandan atılır.

CSS Kodu

div 
{
    background-color:#00FF00;
    width:120px;
    height:80px;
    overflow:hidden;
}

 

HTML Kodu

<div>Bu alanı daha iyi kontrol etmek istiyorsanız overflow özelliğini kullanabilirsiniz.</div>

 

3) visible

Tanımladığınız alan içinde taşan kısımlar kesilmez ve bütün içerik gösterilir.

CSS Kodu

div 
{
    background-color:#00FF00;
    width:120px;
    height:80px;
    overflow:visible;
}

 

HTML Kodu

<div>Bu alanı daha iyi kontrol etmek istiyorsanız overflow özelliğini kullanabilirsiniz.</div>

 

4) auto

Eğer tanımladığınız alan içinde taşan kısımlar varsa kesilir ancak taşan kısımların görünmesi için hem yatay hem dikey kaydırma çubukları oluşturur (scrollbar).

CSS Kodu

div 
{
    background-color:#00FF00;
    width:120px;
    height:80px;
    overflow:auto;
}

 

HTML Kodu

<div>Bu alanı daha iyi kontrol etmek istiyorsanız overflow özelliğini kullanabilirsiniz.</div>

 

paylaş Paylaş
oylama yap Oyla

makale yorumları YORUMLAR

Bu makale için yorum yazılmamış