Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML]Linia pozioma
tomekx86
post 4.01.2015, 00:10:50
Post #1





Grupa: Zarejestrowani
Postów: 34
Pomógł: 0
Dołączył: 10.04.2014

Ostrzeżenie: (10%)
X----

Dzień dobry,
mam taki problem, na stronie www mam menu poziome coś w tym rodzaju:
"Strona główna"
"Kontakt"
"Cennik"

Wszystkie te pozycje menu chciałbym rozdzielić poziomą linią. Jednak jak wstawiam linię poziomą za pomocą znacznika <hr /> to nie mogę określić jej położenia, oprócz domyślnych: do lewej, do środka, do prawej. A chciałbym ustalić sobie jej położenie tak by linia była pomiędzy menu, a nie w innym miejscu strony, tak jak ma to miejsce teraz. Jest na to jakieś rozwiązanie?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 6)
trueblue
post 4.01.2015, 19:15:12
Post #2





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----

Pokaż to co obecnie masz.


--------------------
https://kawalekkodu.pl
Go to the top of the page
+Quote Post
com
post 4.01.2015, 19:19:22
Post #3





Grupa: Zarejestrowani
Postów: 3 034
Pomógł: 366
Dołączył: 24.05.2012

Ostrzeżenie: (0%)
-----

najlepiej wrzuć tu http://jsfiddle.net/ smile.gif
Go to the top of the page
+Quote Post
Dissio
post 4.01.2015, 19:29:57
Post #4





Grupa: Zarejestrowani
Postów: 33
Pomógł: 0
Dołączył: 25.11.2014

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. <ul>
  2.  
  3. <li style='text-decoration:none; border-bottom:1px solid black;'>"Strona główna"</li>
  4. <li style='text-decoration:none; border-bottom:1px solid black;>"Kontakt"</li>
  5. <li style='text-decoration:none; border-bottom:1px solid black;>"Cennik"</li>
  6.  
  7.  
  8. </ul>
  9.  
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
Rysh
post 4.01.2015, 21:18:18
Post #5





Grupa: Zarejestrowani
Postów: 821
Pomógł: 111
Dołączył: 11.09.2006
Skąd: Biała Podlaska

Ostrzeżenie: (0%)
-----

Po pierwsze, nie styluj każdego LI z osobna. Utwórz sobie CSS zewnętrzny i go załączaj w nagłówku HTML.

Pokaż screena jak to wygląda u Ciebie.


--------------------
Maciej Kozłowski - WebDeveloper PHP, MySQL
Go to the top of the page
+Quote Post
tomekx86
post 4.01.2015, 22:37:13
Post #6





Grupa: Zarejestrowani
Postów: 34
Pomógł: 0
Dołączył: 10.04.2014

Ostrzeżenie: (10%)
X----

Dziękuję za odpowiedzi smile.gif
Obecnie mam coś takiego. Menu: "O nas, Oferta, Cennik, Kontakt, Praca" są wypunktowane za pomocą kwadratu, pytanie moje brzmi, ta podana przez Kolegę część kodu wygląda inaczej niż moja część odnośnie tych linii i menu. Jak mam wstawić linki, zmieniać kolory czcionek, linii, długość linii poziomej? Bo wstawiając <a href...> czy width=150 nie mogę nic zmienić.
[HTML] pobierz, plaintext 
  1. <?xml version="1.1" encoding="utf-8"?>
  2. <!DOCTYPE html PUBLIC "-//W#C//DTD XHTML 1.1//EN"
  3.  "http://www.w3.org/tr/xhtml11//Dtd/xhtml11.11dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
  5. <head>
  6.     <meta name="keywords" content="" />
  7.     <meta name="description" content="" />
  8.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9.     <meta name="language" content="pl" />
  10.     <link href="style.css" rel="stylesheet" type="text/css" />
  11. <style type="text/css"></style>
  12. <title>Roznoszenie ulotek</title>
  13.  <body>
  14.   <div id="pole1">
  15.   <img src="pole1.png" width="350" height="90"/></div>
  16.   <div id="pole2">
  17.   <img src="pole2.png" width="700" height="200"/></div>
  18.   <div id="pole3">
  19.   <img src="pole3.png" width="60" height="37"/></div>
  20.   </div>
  21.  
  22.   <div id="menu">
  23.    <ul style="color:red"type="square">
  24.                     <li><a href="index.html"><b>O nas</b></a></li>
  25.                     <li><a href="oferta.html"><b>Oferta</b></a></li>
  26.                     <li><a href="cennik.html"><b>Cennik</b></a></li>
  27.                     <li><a href="kontakt.html"><b>Kontakt</b></a></li>
  28.                     <li><a href="praca.html"><b>Praca</b></a></a></li>
  29.    </ul>
  30.  
  31.             </div>
  32. <div id="linia1"><hr width="150" noshade="noshade" color="#aaaaaa"/></div>
  33. <div id="linia2"><hr width="150" noshade="noshade" color="#aaaaaa"/></div>
  34. <div id="linia3"><hr width="150" noshade="noshade" color="#aaaaaa"/></div>
  35. <div id="linia4"><hr width="150" noshade="noshade" color="#aaaaaa"/></div>
  36. <div id="linia5"><hr width="150" noshade="noshade" color="#aaaaaa"/></div>
  37.  
  38. <div id="srodek">
  39. <h4>Oferta</h4>
  40. <div class="box">
  41. Dystrybucja:
  42. </div></div>
  43.  
  44.  
  45. </body>
  46.  
  47.  
  48. </head>
  49.  
  50. </html>
[HTML] pobierz, plaintext


W linku pliki stronki: http://we.tl/pVjSYmYqsY
Mam jeszcze dziwną sprawę, bo jak odświeżę stronę to ten tekst co jest po środku np. "cennik ceny od": nieraz potrafi poojawić się na menu i nie wiem o co mu biega
Go to the top of the page
+Quote Post
tomekx86
post 4.01.2015, 23:21:31
Post #7





Grupa: Zarejestrowani
Postów: 34
Pomógł: 0
Dołączył: 10.04.2014

Ostrzeżenie: (10%)
X----

Popróbowałem trochę ze zmianą jednak nie mogę poradzić sobie jedynie ze zmianą koloru, położenia, grubości, długości tej linii poziomej.

I kwestia tego ostatniego problemu dlaczego nieraz środek pojawia mi się na menu (zależy od odświeżenia strony- czy w kodzie jest coś nie tak). Tu wstawiam cały mój kod łącznie z css i fotką problemu: http://we.tl/X8fVFp67n9

Tak wygląda mój kod dzięki ogromnej Waszej pomocy:

[HTML] pobierz, plaintext 
  1. <?xml version="1.1" encoding="utf-8"?>
  2. <!DOCTYPE html PUBLIC "-//W#C//DTD XHTML 1.1//EN"
  3.  "http://www.w3.org/tr/xhtml11//Dtd/xhtml11.11dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
  5. <head>
  6.     <meta name="keywords" content="" />
  7.     <meta name="description" content="" />
  8.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9.     <meta name="language" content="pl" />
  10.     <link href="style.css" rel="stylesheet" type="text/css" />
  11. <style type="text/css"></style>
  12. <title>Roznoszenie ulotek</title>
  13.  <body>
  14.   <div id="pole1">
  15.   <img src="pole1.png" width="350" height="90"/></div>
  16.   <div id="pole2">
  17.   <img src="pole2.png" width="700" height="200"/></div>
  18.   <div id="pole3">
  19.   <img src="pole3.png" width="60" height="37"/></div>
  20. </div>
  21.  
  22. <div id="menu">
  23. <ul style="color:red"type="square">///////////////////nie wiem jak mam tu zmienić te wartości dla linii poziomej////////////////
  24. <a href="index.html"><li style='text-decoration:none; border-bottom:1px solid black';>O nas</a></li>
  25. <a href="oferta.html"><li style='text-decoration:none; border-bottom:1px solid black';>Oferta</a></li>
  26. <a href="cennik.html"><li style='text-decoration:none; border-bottom:1px solid black';>Cennik</a></li>
  27. <a href="kontakt.html"><li style='text-decoration:none; border-bottom:1px solid black';>Kontakt</a></li>
  28. <a href="praca.html"><li style='text-decoration:none; border-bottom:1px solid black';>Praca</a></li>
  29.  
  30.  
  31.  
  32. </ul>
  33.  
  34.             </div>
  35.  
  36.  
  37. <div id="srodek">
  38. <h4>O nas</h4>
  39. <div class="box">
  40. Firma.....
  41. </div></div>
  42.  
  43.  
  44. </body>
  45.  
  46.  
  47. </head>
  48.  
  49. </html>
[HTML] pobierz, plaintext


Jestem całkowitym laikiem, a to że coś tu napisałem nie znaczy że umiem sobie poradzić.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 05:13
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn