+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [css] rozjazd grafiki przy korzystaniu z div'ów (/thread-css-rozjazd-grafiki-przy-korzystaniu-z-div-ow)
Strony:
1
2
RE: [css] rozjazd grafiki przy korzystaniu z div'ów - imperiusz - 06-12-2009
(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;
}
.DZIAŁA!!!
Już wkrótce nowa seria problemów
. Pozdrawiam i dziękuję za pomoc .
RE: [css] rozjazd grafiki przy korzystaniu z div'ów - imperiusz - 06-12-2009
Cytat:Już wkrótce nowa seria problemówTak 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
RE: [css] rozjazd grafiki przy korzystaniu z div'ów - Labsta.com - 06-12-2009
A użyłeś tego reseta, o którym pisałem? To pewnie jakiś padding albo line-height;
RE: [css] rozjazd grafiki przy korzystaniu z div'ów - imperiusz - 06-12-2009
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>RE: [css] rozjazd grafiki przy korzystaniu z div'ów - Labsta.com - 06-12-2009
Wrzuć to na jakiś serwer bo trudno mi zgadywać. Prawdopodobnie top ma mieć overflow: hidden;
RE: [css] rozjazd grafiki przy korzystaniu z div'ów - imperiusz - 06-12-2009
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