Forum PHP.pl > [HTML]Linia pozioma

Pomoc - Szukaj - Użytkownicy - Kalendarz

tomekx86

4.01.2015, 00:10:50

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?

trueblue

4.01.2015, 19:15:12

Pokaż to co obecnie masz.

com

4.01.2015, 19:19:22

najlepiej wrzuć tu http://jsfiddle.net/

Dissio

4.01.2015, 19:29:57

[HTML] pobierz, plaintext 
<ul>
 
<li style='text-decoration:none; border-bottom:1px solid black;'>"Strona główna"</li>
<li style='text-decoration:none; border-bottom:1px solid black;>"Kontakt"</li>
<li style='text-decoration:none; border-bottom:1px solid black;>"Cennik"</li>
 
 
</ul>
 
[HTML] pobierz, plaintext

Rysh

4.01.2015, 21:18:18

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.

tomekx86

4.01.2015, 22:37:13

Dziękuję za odpowiedzi

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 
<?xml version="1.1" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W#C//DTD XHTML 1.1//EN"
 "http://www.w3.org/tr/xhtml11//Dtd/xhtml11.11dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="language" content="pl" />
    <link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css"></style>
<title>Roznoszenie ulotek</title>
 <body>
  <div id="pole1">
  <img src="pole1.png" width="350" height="90"/></div>
  <div id="pole2">
  <img src="pole2.png" width="700" height="200"/></div>
  <div id="pole3">
  <img src="pole3.png" width="60" height="37"/></div>
  </div>
 
  <div id="menu">
   <ul style="color:red"type="square">
                    <li><a href="index.html"><b>O nas</b></a></li>
                    <li><a href="oferta.html"><b>Oferta</b></a></li>
                    <li><a href="cennik.html"><b>Cennik</b></a></li>
                    <li><a href="kontakt.html"><b>Kontakt</b></a></li>
                    <li><a href="praca.html"><b>Praca</b></a></a></li>
   </ul>
 
            </div>
<div id="linia1"><hr width="150" noshade="noshade" color="#aaaaaa"/></div>
<div id="linia2"><hr width="150" noshade="noshade" color="#aaaaaa"/></div>
<div id="linia3"><hr width="150" noshade="noshade" color="#aaaaaa"/></div>
<div id="linia4"><hr width="150" noshade="noshade" color="#aaaaaa"/></div>
<div id="linia5"><hr width="150" noshade="noshade" color="#aaaaaa"/></div>
 
<div id="srodek">
<h4>Oferta</h4>
<div class="box">
Dystrybucja:
</div></div>
 
 
</body>
 
 
</head>
 
</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

tomekx86

4.01.2015, 23:21:31

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 
<?xml version="1.1" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W#C//DTD XHTML 1.1//EN"
 "http://www.w3.org/tr/xhtml11//Dtd/xhtml11.11dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="language" content="pl" />
    <link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css"></style>
<title>Roznoszenie ulotek</title>
 <body>
  <div id="pole1">
  <img src="pole1.png" width="350" height="90"/></div>
  <div id="pole2">
  <img src="pole2.png" width="700" height="200"/></div>
  <div id="pole3">
  <img src="pole3.png" width="60" height="37"/></div>
</div>
 
<div id="menu">
<ul style="color:red"type="square">///////////////////nie wiem jak mam tu zmienić te wartości dla linii poziomej////////////////
<a href="index.html"><li style='text-decoration:none; border-bottom:1px solid black';>O nas</a></li>
<a href="oferta.html"><li style='text-decoration:none; border-bottom:1px solid black';>Oferta</a></li>
<a href="cennik.html"><li style='text-decoration:none; border-bottom:1px solid black';>Cennik</a></li>
<a href="kontakt.html"><li style='text-decoration:none; border-bottom:1px solid black';>Kontakt</a></li>
<a href="praca.html"><li style='text-decoration:none; border-bottom:1px solid black';>Praca</a></li>
 
 
 
</ul>
 
            </div>
 
 
<div id="srodek">
<h4>O nas</h4>
<div class="box">
Firma.....
</div></div>
 
 
</body>
 
 
</head>
 
</html>
[HTML] pobierz, plaintext

Jestem całkowitym laikiem, a to że coś tu napisałem nie znaczy że umiem sobie 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.