Малък проблем с слагане на картинка в CSS!?

R

rosko

Registered
Здравейте!
Сега ще ви задам един мноого "ламерски" въпрос, но понеже не съм се занимавал до сега с CSS ми е малко сложен още!
Та по темата:
Искам да сложа картинка, но в CSS! В смисъл не със DIV (направо в кода), а искам чрез CSS!
Ето какво пиша : background:url(URL-a)...! Обаче нямам резултат(не искам картинката да ми е за бакграунд, а просто все едно логото на уеб-турист!
КАК???

И ако може още нещо! -->
Какви параметри да задам на #footer в CSS, че тази картника като я сложа в CSS да стане фуутър??
:idea: :idea:
Благодаря предварително! :D
 
ЗА да сложиш картинката като background, то трябва да я зададеш на някой елемент(таг), като div, table, form и т.н.
 
Значи, правиш един файл с примерно име style.css



Код: 
#image
{
background:url("image.jpg") repeat-x; height:24px; width:24px
}

После във индекса слагаш

Код: 
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

и кадето искаш картинката във индекса пишеш

Код: 
<div id = "image"></div>

салагаш index-а style.css и image.jpg във една директория,
задаваш дължината и ширината на картинката

width:24px - дължина (в момента е 24 пиксела)
height:24px - ширина

Запазваш и ако си направил всичко правилно ще се покаже :)

Едит: Даже мисля, че може и без да задаваш width и height
 
ами много просто

<img src="imgage/logo.gif" alt="" />

това е кода.С цсс по тоя начин не можеш да кажеп коя картинка да е.
А искаш да е с цсс трябжа да е бекграунд на нещо.

примерно ето ти един див- не знам защо ги мразиш

.header {
width:500px; height:200px; /* указва се ширина и височин , иначе няма да се види нишо от дива - а и бекграунда няма да го има*/

margin:0 auto; /*центрираме дива по средата*/

background: url(images/header.gif) no-repeat left top;

/*посочваме коя картина да е , казваме и да не се повтаря( no-repeat ) и къде да се намира( left top )*/

}

<div class="header"></div>

Същата работа е и за Футъра.По-добре е така, като бекграунс, защото после ще искап да има и текст вътре, нали ? :-)
 
shterev каза:
ами много просто

<img src="imgage/logo.gif" alt="" />

това е кода.С цсс по тоя начин не можеш да кажеп коя картинка да е.
А искаш да е с цсс трябжа да е бекграунд на нещо.

примерно ето ти един див- не знам защо ги мразиш

.header {
width:500px; height:200px; /* указва се ширина и височин , иначе няма да се види нишо от дива - а и бекграунда няма да го има*/

margin:0 auto; /*центрираме дива по средата*/

background: url(images/header.gif) no-repeat left top;

/*посочваме коя картина да е , казваме и да не се повтаря( no-repeat ) и къде да се намира( left top )*/

}

<div class="header"></div>

Същата работа е и за Футъра.По-добре е така, като бекграунс, защото после ще искап да има и текст вътре, нали ? :-)
Увеличете...

Ти сам си отговори!(побеже искам и текст)!
А иначе не мразя ДИВ, просто не може в случая да се задава вътрешно, а трябва да е с цсс!
Това, което казаха по-горе за външния ЦСС файл го знам!
Не съм чак толкова "кух"! :D :| :D
Пак Ви благодаря!
 
ОК! Благодаря на всички, които се опитаха да ми помогнат!
Сега ще ви покажа какво съдържа моя CSS DIV обект!
Код: 
#footer {
background: url(images/footer.jpg) no-repeat center top;
position: releative;
clear: both;
text-align: center;
}

Пробвал съм и да сложа след url('кавички'), също съм пробвал и без тези работи -> no-repeat center top;

Ха сега ми кажете какво му има?!
Гледал го е кода и специалист(е не толкова голям, но все пак разбира достаъчно, за да ми помогне, но и той нищо не каза да е грешно)!
:idea: :idea: :idea: :idea: :|
 
chovekadjo каза:
Код: 
#footer {
background: url(images/footer.jpg) no-repeat center top;
position: relative;
clear: both;
text-align: center;
}
Увеличете...
И какво промени ако не е тайна!
Аз поне не виждам да е променяно нещо, но ако си променил кажи какво е то?! :)
 
chovekadjo каза:
не releative , а relative
Увеличете...
Благодаря, че си ме поправил!
Може ли да не показва картинката поради това?
:D
Малко съм "бъгав" още с ЦСС, но ще се науча! :shock:
 
chovekadjo каза:
пробвай де неможеш да смениш 5 реда с copy и paste ли?
Увеличете...
Пак не иска!
Ето как съм инклуднал стила
Код: 
<link rel="stylesheet" href="./link.css" type="text/css">

Код: 
<div id="footer"></div>
<-- С това би трябвало да тръгне?
 
rosko каза:
chovekadjo каза:
пробвай де неможеш да смениш 5 реда с copy и paste ли?
Увеличете...
Пак не иска!
Ето как съм инклуднал стила
Код: 
<link rel="stylesheet" href="[color=red]link.css[/color]" type="text/css">

Код: 
<div id="footer"></div>
<-- С това би трябвало да тръгне?
Увеличете...
Ако са в една директория с индекса или там каквото искаше..
 
chovekadjo каза:
rosko каза:
chovekadjo каза:
пробвай де неможеш да смениш 5 реда с copy и paste ли?
Увеличете...
Пак не иска!
Ето как съм инклуднал стила
Код: 
<link rel="stylesheet" href="[color=red]link.css[/color]" type="text/css">

Код: 
<div id="footer"></div>
<-- С това би трябвало да тръгне?
Увеличете...
Ако са в една директория с индекса или там каквото искаше..
Увеличете...
Ами не мога да те разбера(абе на мене защо не ми става не знам, на всички става, на мен НЕ)!? :) :(
 
rosko каза:
chovekadjo каза:
пробвай де неможеш да смениш 5 реда с copy и paste ли?
Увеличете...
Пак не иска!
Ето как съм инклуднал стила
Код: 
<link rel="stylesheet" href="./link.css" type="text/css">

Код: 
<div id="footer"></div>
<-- С това би трябвало да тръгне?
Увеличете...
гледам кода ти как си вързал css-а и се чудя... въпроса ми е къде ти е css-а!? понеже ако страницата е в главната папка и там е и css-а, то href="link.css", ако е в няква папка която е в главната, примерно css, където има само css- кодовете на страницата ти, то кода ше е href="css/link.css", или пък ако css-а ти е в предната папка, т.е. ако примерно css-а ти е в главната папка, а страницата е в няква подпапка, то кода е така href="../link.css"
аре надявам се там да е бил проблема че как се мъчиш :\
нищо, то от многото грешки човек се научава :)
 
Liberate каза:
rosko каза:
chovekadjo каза:
пробвай де неможеш да смениш 5 реда с copy и paste ли?
Увеличете...
Пак не иска!
Ето как съм инклуднал стила
Код: 
<link rel="stylesheet" href="./link.css" type="text/css">

Код: 
<div id="footer"></div>
<-- С това би трябвало да тръгне?
Увеличете...
гледам кода ти как си вързал css-а и се чудя... въпроса ми е къде ти е css-а!? понеже ако страницата е в главната папка и там е и css-а, то href="link.css", ако е в няква папка която е в главната, примерно css, където има само css- кодовете на страницата ти, то кода ше е href="css/link.css", или пък ако css-а ти е в предната папка, т.е. ако примерно css-а ти е в главната папка, а страницата е в няква подпапка, то кода е така href="../link.css"
аре надявам се там да е бил проблема че как се мъчиш :\
нищо, то от многото грешки човек се научава :)
Увеличете...
:D :( :(
И от това не е, това го знам, че каквато ДИР съм задал там трябва да сложа и файла!
Той си е в главната директория не е в подпапки! + това имам още 3 полета в ЦСС и те са за линковете, но за да не правя нов ЦСС си направих и за футър, но уви не става!
 
напиши ги директно в хтмл страницата

Пример:

<html>
<head>

<style>

.class { margin:0px; padding:0px;}

и т.н.

</style>


</head>
 
Направих го със клас!
Ето така:
Код: 
.footer {
background-image: url(images/footer.jpg);
position: relative;
clear: both;
text-align: center;
width: 950px;
height: 35px;
}

Ето това -> text-align:center;
Ми центрира текста, а аз искам да ми центрира изображението!
Как?


И ВСЕ ПАК БЛАГОДАРЯ НА ВСИЧКИ, КОИТО СЕ МЪЧИХА ТООЛКОВА МНОГО ДА МИ ПОМОГНАТ(и успяха)! :D
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе