Nereye ne yazacağım bilemiyorum. Ckeditor ile alakalı. Benim kendi css kodlarımla alakalı değil. Ckeditor'de hangi dosyanın içine ne yazayım bilemedim. mesela
contents.css

body
{
	/* Font */
	/* Emoji fonts are added to visualise them nicely in Internet Explorer. */
	font-family: sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 12px;

	/* Text color */
	color: #333;
	/* Remove the background color to make it transparent. */
	background-color: #fff;
}

.cke_editable
{
	font-size: 13px;
	line-height: 1.6;
	/* Fix for missing scrollbars with RTL texts. (#10488) */
	word-wrap: break-word;
	text-align: center;

Veya
config.js

config.toolbarGroups = [
		{ name: 'clipboard',   groups: [ 'clipboard', 'undo' ] },
		{ name: 'editing',     groups: [ 'find', 'selection', 'spellchecker' ] },
		{ name: 'links' },
		{ name: 'insert' },
		{ name: 'forms' },
		{ name: 'tools' },
		{ name: 'document',	   groups: [ 'mode', 'document', 'doctools' ] },
		{ name: 'others' },
		{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
		{ name: 'paragraph',   groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },
		{ name: 'styles' },
		{ name: 'colors' },
		{ name: 'about' }
	];

Buraya mı yazacağız nasıl bir şey ekleyeceğiz bilemedim.
Bir örnek koyabilirseniz sevinirim.

Sorunu çözdüm. Ckeditor'ın varsayılan ayarlarında body->p etiketi varmış. Bu etiketi nasıl kaldırabilirim. .daha doğrusu div etiketi koymam lazım onun yerine. "p" etiketine "display:none" verdiğimde satır oluşturmuyor. Diğer satırın üzerinde oluyor yazılar. Yerine div koymaqm lazım büyük ihtimal.

Cevap veren yok mu arkadaşlar.

Sorunu çözdüm arkadaşlar. Aşağıdaki kodu vermişim sayfaya, o yüzden çalışmıyormuş.

CKEDITOR.replace( 'editor1', {

width: "600", height: "200"
});

Sayfanın başında değilde en sonda sayfalama çubuğu var. Ona aşağıdaki kodu verdim. Farklı sayfa yüksekliklerinde veriler, sayfalama çubuğunun üstüne biniyor. Mesela, 600px genişlikte olan bazı cihazlarda, veriler sayfalama çubuğunun üstüne biniyordu. Ama olayı şöyle çözdüm. Sayfanın en başına bir div koydum. Div'e de aşağıdaki gibi "display:grid" kodlarını verdim. Sayfanın başından sonuna kadar bir div içinde, ikinci div ise sayfalama idi zaten. Bu şekilde halloldu. Teşekkür ederim cevaplar için.

position:fixed;
bottom:0px;

display:grid;
grid-template-rows: auto auto;
grid-gap-row:1%;

Sorunu çözdüm. Teşekkür ederim.

Sorunu şu şekilde hallettim ama mesela, hizmetlerimiz linkinden projelerimiz linkine tıkladığımda, projelerimiz linkinin alt menüsündeki bir linke tıklanıyor.
https://hizliresim.com/iofhd6c

<div id="menuikon" onclick="menuikontikla()" class="menuicon"><img src="images/icons/menu/menu.png" alt=""></div>

<nav id="nav">
    <ul>
        <li><a href="index.php" class="">Anasayfa</a></li>
        <li><a href="#" class="">Kurumsal</a>
            <ul>
                <li><a href="hakkimizda.php" class="">Hakkımızda</a></li>
                <li><a href="vizyonumuz.php" class="">Vizyonumuz</a></li>
                <li><a href="misyonumuz.php" class="">Misyonumuz</a></li>
            </ul>
        </li>
        <li><a href="#" class="">Hizmetlerimiz</a>
            <ul>
                <li><a href="misyonumuz.php" class=""><?php echo substr("Yetkilendirilmiş Tüzel Kişilik Hizmetleri",0,44); ?></a></li>
                <li><a href="hakkimizda.php" class=""><?php echo substr("Bitirilenler",0,44); ?></a></li>
            </ul>
        </li>
        <li><a href="#" class="">Projelerimiz</a>
            <ul>
                <li><a href="devamedenprojeler.php" class=""><?php echo substr("Devam Edenler",0,44); ?></a></li>
                <li><a href="bitirilenprojeler.php" class=""><?php echo substr("Bitirilenler",0,44); ?></a></li>
            </ul>
        </li>
        <li><a href="iletisim.php" class="">İletişim</a></li>
    </ul>
</nav>

ul {
        z-index: 99999;
        display: block;
        grid-template-columns: auto;
        grid-template-rows: auto;
        /* align-items: center; */
        list-style: none;
        background-color: red;
    }
    
    li {
        margin-left: -78px;
        /* left: -32px; */
        width: 375px;
        height: 60px;
        text-align: center;
        display: block;
        background-color: blue;
    }
    
    li:hover {
        margin-left: -78px;
        /* left: -32px; */
        width: 375px;
        height: auto;
        text-align: center;
        display: block;
        background-color: #016fa5;
        color: #fff;
    }
    
    li a {
        text-decoration: none;
        font-size: 17px;
        color: #fff;
    }
    
    li:hover a {
        color: #fff;
    }
    
    ul li ul {
        position: relative;
        width:auto;
        height: auto;
        display: none;
        text-align: center;
    }
    
    ul li:hover ul {
        position: relative;
        display: block;
        width:auto;
        height: auto;
        text-align: center;
        background-color: red;
    }
    
    ul li:hover ul li {
        position: relative;
        margin-left: 0px;
        text-align: center;
        width: auto;
        height: 60px;
        display: block;
        background-color:red;
        
    }

    ul li:hover ul li a {
        padding-right: 35px;
    }
}

Dediğinizi uygulayacaqğım.

Yol'da bir problem yok. Yol'u doğru vermişim.

Sorunum güncel. Yardımcı olabilir misiniz?