CSS-не се получава

P

prima08

Registered
Искам да направя кутия чрез цсс гайл
div.box {
list-style-type: none;
margin-left: 50px;
}

div.box h1 {
bacground-image: url(images/boxtop.gif);
width: 153px;
height: 22px;
text-align: center;
}

div.box p {
background-color: #0066ff;
width: 151px;height: auto;
text-align: left;
letter-spacing: 0px;
border: 1px solid;
}

Ето и html
<div class="box">
<h1>zaglavie</h1>
<p>qqqqq</p>
<p>wwwww</p>
</div>
Сложил съм и
<link href="style.css" rel="stylesheet" type="text/css"> да не ажете че не съм го сложил
 
Искам бокс подобен на тоя
qweqewqeqweqweqweq.jpg

Има една картинка отгоре
Една картинка от долу
И поле за писане посредата
Можеш ли да ми дадеш кода
 
prima08 абсолютно същия въпрос зададе преди няколко дена. Дори получи и перфектен отговор от animatora.
Ако не помниш - погледни тук

MontefuckeR попрочети някоя и друга книга за css и тогава давай дефениции от рода на ГОЛЯМА ГРЕШКА.

Това, което определяш като голяма грешка всъщност се нарича наследяване на родителски елемент. Няма да се впускам в дълги обяснения, за да не флоодвам темата. Пиши ми на ЛС, ако те интересува или потърси в гоогле css inherit. Но не давай определения за неща, които не са ти ясни.
Представи си, че имаш линкове в менюто, които искаш да са ти в един стил (да кажем 12px черни) и всички други линкове да са в друг стил (да кажем 14px бели). Тогава какво пречи да използваш наследяването на родителските елементи и да го направиш така:

div.menu a {
color: #fff;
font-size: 12px;
}

a {
color: #000;
font-size: 14px;
}

и после кода да ти е така:

<div class="menu">
<a href="#">12px черно</a>
</div>
<a href="#">14px бяло</a>
 
Знам за предишната тема но аз искам стила на бокса да е в styel.css
От скоро уча css и нямам много практика и не успях да прехвърля в style.css нещата от div style"....."
То ще е с различни картинки щото ония бяха от psd template
Можеш ли да ми го оправиш горния код + една картинка да е отдолу като на картинката която показах
 
css
.box1 {
background-image:url(image_13.gif);
width:153px;
height:21px;
}
.box2 {
border: solid 1px #aeb7be;
border-top:none;
border-bottom:none;
background: #e9eaec;
width:151;
height: auto;
}
.box3 {
'background-image:url(image_24.gif);
width:153px;
height:21px;
}

html
<body bgcolor="#ffffff">
<div class="box1" ></div>
<div class="box2" >
Link1<br>
link2<br>
link3<br>
link4
</div>
<div class="box3" ></div>

Оцветил съм ти кое за кое отговаря. Можеш class да го замениш с id, но тогава вместо точка в css файла пред името ще трябва да има #
 
Мерси +1 Аз пробвах така преди и ставаше.Но сега не ми се получаваше.Мерси че ми припомни.
Но може ли да стане с
<div id/class="top"></div>
<h1>zaglavie</h1>
<p>ne6to si</p>
<div id/class="bottom"></div>
 
Не. Не съм го пробвал никога, защото не ми е идвало на ум, но мисля, че никой валидатор няма да ти го валидира това написано по този начин. Също така, не мисля, че има смисъл да дефинираш свойства на елемент с id и с class. Достатъчно е да избереш едно от двете.
Ако все пак искаш да имаш и id и class (примерно ако в клас си задала css стойности, а id ти е нужно за някoй javascript) . Тогава можеш да го направиш така:

<div class="myClass" id="myId">

Като myClass е името на класа който ползваш, а myID е името на ид, който ползваш :)
 
css
.box1 {
background-image:url(image_13.gif);
width:153px;
height:21px;
}
.box2 {
border: solid 1px #aeb7be;
border-top:none;
border-bottom:none;
background: #e9eaec;
width:151;
height: auto;
}
.box3 {
'background-image:url(image_24.gif);
width:153px;
height:21px;
}

html
<body bgcolor="#ffffff">
<div class="box1" ></div>
<div class="box2" >
Link1<br>
link2<br>
link3<br>
link4
</div>
<div class="box3" ></div>



css
#box1 {
background-image:url(image_13.gif);
width:153px;
height:21px;
}
#box2 {
border: solid 1px #aeb7be;
border-top:none;
border-bottom:none;
background: #e9eaec;
width:151;
height: auto;
}
#box3 {
'background-image:url(image_24.gif);
width:153px;
height:21px;
}

html
<body bgcolor="#ffffff">
<div id="box1" ></div>
<div id="box2" >
Link1<br>
link2<br>
link3<br>
link4
</div>
<div id="box3" ></div>

Това, което съм оцветил съответно в зелено или червено ти трябва на теб. Като е точка - ползваш class, като е # - ползваш id
 
Въпреки това пак не се получава незнам що

Иначе ако използвам този начин става
<body bgcolor="#ffffff">
<div style='background-image:url(image_13.gif);width:153px;height:21px;'></div>
<div style="border: solid 1px #aeb7be;border-top:none;border-bottom:none; background: #e9eaec; width:151; height:">
Link1<br>
link2<br>
link3<br>
link4
</div>
<div style='background-image:url(image_24.gif);width:153px;height:21px;'></div>
На мен ми трябва чрез цсс файл
 
:D :D :D :D :D :D :D :D
Има да си удрям главата ама здравате.
Оказа се че без да искам съм преименувал цсс файла от style.css
на sty.css и за това не ми е работило.
Много съжалявам че ви губих времето
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе