html - css soruları

[Killer]

selam beyler, yetemediğim ufak bişey var. css html'e de detaylı ilk defa bakmaya başladım

problem şu

http://imgur.com/gI7QG6j

gördüğünz gibi yazılar falan dışarda kalyo abuk subuk. yani öbür sectiona geçmeden kelimelerin alta gelmesi lazım. hiç bişeyin dışarı taşmaması lazım. resim tke parça bu arada

kod da şu

kod

Без клипсы неприятный, громкий храп во сне. Отсутствие спокойного ровного дыхания во сне. Недосыпание и преждевременное пробуждение Ваших близких.

Используя клипсу Абсолютное избавление от храпа уже через 2 недели! Нормальный здоровый сон для Вас и Ваших близких. Спокойное, равномерное дыхание во сне.

css

#how_work {
height: 610px;
margin: 0 auto;
padding: 0 0 40px 0;

}

#how_work .width {
width: 1024px;
margin: 0 auto;
}


#how_work .section1 {
height: 272px;
background: url(../img/features-bg.png) no-repeat center 10px;

}

#how_work .section1 .first_row li {
list-style-image: url(../img/checkmark_green.png);
color: white;
font-size: 20px;
padding: 5px;



}

#how_work .section1 .second_row li {
list-style-image: url(../img/checkmark_red.png);
font-size: 20px;
padding: 5px;

}

#how_work .title_left {
color: white;
font-size: 40px;
line-height: 28px;
margin-left: 175px;
padding-bottom: 40px;
margin-top: 40px;

}

#how_work .title_right {
color: red;
font-size: 40px;
line-height: 28px;
padding-bottom: 40px;
margin-left: 0px;
margin-top: 40px;
}

bi elin ustalar

[Esnaf]

kafam davul gibi çok anlayamadım ama css reset kullandın mı?

[Killer]

kullamadım dicem de kod benim değil zaten editliyorum.

[Borastus]

abi hangi edit2oru kullaniy2orsun böyle web expresi2ons veya benzeri bir pr2ogram kullan design ekranindan gerekenleri yap k2oda baktiginda zaten anlarsin mantigini

[Killer]

amele stili girdim program kullanmadım. öğe denetle falanla. dreamweaver falan kullancam bidahakine de 2 satırlık iş kaldı şurda çözemedim ya

[Esnaf]

first row a padding vermişsin ya ondan kaymış.width i 487 yaparsan düzelir.

[Killer]

yazılar iç içe girdi ama. rowlar kendi resimlerinde durması lazım. taşıcaksa da cümle 2 satır olcak işte.

benim anladığım o alanın bi widthini belirledikten sonra her row için belli bi alan tanımlamak, o table da çıkmıcak o alandan kendi kendini düzenlicek. yüzdeyle olur heralde bu iş

[Borastus]

direkt html kullanmadım da word wrap ile alakalı herhal.

http://stackoverflow.com/questions/1147877/how-to-word-wrap-text-in-html

[Killer]

abi o iyi fikirmiş de amele gibi brute force cümleyi
ile böldüm djfsdf bana bitane istedikleri görünümün photoshhoplu versiyonunu atmışlardı. ordaki şekilde böldüm.

http://imgur.com/fe2mDiC

şu kadar kaldı ya. şu sağdaki yetersiz kaysa otursa kutuya tamam afsd

[Esnaf]

http://jsfiddle.net/vg55qqec/1/

şöyle bişi yaptı.biji

[kermit]

sitenin linkini ver

[Killer]

site yok abi ortada offline

edit: tamam tam çözememişim linki

[kermit]

jsfidlea at o zaman ordan bakalım

[Esnaf]

ya işte tablo değilde div kullan 2 tane.onlara padding verme 512 px ver sadece.içlerine ayrı div koy onlara padding ver

[Killer]

abi orayı en baştan yapmam lazım o zaman

@kermit

ya jsfiddle vereyim de görünürde zaten kendisi düzenli duruyo. sadece oturması gereken yere oturmadı. resmi falan nasıl halledicez?

http://imgur.com/7w8xQOj

oturmaya çalıştığı alan da bu dsf

http://jsfiddle.net/zffkd3so/


edit:

lan üstteki sectiondan kopya çekiyim diyorum. onda da bişey yokki. üsttekinin sınırı kadar olsaı lazım işte

onun kodu bu http://jsfiddle.net/0jxuhcsb/

[Killer]

Borastus said:

direkt html kullanmadım da word wrap ile alakalı herhal.

http://stackoverflow.com/questions/1147877/how-to-word-wrap-text-in-html

no wrapi kaldırınca tek satır üzerinde kalmıyolar sağdaki soldakinden 5 6 pixel üstte falna kalıyo saçma sapan

amele gibi margin left yaptım

[Esnaf]

dediğim gibi yaparsan en sağlıklısı olur.yoksa çok amele olur.table kullanmak çok gereksiz.

[Killer]

abi oturttum şimdilik ya baklım. sorun etmezlerse bişey demicem sdf

ekstra 2 soru sorayım

http://imgur.com/gI7QG6j

-şu bi üstteki divle yeto gibi bi boşluk var o nerden geliyodur acep
-listelre list-style-imagela solların aimage ekledim görüldüğü üzere. yazının başka biyerinde kalıyo tam yanında değil. nett ebaktım background kullan demişler o zaman da 2 satırlı cümleleri ortalıyo cümle başı yapmıyo. ona napayım

[Esnaf]

o ul nin otomatik margini.reset css kullanman lazım onun için.yada sen ul ye margin 0 verebilirsin.

her iki probleminide reset css kurtarır.li yede no repeat top left bg verip padding left verirsen daha sağlıklı olur

[Killer]

imageların kaymasına diyosun dimi? ul'nin içine direk margin: 0px mı eklyim? öyle olmuyo o galiba.

olmadı htta dsf

[Somon]

daha şunu beceremeyen adam da iş alıp para alıyor ya ahahah

[kermit]

bi bok anlamadım anlattığıdanda
2 tane div var biri sağda biri solda. görselleri background olarak ver tek tek divlere, o divlerin içine ul li at

[Killer]

Somon said:

daha şunu beceremeyen adam da iş alıp para alıyor ya ahahah

kes lan bebe

[Killer]

kermit said:

bi bok anlamadım anlattığıdanda
2 tane div var biri sağda biri solda. görselleri background olarak ver tek tek divlere, o divlerin içine ul li at

abi o oturuyodu zaten hani poisitonu ayarlayamamıştım. yoksa herşey tamam. yaptım bi ayar bakalım şu an istediğim gibi oldu da çakal yöntemle oldu

[Killer]

selam. işi bitirdim de telefonda ve tablette ağır yetoluk var css reset falan kullanmadım tek koyduğum şey

css'e bu

@-ms-viewport{
width: device-width;
}


html'e bu



kodu da 0dan yazmadığım için nasıl müdahale edeyim bilmiyorum

sitenin linki http://snorefix.novashop.ee/Snoferix/
tablet ya da telden bakabilirsinz