Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html]paseczek
Forum PHP.pl > Forum > Przedszkole
Mruwka
13.07.2007, 19:37:07
http://www.testowiec.yoyo.pl/index2.htm
http://www.testowiec.yoyo.pl/index.html
Tu mam 2 strony i mam taki problem bo chcem po najechaniu ustawić że to czerwone (pokazane na index 2 (po najechaniu na link obok pokazuje się czerwony kwadracik))
ale gdy wstawie ten pasek w miejsce tam gdzie sie pojawia ten kwadracik po najechaniu(pokazane na index)
nie pokazuje się więc chciał bym zrobić takie cos że po najechaniu na tym siwym tle pokazuje się ten czerwony kwadracik

mam nadzieje że zrozumieliscie

na wszelki wypadek dam kod html

Index

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml"><head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>Moja strona domowa</title>
  5. <style type="text/css">
  6. # td,body { font-family: Verdana; font-size: 10px }
  7. input {
  8. font: 10px verdana,arial;
  9. }
  10. ul{margin-top:5px; font-size:20px;}
  11.  li{list-style:none; margin-top:5px;}
  12.  a{border-left:5px solid #eee; padding-left:5px; color:black; text-decoration:none; }
  13.  a:hover{border-left:5px solid #d22; padding-left:5px;}
  14.  
  15. </style>
  16. </head>
  17.  
  18. <body>
  19. <center><div style="LEFT: 231px; VISIBILITY: visible; POSITION: absolute; TOP: 147px; Z-index: 2; height: 274px; width: 590px;"><img src="layer.PNG" width="594" height="438" longdesc="http://mruwa.info/layer.png" alt="Obrazek"/></div>
  20. </center>
  21. <div style="LEFT: 270px; VISIBILITY: visible; POSITION: absolute; TOP: -2px; Z-index: 2; width: 489px; height: 29px; background-color: #000000; layer-background-color: #000000; border: 1px none #000000;"><img src="../(reflect)Mroofka.png" alt="logo" width="492" height="96" /></div>
  22.  
  23.   <div style="LEFT: 17px; VISIBILITY: visible; POSITION: absolute; TOP: 207px; Z-index: 2; width: 160px; height: 236px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;">
  24.     <div style="float:left"><ul>
  25.                 <li><a href="/index.html"> Stronaglowna</a></li>
  26.  
  27.                 <li><a href="http://mruwka.blogspot.com"> M&oacute;j blog </a></li>
  28.                 <li><a href="/projekty.html"> Projekty</a></li>
  29.                 <li><a href="/linki>Linki </a></li>
  30.                 <li><a href="/kontakt.html> Kontakt</a></li>
  31.                 </ul>
  32. </div></div>
  33.   <div style="LEFT: 57px; VISIBILITY: visible; POSITION: absolute; TOP: 207px; Z-index: 2; height: 121px; width: 7px; background-color: #E0E0E0; layer-background-color: #E0E0E0; border: 1px none #000000;"" width="6" height="124" /></div>
  34. </body>
  35.   <marquee>
  36.  <p>&nbsp;</p>
  37.  <p>&nbsp;</p>
  38.  <p>&nbsp;</p>
  39.  <p>22 lipca zaczynają się moje 3 miesięczne wakacje ! </p>
  40. </marquee>
  41. &nbsp;</p>
  42. </div>
  43. <div style="LEFT: 233px; VISIBILITY: visible; POSITION: absolute; TOP: 150px; Z-index: 2; height: 274px; width: 619px;">
  44.   <p><u>3 miesiące wakacji______________________________________________________5 lipca</u><br />
  45.     Dzisiaj specjalnie dla was i dla siebie obliczyłem że moje wakacje będą trwały 3 miesiące od 22<br />
  46.   lipca i będzie to dla mnie coroczne swięto bo jest co swiętować co nie.<br />
  47.   tez sie ciesze razem z wami chociarz bez was rozumiesz?  
  48.   <p>   </div>
  49. <div style="LEFT: 57px; VISIBILITY: visible; POSITION: absolute; TOP: 183px; Z-index: 2; height: 20px; width: 118px;">
  50. <img src="menu2uc1.png" width="118" height="22" /></div>
  51. </body>
  52. </html>
[HTML] pobierz, plaintext


nie patrzcie na inne błędy tylko pomuszcie w tym odrazu mówie
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml"><head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>Moja strona domowa</title>
  5. <style type="text/css">
  6. # td,body { font-family: Verdana; font-size: 10px }
  7. input {
  8. font: 10px verdana,arial;
  9. }
  10. ul{margin-top:5px; font-size:20px;}
  11.  li{list-style:none; margin-top:5px;}
  12.  a{border-left:5px solid #eee; padding-left:5px; color:black; text-decoration:none; }
  13.  a:hover{border-left:5px solid #d22; padding-left:5px;}
  14.  
  15. </style>
  16. </head>
  17.  
  18. <body>
  19. <center><div style="LEFT: 231px; VISIBILITY: visible; POSITION: absolute; TOP: 147px; Z-index: 2; height: 274px; width: 590px;"><img src="My Documents/My Pictures/layer.PNG" width="594" height="438" longdesc="http://mruwa.info/layer.png" alt="Obrazek"/></div>
  20. </center>
  21. <div style="LEFT: 270px; VISIBILITY: visible; POSITION: absolute; TOP: -2px; Z-index: 2; width: 489px; height: 29px; background-color: #000000; layer-background-color: #000000; border: 1px none #000000;"><img src="../(reflect)Mroofka.png" alt="logo" width="492" height="96" /></div>
  22.  
  23.   <div style="LEFT: 17px; VISIBILITY: visible; POSITION: absolute; TOP: 207px; Z-index: 2; width: 160px; height: 236px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;">
  24.     <div style="float:left"><ul>
  25.                 <li><a href="/index.html"> Stronaglowna</a></li>
  26.  
  27.                 <li><a href="http://mruwka.blogspot.com"> M&oacute;j blog </a></li>
  28.                 <li><a href="/projekty.html"> Projekty</a></li>
  29.                 <li><a href="/linki>Linki </a></li>
  30.                 <li><a href="/kontakt.html> Kontakt</a></li>
  31.                 </ul>
  32. </div></div>
  33.   <div style="LEFT: 44px; VISIBILITY: visible; POSITION: absolute; TOP: 208px; Z-index: 2; height: 121px; width: 7px; background-color: #E0E0E0; layer-background-color: #E0E0E0; border: 1px none #000000;"" width="6" height="124" /></div>
  34. </body>
  35. </body>
  36.   <marquee>
  37.  <p>&nbsp;</p>
  38.  <p>&nbsp;</p>
  39.  <p>&nbsp;</p>
  40.  <p>22 lipca zaczynają się moje 3 miesięczne wakacje ! </p>
  41. </marquee>
  42. &nbsp;</p>
  43. </div>
  44. <div style="LEFT: 233px; VISIBILITY: visible; POSITION: absolute; TOP: 150px; Z-index: 2; height: 274px; width: 619px;">
  45.   <p><u>3 miesiące wakacji______________________________________________________5 lipca</u><br />
  46.     Dzisiaj specjalnie dla was i dla siebie obliczyłem że moje wakacje będą trwały 3 miesiące od 22<br />
  47.   lipca i będzie to dla mnie coroczne swięto bo jest co swiętować co nie.<br />
  48.   tez sie ciesze razem z wami chociarz bez was rozumiesz?  
  49.   <p>   </div>
  50. <div style="LEFT: 57px; VISIBILITY: visible; POSITION: absolute; TOP: 183px; Z-index: 2; height: 20px; width: 118px;">
  51. <img src="../../My%20Documents/My%20Pictures/menu2uc1.png" width="118" height="22" /></div>
  52. </body>
  53. </html>
[HTML] pobierz, plaintext
abc667
13.07.2007, 20:33:29
no bo ul się nie mieści i chowa, daj ul margin-left: 10px; i bedziesz wiedział o co chodzi.
Mruwka
15.07.2007, 09:05:06
Nie wiem czy ja pisze nie zrozumiale czy ludzie czytać nie umieją ze zrozumieniem



Prosze o pomoc nadal nikt mi nie pomugł pisze ten post poniewerz jest na 2 stronie a nikt tam nie patrzy
JaRoPHP
15.07.2007, 10:11:53
Cytat
Tu mam 2 strony i mam taki problem bo chcem po najechaniu ustawić że to czerwone (pokazane na index 2 (po najechaniu na link obok pokazuje się czerwony kwadracik))
ale gdy wstawie ten pasek w miejsce tam gdzie sie pojawia ten kwadracik po najechaniu(pokazane na index)
nie pokazuje się więc chciał bym zrobić takie cos że po najechaniu na tym siwym tle pokazuje się ten czerwony kwadracik
Że niby co?

Cytat
Nie wiem czy ja pisze nie zrozumiale czy ludzie czytać nie umieją ze zrozumieniem
Zadawanie pytań, to też sztuka.

Nie wiem, co chcesz osiągnąć, więc daję Ci jakąś próbkę - skopiuj, zobacz jak działa (zanim napiszesz, że to nie to, zastanów się, czy tak tego nie można rozwiązać). Nie rozumiem osobiście, po co ci ten ostatni element div, który tworzy tylko pasek boczny...
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>Moja strona domowa</title>
  4. <style type="text/css">
  5. ul {margin-top: 5px; font-size: 20px;}
  6. li {list-style: none; margin: 0; padding: 0.4em;}
  7. a {border-left: 10px solid #eee; padding: 0.5em; color:black; text-decoration:none; margin: 0;}
  8. a:hover {border-left-color: #d22;}
  9. </style>
  10. </head>
  11.  
  12. <body>
  13. <ul>
  14. <li><a href="/index.html"> Stronaglowna</a></li>
  15. <li><a href="http://mruwka.blogspot.com"> Mój blog </a></li>
  16. <li><a href="/projekty.html"> Projekty</a></li>
  17. <li><a href="/kontakt.html">Kontakt</a></li>
  18. </ul>
  19. </body>
  20.  
  21. </html>
[HTML] pobierz, plaintext


Cytat
nie patrzcie na inne błędy tylko pomuszcie w tym odrazu mówie
Tak się nie da. Jak wskażemy błędy, na przyszłość być może nie będziesz ich popełniał.

1. Gramtyka i ortografia! Tragedia... Jeśli masz problemy z tym aspektem języka polskiego, napisz sobie najpierw w Wordzie tekst, tam go popraw i tutaj wklej (zawsze możesz używaci Firefoxa, który również sprawdza błędy). Również popracuj nad konstrukcją zdań.
Cytat
chcem
Cytat
chciał bym
Cytat
pomuszcie
Cytat
odrazu
Cytat
pomugł
Cytat
poniewerz

Uwierz mi, że tak napisany tekst źle się czyta...

2. Kod XHTML:
- niedomknięte cudzysłowy w atrybutach: 
[HTML] pobierz, plaintext 
  1. <li><a href="/linki>Linki </a></li>
[HTML] pobierz, plaintext

- stosujesz znacznik center, który jest zaniechany,
- tekst migający (marquee) nie wygląda dobrze na stronie,
- wielu znaczników możesz się pozybyć (po co znacznik ul dawać w divie?),
- kodowanie iso-8859-1? Co za nim przemawia?

----
Nie zrażaj się krytyką, z mojej strony: powodzenia smile.gif.
Mruwka
15.07.2007, 10:29:18
Nadal jest źle po najechaniu nadal z góry jest ten paseczek i nie chodziło mi o powiększenie tego jasnego siwego tylko żeby ten obok ciemny siwy schował się jego kawałek za tym czerwonym który pojawia się po najechaniu na link

jak na stronie srodek.info (kategorie) po najechaniu znika ten siwy paseczek a pojawia się czerwony
JaRoPHP
15.07.2007, 10:51:04
Generalnie, to strzelam co chcesz osiągnąć.
Skasuj ten element div:
[HTML] pobierz, plaintext 
  1. <div style="LEFT: 57px; VISIBILITY: visible; POSITION: absolute; TOP: 207px; Z-index: 2; height: 121px; width: 7px; background-color: #E0E0E0; layer-background-color: #E0E0E0; border: 1px none #000000;"" width="6" height="124" /></div>
[HTML] pobierz, plaintext
Mruwka
15.07.2007, 12:51:14
spujsz na srodek.info kategorie i tam najedz na cos to tam zniknie ci kawałek a pojawi sie czerwone tam i o taki sam efekt mi chodzi


DObra już nie ważne bo sie nie dogadam
JaRoPHP
15.07.2007, 14:43:17
Skasowałeś tego div-a (uwaga z poprzedniego mojego posta)? Podejrzewam, że nie...

Cytat
spujsz
Co oznacza ten wyraz?

Cytat
srodek.info kategorie
A gdzie to niby jest?
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.