Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Składanie layoutu, trochę sie rozjechało
Forum PHP.pl > Forum > Przedszkole
bercow
Witam.

Mam problem, nie wiem czemu mam przerwy miedzy obrazkami, nie mam żadnych spacji, tagów nic, przerwy tworze się same, dodatkowo lewy pasek w div tresc przechodzi na prawa stronę.
http://bercow.viphost.pl/kamila/index2.html
  1. <div id="box">
  2. <div id="logo">
  3. </div>
  4. <div id="left">
  5. <img src="img/news.png" alt="News" />
  6. <img src="img/oferta.png" alt="Oferta" />
  7. <img src="img/promocje.png" alt="Promocje" />
  8. <img src="img/historia.png" alt="Historia" />
  9. <img src="img/kontakt.png" alt="Kontakt" />
  10. </div>
  11. <div>
  12. <div id ="right">
  13. <img src="img/okulary.png" alt=""/>
  14. <img src="img/left.png" alt=""/>
  15. <div id="tresc">
  16. Jakas tam dzika tresc.±±ęę±±łłłńńń¶¶¶
  17. </div>
  18. <img src="img/right.png" alt=""/>
  19. <img src="img/down.png" alt=""/>
  20. </div>
  21. </div>

  1. body {
  2. background-image: url("tlo.png");
  3. }
  4. #box {
  5. width: 800px;
  6. height: 758px;
  7. margin: 0 auto;
  8. }
  9. #logo {
  10. background-image: url("img/logo.png");
  11. height: 198px;
  12. width: 800px;
  13. }
  14. #left{
  15. width: 181px;
  16. float: left;
  17. }
  18. #right{
  19. width: 619px;
  20. float: right;
  21. }
  22. #tresc{
  23. background-color: #ffffff;
  24. height: 413px;
  25. width: 550px;
  26. float: left;
  27.  
  28. overflow: auto;
  29. text-align:justify;
  30. }
marian84
Policz <div> i </div>...

Powinno być parzy¶cie .... czego¶ za dużo ... albo za mało ... Jak dla mnie na pocz±tek usuń <div> w

  1. </div>
  2.  
  3. ---- ten ----<div>
  4.  
  5. <div id ="right">
bercow
faktycznie, ale to niestety nic nie zmienia
athei
Popraw kawałek z div id right na co¶ takiego
  1. <div id="right"><img src="index2_files/okulary.png" alt="" style="vertical-align:bottom;"/><img src="index2_files/left.png" alt="" style="vertical-align:bottom;" /><div id="tresc">Jakas tam dzika tresc.±±ęę±±łłłńńń¶¶¶</div><img src="index2_files/right.png" alt="" style="vertical-align:bottom;"/><img src="index2_files/down.png" alt="" style="vertical-align:bottom;" /></div>

Między obrazkami nie powinno być żadnych spacji, enterów. Być może będziesz musiał zmienić szeroko¶ć dla div tresc.
bercow
nie zbyt wiele to dalo neistety, i nie wiem czemu na localu wyswietla mi sie troche inaczej. tzn. na serwerze stona sie zalamuje, na localu nie, sa tylko zle poustawiane obrazki
athei
Zamiast się bawić z tymi bocznymi obrazkami do diva id tresc daj tło i zmień mu szeroko¶ć,
gdzie mid.png to np. dolny kawałek obrazka okulary.png o wymiarach 611x5
  1. #tresc{
  2. background-color: white;
  3. height: 413px;
  4. width: 611px;
  5. float: left;
  6. background:url(mid.png) repeat-y top left;
  7. overflow: auto;
  8. text-align:justify;
  9. }

a html
  1. <div id="right"><img src="index2_files/okulary.png" alt="" style="vertical-align: bottom;">
  2. <div id="tresc">Jakas tam dzika tresc.±±ęę±±łłłńńń¶¶¶</div>
  3. <img src="index2_files/down.png" alt="" style="vertical-align: bottom;"></div>

bercow
Prawie super, ale teraz mnie zastanawia, co jest przesunięte, tekst, i dwa zdjęcia, czy raczej tło tre¶ci. http://bercow.viphost.pl/kamila/index2.html Raczej tekst z obrazkami, ale nie wiem czemu, pozycjonowanie lewo prawo nic nie daje
krzysztof_kf
Cytat(bercow @ 16.05.2010, 23:26:33 ) *
Prawie super, ale teraz mnie zastanawia, co jest przesunięte, tekst, i dwa zdjęcia, czy raczej tło tre¶ci. http://bercow.viphost.pl/kamila/index2.html Raczej tekst z obrazkami, ale nie wiem czemu, pozycjonowanie lewo prawo nic nie daje



dodaj do css

  1. #right img {
  2. float: right;
  3. position: relative;
  4. }
bercow
No i jest super biggrin.gif Tak jak byc powinno, ale teraz nastepny problem, nigdzie w css nie mam zdefiniowane zadnego border, a na okolo przyciskow widac ramki w FF i IE

http://optykbartek.pl/kamila/index.php


Widac, ze ramka sie tworzy na okolo linku, ale a:visible nie chce dzialac
  1. <a href="kontakt.php"><img src="img/kontakt.png" alt="Kontakt" /></a>

składnia jest prawidłowa
motyl-pl
dajesz albo w zewnętrznym arkuszu stylów co¶ takiego:
Kod
a { border: none; }


albo w kodzie
  1. <a href="kontakt.php" style="border:0;"><img src="img/kontakt.png" alt="Kontakt" /></a>
bercow
nie dziala, ani to, ani to
glh
Kotwica jest elementem liniowym, jezeli nie zostanie inaczej zdefiniowana, wiec nie ma obramowania - te maja tylko elementy blokowe.
Zmien styl dla img, czyli w arkuszu stylow:

img
{
birder: none;
}


mialo byc border, a nie birder.
bercow
Juz powoli nabiera ksztaltow, ale chcial bym tez aby strona sie validowwala, no moze po za strona z google maps. Niestety nie wiem czemu wywala mi sie na tagach h3 i h4.

Bledy na stronach

http://optykbartek.pl/oferta.php w3 link
http://optykbartek.pl/historia.php w3 link
lobopol
wywal <p> </p>
To jest wersja lo-fi głównej zawarto¶ci. Aby zobaczyć pełn± wersję z większ± zawarto¶ci±, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.