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??
- CSS 2.1 + PHP5 Nie odczytuje grafiki!!!!
- [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
- Kod stylu kod stylu CSS
- css+jquery problem z accordion z jquery
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- thelemisticum.opx.pl
telcocafe
Hejka.Mam taki kod.
HTML/PHP:
<?php echo ' <html> <head> <title>'.$SiteTitle.'</title> <link href="style.css" rel="stylesheet" type="text/css"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"> </head> <body> <div id="glowny"> <div id="Logo"><h1>LOGO</h1></div> <div id="MenuGorne"><h1>MENU1</h1></div> <div id="MenuLewe"><h1>MENU2</h1></div> <div id="MenuPrawe"><h1>MENU3</h1></div> </div> </body> </html>'; ?>
CSS:
body { text-align:center; margin:0; padding:0; background-color:#006699; } div#glowny { text-align:left; width:780px; margin: 0 auto; padding:0; background: #FFF url('tlo.png') repeat-y; } div#Logo { height:80px; width:100%; background-color:#F90; margin-bottom:0; margin-top:20; padding-top:0; } div#Logo h1 { font:italic 150%/80px Verdana, Arial, sans-serif; color:#FFF; margin:0 40px; } div#MenuGorne { height:80px; width:100%; background-color:#99CC33; float:none; margin-top:0; } div#MenuGorne h1 { font:italic 150%/80px Verdana, Arial, sans-serif; color:#FFF; margin:0 40px; } div#MenuLewe { height:500px; width:20%; background-color:#0066FF; float:none; margin-top:0; margin-left:0; } div#MenuLewe h1 { font:italic 150%/80px Verdana, Arial, sans-serif; color:#FFF; margin:0 40px; } div#MenuPrawe { height:500px; width:20%; background-color:#990066; margin-left:100; margin-top:0; } div#MenuPrawe h1 { font:italic 150%/80px Verdana, Arial, sans-serif; color:#FFF; margin:0 40px; }
Obecnie MenuPrawe znajduje się pod lewym a według zamieżenia ma się znajdować
po prawej stronie strony czyli w sumie obok Menu lewego
czyli ma być:
Logo MenuGorne MenuLewe|MenuPrawe
a nie:
Logo MenuGorne MenuLewe MenuPrawe
Użytkownik orglee edytował ten post 21 grudzień 2005, 19:34
Hmm... Z pamięci: dla menuLewe: left: 10, dla menuPrawe: left: 30 :) Myslę, że wiesz o co mi chodzi?
Użytkownik virus_jc edytował ten post 21 grudzień 2005, 19:42
no niby tak
ale menu prate ma byc jak najblizej prawej strony :)
MenuLewe maring-left: 0px;
MenuPrawe maring-right: 0px;
ale nie dziala tka :(
pozatym o ile misie dobze wydaje wlascwiwosci
left,right,top,bottom
mozna uzywac tylko jesli wczesniej zastosuje sie atrybut position a tego chce unikac
bo jak kiedys to zrobilem to zaczela mi sie strona rozsypywac
Użytkownik orglee edytował ten post 21 grudzień 2005, 19:51
dobra juz wiem wystarczy uzyc znacznika float: right , left;
chyba dobrze mysle co ?
chyba dobrze mysle co ?
niby dobrze :D
IE mi dobrze interpretuje ten kod zgodnie z oczekiwaniami,(niesamowite)
ale FF :(
tragedia powmiedzy MenuLewe MenuPrawe
powinien byc pasek w kolorze kawowym
a jego tam nie ma :(
poprawiony kod:
div#MenuLewe { height:500px; width:20%; background-color:#0066FF; margin-top:0; float:left; } div#MenuPrawe { height:500px; width:20%; background-color:#0066FF; margin-top:0; float:right; }
aha na goze dodalem jeszcze:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Użytkownik orglee edytował ten post 21 grudzień 2005, 20:04
niby dobrze :D
IE mi dobrze interpretuje ten kod zgodnie z oczekiwaniami,(niesamowite)
ale FF :(
tragedia powmiedzy MenuLewe MenuPrawe
powinien byc pasek w kolorze kawowym
a jego tam nie ma :(
poprawiony kod:
div#MenuLewe { height:500px; width:20%; background-color:#0066FF; margin-top:0; float:left; } div#MenuPrawe { height:500px; width:20%; background-color:#0066FF; margin-top:0; float:right; }
aha na goze dodalem jeszcze:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
miło mi też się ciesze że nie zapomniałem o doctajpie ;)
ale problem nadal pozostaje
zrobiłem screeny i pokazuje o co chodzi:
FrajerFox <- tylko żartuje bardzo lubie ten program
http://orglee.strona.pl/FFStrona.jpg
IE <- niesamowite ten syf cos dobrze odczytal
http://orglee.strona.pl/IEStrona.jpg
nie chce mi się czytać ;) use display:inline;
hurra ;)
powiedz mi jeszcze do ktorego elemntu ja powinienem to zastosowac :P
bo jak to robie do DIV'a glownego to mi sie rozlali wszystko
(zlota mysl: hmm a moze stworze jeszcze jedna warstwe i ja walne midzy te 2 :])
Do menu lewego i prawego jak się domyślam ;)