Podstrony
- telcocafe
- [CSS] wielkosc tabelki 1 zalezna od wielkosci tabelki 2
- [CSS] Odstęp miedzy obrazkami w tle Jak usunąć odstęp miedzy obrazkami w tle ?
- [html Css] Obramowanie Czcionki jak obramowac czcionke??
- [XHTML/CSS] Opera problem z wyświetlaniem Problem z wyświetlaniem strony w opera
- [cSs] jasnoszary border 'jotpegów' Pomocy !! :)
- [HTML/CSS]Problem z wyświetlaniem strony różnice w wyświetlaniu strony w IE i Firefox
- [CSS] Problem wyświetlania w MSIE szablonu w internet explorer 6 zle wyświetla szablon
- [css + Ie + Div] Div Jest Zbyt Szeroki Div w ie nie trzyma swojego rozmiaru...
- Kod stylu kod stylu CSS
- css+jquery problem z accordion z jquery
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- anioly24.xlx.pl
telcocafe
Mam pociety desing, jak wiadomo chce zeby on był tłem więc daje background-image{aaa/obrazek.jpg}, ale jest pociety wiec jest ich 4 wiec jak moge dac zeby wszystkie czesci byly jako tło ?Jeśli to jest ważne są one umieszczone w tabelach..
ja mialem podobny problem
http://forum.ks-eksp...showtopic=95225
wejdz tu i tam w link ktory jakis ziom mi podal
pozdro.
Nie chodzi mi o to, ale sprobowalem to zrobic w div'ach i mam taki bład
index.html
<div id="top"></div>
<div id="srodek"></div>
<div id="stopka"></div>
style.css
#top {
background-image: url('images\index_01.jpg');
width: 1024px;
height: 204px;
}
etc etc czemu nic nie wyswietla ? : o
Napewno dobrze wpisales nazwy plikow i podczepiles css?
Tak, w index.html dalem w head
<link rel="stylesheet" href="style.css" type="text/css" media="all"/>
a nazwy 100% good
Dodaj display:block;
nie dziala : d
Zarzuc caly kod. I strukture plikow.
PS. Divy maja domyslnie display: block;
Użytkownik Mathew edytował ten post 17 listopad 2006, 22:28
index.html
<html> <head> <link rel="stylesheet" href="style.css" type="text/css" media="all"/> <title>aaa</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1250"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div id="top"></div> <div id="srodek"></div> <div id="stopka"></div> </body> </html>
style.css
#top { background-image: url('images\index_01.jpg'); width: 1024px; height: 204px; } #srodek { background-image: url('images\index_02.jpg'); width: 1024px; height: 506px; } #stopka { background-image: url('images\index_03.jpg'); width: 1024px; height: 58px; } body { margin: 0; padding: 0; text-align:center; }
Musisz mieć źle ponazywane pliki.
Ale jest dobrze bo jak dam <div id=dsads> link </div> to dziala ale wtedy nie jest background
Wez troche pomysl nad tym jak piszesz bo cie sczaic nie mozna :P
Pewnie ze bloki dzialaja, kod jest w miare poprawny - dodaj border: 1px solid black; a przekonasz sie ze bloki istnieja i maja dobre wymiary. Na bank masz zle ponazywane obrazki - moze zly folder - moze inna wielkosc liter (na linuxie to istotne)
OMG !!!! Nie dzialalo bo ukosniki nie w ta strone : d
Plik jest tylko wlasnie zmienilem nazwe tak dla zasady zeby sprawdzic czy bedzie dzialac
Użytkownik zarcel edytował ten post 17 listopad 2006, 22:57
http://zarcel.boo.pl...es/index_01.jpg nie mowilem... nie masz pliku
I daj ukosniki / zamiast \
Użytkownik Mathew edytował ten post 17 listopad 2006, 22:57
Dobra pociąłem jeszcze raz dla wygody i teraz to wygląda tak :
index
<html> <head> <link rel="stylesheet" href="style.css" type="text/css" media="all"/> <title>zarcel's homepage - zarcel.boo.pl</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1250"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div id="top"></div> <div id="srodek"><P ALIGN="left">...</P></div> <div id="stopka"></div> <div id="left"></div> <div id="right"></div> </body> </html>
css
#top { background-image: url('images/top.jpg'); width: 1024px; height: 204px; } #srodek { background-image: url('images/srodek.jpg'); width: 657px; height: 506px; } #stopka { background-image: url('images/stopka.jpg'); width: 657px; height: 58px; } #left { background-image: url('images/left.jpg'); width: 180px; height: 564px; } #right { background-image: url('images/right.jpg'); width: 187px; height: 564px; } body { margin: 0; padding: 0; text-align:left; color:#c9c4b8; }
No i mam 2 problemy
1. Jest odstep nie wiem czemu : o
2.Dałem wyrownywanie do lewej w czesci srodek a i tak wjechało na czesc left
zarcel.boo.pl
<P ALIGN="left"> Nie ma czegoś takiego jak align i pisz wszystko z malej. dodaj deklaracje doctype = najlepiej xhtml 1.0 strict
bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" pousuwaj to - od tego jest css
Popraw bledy i wtedy sie pogada na temat zlego wyswietlania
"Troche" się poprzestawiało : d
<div id="top"></div> <div id="left"></div> <div id="srodek">...</div> <div id="right"></div> <div id="stopka"></div>
divowi left i center daj float: left, a prawemu float: right, stopce natomiast clear: both;
Teraz co nie co sie zmienilo ale nadal boki sa pod stopka i reszta
nie poprawiles htmla, przynajmniej na serwerze
Użytkownik Mathew edytował ten post 18 listopad 2006, 12:06
Znow nie działa : ( Załamie się...
Popatrz uważnie na moj post. Czy nie pomieszałeś blokow? Dales left, right i dopiero center.
Sprawdzalem naprawde rozne kombinacje i naprawde nic - Podpowiedz jak to ma wygladac............ top left center right bottom nie dziala
Nie ma floata center - daj wszystkim blokom (left, right i cente) floata left. Czy wszystko na bieżąco aktualizujesz na serwerze? - tj. czy to co na serwerze to jest to co ostatnio poprawiiales?
Sure, all the same
Wiem, że double post ale odswiezam bo caly czas to samo ,,,,,,,,,
Wiem, że double post ale odswiezam bo caly czas to samo ,,,,,,,,,
Daj screena :P
Ściągnąłem sobie wszystkie obrazki z twojej strony.
W 2 minuty napisałem kod i nie ma problemu.
W index.html napisałem:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"> <html> <head> <link rel="stylesheet" href="style.css" type="text/css" media="all"/> <title>zarcel's homepage - zarcel.boo.pl</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"> </head> <body> <div id="caly"> <div id="top"></div> <div id="left"></div> <div id="right"></div> <div id="srodek"></div> <div id="stopka"></div> </div> </body> </html>
A w style.css:
body { margin:0; } #caly { width:1024px; height:768px; float:left; } #top { background-image: url('images/top.jpg'); width:1024px; height:204px; float:bottom; } #left { background-image: url('images/left.jpg'); width:180px; height:564px; float:left; } #right { background-image: url('images/right.jpg'); width:187px; height:564px; float:right; } #srodek { background-image: url('images/srodek.jpg'); width:657px; height:506px; float:left; } #stopka { background-image: url('images/stopka.jpg'); width:657px; height:58px; float:left; }
I wszystko gra.
Mam nadzieję że pomogłem.
Pozdrawiam.
Użytkownik master_dos edytował ten post 25 listopad 2006, 12:38