Zaloguj się

teN · (Ten post był ostatnio modyfikowany: 24-02-2009, 05:34 przez teN.)

To mam taki problem chcę aby na tym obrazku: [Obrazek: tlonapis.png]

było napisane Firefox ale coś mi nie wychodzi :/
A mam napisane tak:
CSS:

Kod:
#napis {

    background-image:url(tlonapis.png); /* podajemy ścieżkę do tła */

    background-repeat:repeat; /* ustawiamy powtarzanie */

    width: 300px;

    height: 30px;

}

HTML:

Kod:
<div border="0" id="napis"><b>Firefox</b></div>

Obrazek ma wymiary 300x30.
Umnie pisze non stop Firefox ale nie pokazuje się tło. Próbowałem napisać inaczej ale wtedy obrazek mi się nie wydłużał i był taki długi jak tekst ale ma byc długi 300px i szeroki 30 px Amen.

Dodam że strona niechce wcale czytać css

Proszę o szybką pomoc.

janoz5 · 24-02-2009, 21:24

może nie dałeś
<link rel="stylesheet" href="style.css" type="text/css">

teN · (Ten post był ostatnio modyfikowany: 24-02-2009, 23:18 przez teN.)

to dodałem bo inne działają np działa zmiana koloru napisu w prawym menu ale teraz jak już coś dodaje to już nie działa nie wiem dlaczego daje pełny obraz
HTML:

Kod:

<!DOCTYPE html 

    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />

    <meta name="Description" content="Zbiór Filmów o Cristiano Ronaldo." />

    <meta name="Keywords" content="Cristiano Ronadlo Movie, Filmy Cristiano Ronaldo, Movie Cristiano Ronaldo, Zbór filmów o Cristiano Ronaldo, cristiano ronaldo, cristiano ronaldo movie, movie, cristiano ronaldo, 07, cristiano 07, cristiano 7, cristiano Ronaldo movie, Cristiano Ronaldo Movie 7, cristiano roanldo 07, ronaldo cristiano movie, cr movie, 07 movie, cr movie 7, 7, 7, movie cr, cr, Najlepsze Filmy Cristiano Ronaldo, movie, video cristiano ronaldo, 07 cristiano ronaldo, cristiano movie, ronaldo movie, ronaldo, cristiano 07, ronaldo 07, movie 07, CRISTIANO RONALDO MOVIE, Cristiano ronaldo movie, filmy, cristiano ronaldo filmy, filmy cristiano, Cristiano filmy, filmy ronaldo, ronaldo filmy, filmy 07, 07 filmy, 7 filmy, Cristiano Ronaldo Filmy, Ronaldo filmy, ronaldo filmy, Cristiano filmy, filmy cristiano ronaldo" />

    <meta http-equiv="Content-Language" content="pl" />

    <meta name="Author" content="Patryk Walkusz" />

    <meta name="Robots" content="all" />

    <meta http-equiv="Last-Modified" content="Tue, 27 Jan 2009 13:56:28 GMT" />

    <meta http-equiv="Reply-To" content="[email protected]" />

    <link rel="Shortcut icon" href="images/ikona.jpg" />



<title>Cristiano Ronaldo Movie | Największy Zbiór filmów Cristiano Ronaldo</title>

<link href="styles/style.css" rel="stylesheet" type="text/css" />

</head>

<body>

<center>

<!-- logo menu ! -->

<table border="0" width="800" height="y">

<tr>

<td>

    <table>

    <tr>

        <td>

            <div id="logo"><img src="images/logo.png"/></div>

            <diV id="menu"><a href="index.html"><img src="images/newsy.png" alt="Newsy" border="0" /></a><a href="film01.html"><img src="images/filmy.png" alt="Filmy" border="0" /></a><a href="reklama.html"><img src="images/reklama.png" alt="Reklama" border="0" /></a><a href="kontakt.html"><img src="images/kontakt.png" alt="Kontakt" border="0" /></a><a href="linki.html"><img src="images/linki1.png" alt="Linki" border="0" /></a>

        

        </td>

    </tr>

    </table>

</center>

<!-- menu newsy -->

    <table>

    <tr>

        <td>

        

            <div id="menul"><img src="images/menul.png" alt="menu" /></div>

            <div id="menul"><a href="index.html"><img src="images/stronaglownal.png" alt="Strona Główna" border="0" /></a></div>

            <div id="menul"><a href="filmy.html"><img src="images/filmyl.png" alt="Filmy" border="0" /></a></div>

            <div id="menul"><a href="reklama.html"><img src="images/reklamal.png" alt="Reklama" border="0" /></a></div>

            <div id="menul"><a href="kontakt.html"><img src="images/kontaktl.png" alt="Kontakt" border="0" /></a></div>

            

        </td>

        <td>

            <div id="pasgora"><img src="images/pasgora.png" /></div>

            <div style="width: 1px; height: 600px; background:black;"</div>

            <div id="pasdol"><img src="images/pasdol.png" /></div>

            

        </td>

        <!--newsy tu wpisuj kolejne newsy !!!!!!   <div id="napis"><b>TytUŁ!!!!!!!!!!!!!!!!!!!!!!!</b></div><div id="news"><img style="float: right" src="images/news.gif" /></div><div id="newsy"><br />TREŚĆ <br /><br /><i> Dnia 23.02.2009r Napisał m!nor</i> <HR ALIGN="center" SIZE="1"> </div>-->

        <td id="nowsci">

            <div id="napis"><b>Filmy</b></div><div id="news"><img style="float: right" src="images/film.png" /></div><div id="newsy"><br /> Dodano nowe filmy zachęcamy do ogl±dania. Można podawać własne propozycje filmowe proszę pisać do administratora numer kontaktowy w Kontaktach.   <br /><br /><i> Dnia 24.02.2009r Napisał m!nor</i> <HR ALIGN="center" SIZE="1"> </div>

            <div id="napis"><b>Firefox</b></div><div id="news"><img style="float: right" src="images/news.gif" /></div><div id="newsy"><br />Zaleca się używanie przegl±darki <img src="images/firefox_logo.jpg" /> Firefox w celu poprawnego działanie strony. <br /><br /><i> Dnia 23.02.2009r Napisał m!nor</i> <HR ALIGN="center" SIZE="1"> </div>

            <div id="napis"><b>Nowy wygl±d!</b></div><div id="news"><img style="float: right" src="images/news.gif" /></div><div id="newsy"><br />Od dni 20.02 wasz ulubiny serwis z filmami Cristiano Ronaldo<br /> Będzie w nowej oprawie. Mam nadzieję że wam się spodoba.<br /><br /><i> Dnia 21.02.2009r Napisał m!nor</i> <HR ALIGN="center" SIZE="1"> </div>

            <div id="napis"><b>Partnerzy</b></div><div id="news"><img style="float: right" src="images/news.gif" /></div><div id="newsy"><br />Poszukujemy nowych partnerów wymiana buttonami, linkami lub banerami mile widziane. Proszę pisać do administratora numery kontaktowe w zakładce "Kontakt".<br /><br /><i> Dnia 23.02.2009r Napisał m!nor</i><HR ALIGN="center" SIZE="1"> </div>

            

        </td>

        

        <td>

            <div id="pasgoral"><img src="images/pasgora.png" /></div>

            <div style="width: 1px; height: 600px; background:black;"id ="pas1l"</div>

            <div id="pasdoll"><img src="images/pasdol.png" /></div>

            

        </td>

        <!-- Dodawaj kolejno partnerów -> <a target="_blank" rel="nofollow" href="ADESSS" alt="NAZWA"><img src="gdzie znajduje się obrazek !!!!" border="0"></a> -->

        <td id="partnerzy">

        <div><h1>Sponsorzy</h1><img src="images/sponsor.png" </div>

        <div><h1>Partnerzy</h1><marquee  width="200" height="300" direction="up" scrollamount="2" hspace="" vspace="" onMouseOver='this.stop()'onMouseOut='this.start()'><a href="http://www.livewyniki.pl/">Wyniki na Żywo</a><br /><br /><br /><br /><a target="_blank" rel="nofollow" href="http://www.ronaldosite.pl" alt="Cristiano Ronaldo"><img src="http://www.ronaldosite.pl/img/button.gif" border="0"></a><br /><br /><br /><a href="http://www.devilpage.pl" target="_blank" rel="nofollow"><img src="http://devilpage.pl/img/reklama/button.gif" width="100" height="50" border="0" alt="DevilPage.pl - diabelski serwis Manchesteru United"></a></marquee><br /></div>

        </td>

    </tr>

    </table>

    <table>

    <tr>

        <!-- STOPKA!!! -->

        <td>

        <div id="stopka">Copyright (c) Wszelkie prawa zastrzeżone | Cristiano Ronaldo Movie | design by m!nor</div>

        </td>

    </tr>

    </table>

<div style="background-image:url(tlonapis.png)" id="napis">Filmy</div>

</td>

</tr>

</table>

</body>

</html>

CSS:

Kod:
html, body {

    background-color: white;

    color: #000;

    margin: 0;

    padding: 0;

}

#menul {

    float: left;

    position: relative; top: -4cm;

}

#nowsci {

    width: 400px;

    hheight: 200px;

    float: center;

    text-align: center;

    position: relative; top: 1px;

}

#partnerzy { 

    color: black;

    text-decoration: none;

    text-align: left;

    font-size: 10px;

    text-size: 20px

    link: white;

    alink: white;

}

#pasgora {

    position: relative; left: -8px;

}

#pasdol {

    position: relative; left: -8px;

}

i {

    font-size: 10px;

}

ul li {

list-style:none;

}

a:link,a:visited,a:hover,a:active {

text-decoration:none;

display:;

color:green;

}

napiss {

    float: center;

    background-image:url(podnapis.png); /* podajemy ścieżkę do tła */

    width: 301px;

    height: 30px;

}

a:hover {

color:red;

background-image:url('plik.***')

}

a:active {

color:white;

}

h1 {

    font-size: 20px;

}

#stopka {

    background-image:url(stopka.png); /* podajemy ścieżkę do tła */

    background-repeat:repeat; /* ustawiamy powtarzanie */

    width: 800px;

    height: 50px;

    text-align: right;

    color: black;

}

#pasgoral {

    position: relative; left: -1px;

}

#pasdoll {

    position: relative; left: -1px;

}

#pas1l {

    position: relative; left: 7px;

div#napis {

background-image:url(tlonapis.png) repeat; 

width: 300px;

height: 30px;

color: white;

}

b {

background-image:url(tlonapis.png) repeat; 

width: 300px;

height: 30px;

}

#napis {

color: white;

}

Nie wiem czy komuś chce się to wszystko przeglądać ale byłbym bardzo wdzieczyny ;]

Zgóry dziękuje Sad

**dziamber** · 25-02-2009, 00:03

Kod CSS:

Kod:
#tlo { 

       width: 300px;

       height: 30px;

       background: url(tlonapis.png);

       font-family: tahoma;

       font-size: 11px;

       color: white;

}

Kod HTML:

Kod:
<div id="tlo"> napis na tle </div>

Na 100% działa

teN · (Ten post był ostatnio modyfikowany: 26-02-2009, 21:46 przez teN.)

nie wiem czy to możliwe ale nie działa Big Grin

naprawdę nei wiem czemu tak się dzieje ale nie działa :/ jest sam napis... bez tła...

background: url(tlonapis.png);
a nie powinno być
background-image: url(tlonapis.png);

??
ale i tak i siak nie działa :/

Aha obrazek jest w folderze styles razem z dokumentem style :/

EDIT:

Już naprawiłęm w stylu css nie było dodane w ostatnim znacznika "}" sory za problem ;]

Mam jeszcze jeden problem moge przesunąć sam napis troche niżej ale obrazek zostawić bez ruchu? chodzi mi o 3 px niżej tekst ;]

Gruby767 · 28-02-2009, 03:18

weź mu daj najlepiej w kodzie css pozycjonowanie względem innego elementu do tego tekstu , a ten tekścik zadeklaruj jako diva np. tekst i w css
#tekst {
position:absolute;
left:100px; /*to zależy już od strony pozycja */
top:300px; /*również jak wyżej */
}
Pozdrawiam

teN · 07-03-2009, 00:38

Wielki dzięki za pomoc wszystko działa ;] Do zamknięcia? Tongue

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie