Ocena wątku:
- 0 głosów - średnia: 0
- 1
- 2
- 3
- 4
- 5
[css] rozjazd grafiki przy korzystaniu z div'ów
|
Liczba postów: 13
Liczba wątków: 2
Dołączył: 04-12-2009
Reputacja:
0
06-12-2009, 02:02
(Ten post był ostatnio modyfikowany: 06-12-2009, 02:41 przez imperiusz.)
(05-12-2009, 21:59)Labsta.com napisał(a): 2. KeD jest dobry, co nie znaczy, że nie można testować równocześnie w FF. BTW KeD to edytor nie kompilator
No tak. Na bieżąco sprawdzam także w FF.
Teraz zostało tylko działanie marginesów i paddingów w FF.
Kod: #mega {
width: 836px;
margin-left: 53px;
padding-top: 3px;
}
#megagora img {
margin: 0px;
padding: 0px;
display: block;
}
#megasrodek {
width: 836px;
background-image: url(mega_tlo.jpg);
}
#megasrodek img {
margin: 0px;
padding: 0px;
display: block;
}
#megadol img {
margin: 0px;
padding: 0px;
display: block;
}
Wszystko zostało ściągnięte do środka, przy czym DIV "top" dokładnie tak jak było zamierzone. Natomiast wszystko inne w "środku" przylega do lewej. Aby odsunąć chciałem użyć właśnie marginesów, bo potem w mojej teorii miało mi to jakoś ułatwić  .
DZIAŁA!!!
Już wkrótce nowa seria problemów  . Pozdrawiam i dziękuję za pomoc  .
Liczba postów: 13
Liczba wątków: 2
Dołączył: 04-12-2009
Reputacja:
0
Cytat:Już wkrótce nowa seria problemów 
Tak jak obiecałem.
Obecnie problem wygląda tak:
http://img294.imageshack.us/img294/7223/41830530.jpg
Wszystko było pięknie i pasowało do siebie, przylegało i ogólnie tak jak być powinno - było.
Natomiast po dopisaniu do css:
Kod: h1 {
color: rgb(252,255,0);
font-size: 20px;
font-weight: 800;
}
Nastąpiło powyższe wykrzaczenie. Znów jednak IE pokazuje że jest dobrze. Natomiast FF krzaczy. Wina ewidentnie musi stać po stronie h1, ale jak....
Kod CSS odpowiadający za "wykrzaczoną" tabelkę:
Kod: /* DUZA LEWA RAMKA */
#duzal {
width: 542px;
margin: 0px;
padding: 6px 0 6px 50px;
/* border: 1px solid red; */
}
#duzalgora {
background: url(duza_pasek_gora.jpg) no-repeat;
width:542px;
height: 6px;
margin: 0px;
padding: 0px;
/* border: 1px solid blue; */
}
#duzalsrodek {
width: 530px;
margin: 0px;
padding-left: 6px;
padding-right: 6px;
background: rgb(30,58,17);
/* border: 1px solid; */
}
#duzaldol {
background: url(duza_pasek_dol.jpg) no-repeat;
width:542px;
height: 6px;
/* border: 1px solid brown; */
}
Jeżeli w xhtml nie użyje h1 wszystko gra.
Oczywiście na początku sam próbuje rozwiązać problem. Jak zajmuje mi więcej niż pół h to się zgłaszam do Was. Razem uczy się lepiej i szybciej  .
Pozdrawiam
Liczba postów: 682
Liczba wątków: 9
Dołączył: 03-03-2009
Reputacja:
18
A użyłeś tego reseta, o którym pisałem? To pewnie jakiś padding albo line-height;
Liczba postów: 13
Liczba wątków: 2
Dołączył: 04-12-2009
Reputacja:
0
Reset... zapomniałem o nim. Poprawił. Dzięki.
pojawiła się kolejna zabawka:
http://img709.imageshack.us/img709/2097/44878845.jpg
Znów IE dobrze FF nie.
Ciemne tło powinno przesunąć się dalej w dół pod nowe tabelki.
Sprawdziłem XHTMLa. Wszystkie divy poprawnie otwarte i zamknięte oraz zagnieżdżone. Tak mi się wydaje.
Kod: <?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html;charset=ISO-8859-2" />
<meta name="Keywords" content="paintball, imprezy integracyjne, strzelanie, poligon, markery, zabawa, adrenalina, extreeme, maluchy, sportowe samochody, wyścigi " />
<meta name="Description" content="Zapraszamy do zabawy w WOJNĘ. strzelamy do ludzi farbą! nowy sport dla każdego! wynajmujemy cały sprzęt. mamy własny poligon. strzelania, imprezy firmowe, zabawa!" />
<title>Operacja Paintaball - Strzelamy farbą!</title>
<link href="data/style.css" rel="Stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="top">
<div id="menu">menu: <a href="index.html" class="obecna" >start</a> oferta poligony galerie forum kontakt ceny/promocje</div>
<div id="mega">
<div id="megagora"></div>
<div id="megasrodek"><img src="data/zdjecie_glowne.jpg" alt="" width="824" height="345" /></div>
<div id="megadol"></div>
</div>
<div id="duzal">
<div id="duzalgora"></div>
<div id="duzalsrodek">
<h1>Witamy serdecznie na naszej stronie!</h1>
<p>Operacja Paintball zaprasza wszystkich, którzy przeżyć chcą coś nowego. Paintball to gra zespołowa, w której przy pomocy specjalnych pistoletów, strzelamy do siebie kulkami z farbą. Mnóstwo adrenaliny, zabawy i satysfakcji to tylko kilka cech charakterystycznych dla tego sportu!zej stronie. Operacja Paintball zaprasza wszystkich, którzy przeżyć chcą coś nowego.</p>
<p>Paintball to idealny sposób na spędzenie aktywnie wolnego czasu, odreagowanie szkolnych stresów, spotkanie ze znajomymi oraz integrację pracowników w Twojej firmie. Zapoznajcie się z naszą ofertą, zbierajcie znajomych i zapraszamy do wspólnej zabawy!</p>
<span class="podpis">Ekipa Operacji Paintball</span></div>
<div id="duzaldol"></div>
</div>
<div id="srp">
<div id="srpgora"></div>
<div id="srpsrodek">Tu będzie kalendarz</div>
<div id="srpdol"></div>
</div>
</div>
</body>
</html>
Liczba postów: 682
Liczba wątków: 9
Dołączył: 03-03-2009
Reputacja:
18
Wrzuć to na jakiś serwer bo trudno mi zgadywać. Prawdopodobnie top ma mieć overflow: hidden;
Liczba postów: 13
Liczba wątków: 2
Dołączył: 04-12-2009
Reputacja:
0
06-12-2009, 05:55
(Ten post był ostatnio modyfikowany: 06-12-2009, 06:06 przez imperiusz.)
http://www.operacjapaintball.pl/xhtml/index.html
do styli:
http://www.operacjapaintball.pl/xhtml/data/style.css
Overflow zadziałało, ale nawet nie wiem w jaki sposób... 
Doczytałem i znalazłem. Kurs jest mistrz. Pozdrawiam i dziękuję za cierpliwość pewnie jeszcze nie raz zaryzykuje jej naciągnięcia
|
Podobne wątki… |
Wątek: |
Autor |
Odpowiedzi: |
Wyświetleń: |
Ostatni post |
|
Problem przy pomniejszaniu/powiększaniu strony |
pelirroja |
7 |
4,896 |
10-12-2012, 23:10
Ostatni post: Kartofelek
|
|
Pomoc przy tłach |
erfix |
12 |
5,466 |
09-09-2012, 23:34
Ostatni post: erfix
|
|
[JS] Callback przy dynamicznym ładowaniu |
bandzgla |
0 |
1,496 |
08-03-2012, 21:12
Ostatni post: bandzgla
|
|
potrzebna pomoc przy position: fixed, position: absolute |
Seebeek |
1 |
2,316 |
27-02-2012, 19:06
Ostatni post: Seebeek
|
|
Wyśrodkowanie strony. Rozjeżdżanie przy powiększaniu. Rozdzielczość ekranu. PROBLEM |
ohcs |
6 |
3,439 |
24-02-2012, 16:31
Ostatni post: kornell
|
Użytkownicy przeglądający ten wątek: 1 gości
|
|
Sponsorzy i przyjaciele
|
|
|