ďťż
Podstrony
|
telcocafeWitajcie mam problem. Otóż robię swoją stronkę bo zaczynam zabawe z CSS. Jednak nie wiem jak sobie poradzić z tym problemem. Poniżej zamieszczam kod:style.css body { color: #FFFFFF; font: 8pt Tahoma, Geneva, Arial, Helvetica, sans-serif; margin: 0px; } .gora { height: 75px; width: 100%; background-color: #000000; } .tabelka { height: 30px; width: 100%; color: #666666; background-image: url(tlo.png); } index.php <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Homepage</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="gora"><img src="logo.png" /></div> <div class="tabelka">Content for class "style" Goes Here</div> </body> </html> Problem polega na tym, że nie potrafie ustalić marginesu dla tekstu w tabelce bo gdy próbuje zrobic tak: margin-left:30%; to przesuwa mi całą tabelkę. Co mam zrobić aby przesunął się tylko tekst a nie cała tabelka? Wyrzuć width: 100%; Musisz dać padding, nie margin Musisz dać padding, nie margin padding da to samo, sprawdzałem, dopiero jak wywali width to może dać margin lub padding - do wyboru - będzie OK. DIV i tak będzie rozciągnięty na 100% Odpowiedź jest banalnie prosta. Rób strony w tabelkach a nie na divach. Ja się chrzaniłem z takimi problemami przez 4 miesiące, aż dałem spokój. DIVy to jest: Niekompatybilność przeglądarek. Konieczność używania tak zwanych haków IE. Więcej kody niż przy tabelkach niestety. Ja rozwiązałem taki sam problem jak twój dające dodatkowego diva i jemu ustalając marginesy. Aha jeśli chcesz żeby DIV miał takie rozmiary jak ustawiłeś i żeby się nie poszerzał kiedy wstawisz więcej tekstu musisz dać display:block; Pozdrawiam. @orglee: nie bluźnij :mad: @TexPac: daj tekst w divie tabelka pomiędzy <p></p> i dla p daj odpowiedni margin. o dzięki :) Poradziłem sobie z tym problemem i za chwile pojawił się następny jednak skorzystałem z Waszych rad i poradziłem sobie ;) |
|||
Sitedesign by AltusUmbrae. |