Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Problem z stroną
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
kry100kry100
Elo. Mam problem z treścią strony. Gdy w menu dam mniej tekstu, niż w divie z treścią to jest ok, ale jak dam więcej tekstu niż w divie z treścią to fragment który powinien być w menu przechodzi w miejsce diva z treścią :/ Podaje link do strony:

Link
erix
Kod
<div id="logo" /></div>

WTF?

Cytat
fragment który powinien być w menu przechodzi w miejsce diva z treścią

Yyyy, trochę nie rozumiem?
kry100kry100
A na tamto to nie patrz ;p Chodzi o to że TA grafika przechodzi TU zamiast być po lewej tam gdzie menu...
dem
o zgrozo... zaczynales od tabelek prawda? ehhh, dobre masz plany ale z wykonaniem krucho... zrobie pare uwag:
  1. <div id="tekst" />
  2. <div id="container" />
  3.  
  4. <div id="logo" /></div>
  5. <div id="menu" /></div>
  6. <div id="srodek" /></div>
  7.  
  8. <div id="tresc" />
  9. test test test test<br />
  10. test test test test<br />
  11. test test test test<br />
  12. test test test test<br />
  13. test test test test<br />
  14. test test test test<br />
  15. test test test test<br />
  16. test test test test<br />
  17.  
  18. test test test test<br />
  19. test test test test<br />
  20. </div>
  21. <div id="menu1" />
  22. <a href="index.php" />&amp;>Home</a><br />
  23. <a href="about.php" />&amp;>O mnie</a><br />
  24. <a href="kontakt.php" />&amp;>Kontakt</a><br />
  25. <a href="oferta.php" />&amp;>Oferta</a><br />
  26. <a href="projekty.php" />&amp;>Projekty</a><br /><br />
  27. <a href="priv.php" />&amp;>Priv</a><br />
  28.  
  29. <a href="friends.php" />&amp;>Friends</a>
  30.  
  31. <a href="priv.php" />&amp;>Priv</a><br />
  32. <a href="friends.php" />&amp;>Friends</a>
  33. <a href="priv.php" />&amp;>Priv</a><br />
  34. <a href="friends.php" />&amp;>Friends</a>
  35. <a href="priv.php" />&amp;>Priv</a><br />
  36. <a href="friends.php" />&amp;>Friends</a>
  37. </div>
  38. <div id="menu2" /></div>
  39.  
  40. <div id="srodek1" /></div>
  41. </div>
  42. </div>

to jest do bani... po co tworzysz, "wiersz" po "wierszu" nowe divy? chcesz pozycjonowac elementy? to podziel je na logiczne boxy:
  1. <div id="box">
  2. <div id="top">
  3. </div>
  4. <ol id="menu">
  5. <li></li>
  6. <li></li>
  7. </ol>
  8. <div id="mainContainer">
  9. </div>
  10. </div>


i opisz TO stylami... jak masz poszatkowane menu na trylion czesci to nie dziwne ze ci sie sypie... powiesz, "ze musisz tak, bo masz grafike z zaokrągleniami..." to nie problem, mozesz ladnie to zrobic z jednym dodatkowym divem (ol ma np zaokraglenie(tlo) u gory, a div u dołu), ale zapamietaj sobie, ze MUSZISZ grupowac elementy jesli chcesz je pozycjonowac bez takich problemow... czyli nawet jesli nie chcesz za bardzo zmieniac tego cudacznego kodu, to poporstu wrzuc menu w jeden kontener, a a z kontenerami tresci zrob tak samo.

kolejna uwaga: robisz menu z div+a ... spoko, to tez moze meic rece i nogi (byc estetyczne) ale tylko wtedy jak ruszysz glowa... po co
  1. <a href="index.php" />&amp;>Home</a><br />
  2. <a href="about.php" />&amp;>O mnie</a><br />
  3. <a href="kontakt.php" />&amp;>Kontakt</a><br />

dajesz <br> na koncu?

daj w stylach
Kod
a {
display: block
}

i znikaja zbedne znaczniki <br>
kry100kry100
Dzięki winksmiley.jpg Tak zaczynałem od tabelek, a ma divach robię od nie dawna tak że nie wiem jeszcze sporo rzeczy winksmiley.jpg Ale jeszcze raz dzięki za odpowiedź.

EDIT://

Ehhh... Wiem że się rozpisałeś, ale dalej jakos nie umiem sobie z tym poradzić :/
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.