Skocz do zawartości

Jak zrobić boczne linie?

neon103

Przez neon103
w HTML i CSS

Rekomendowane odpowiedzi

neon103 Explorer

neon103

Opublikowano
Opublikowano

Witam,

mam pewien problem, mam małą stronkę i nie mogę w menu zrobić bocznych pasków. Dół oraz góra są wstawione dobrze, zrobiłem sobie przezroczystego gifa 122x1 px z dwóch stron wstawiłem cieńką kreskę. No a teraz prosiłbym o kod, którym to złączę, myślałem że będzie coś w stylu: <img src="bok.gif" width: 122px; height: 1px" /> no ale jestem w błędzie, przedstawiam niżej fotkę, zaznaczyłem niebieską linią gdzie mają być linie.

Dziękuję!

piona7.jpg

Sprzedam punkty systemu wymiany linków Gotlink.pl i Seomatik.pl

Wystawiam faktury VAT. Zapraszam do kontaktu d.szwaba@gmail.com

Odnośnik do komentarza
Udostępnij na innych stronach
mrtn Newbie

mrtn

Opublikowano
Opublikowano

Zupełnie nie rozumiem pytania !?

po co i dlaczego jakikolwiek GIF !?!?!

mówisz o ramce tno to opsiz ramkę.

tak jak napisał MMP.

Jest jeszcze możłiwość oddzielniea lewej od prawej

border-left:1px solid #00ff00

P.S. Oczyiście nalezy to umieścić w pliku css w definicji diva obejmującego dany blok

Odnośnik do komentarza
Udostępnij na innych stronach
neon103 Explorer

neon103

Opublikowano
  • Autor
Opublikowano

Początek mojej strony

<center>

<img src="https://ziomki.info/grafika/logo.jpg" alt="Witaj na stronie Ziomki.info" />

</center>

<table cellpadding="0" cellspacing="0" align="center" style="width: 700; height: 100px;">

<tr valign="top">

<td style="width: 139px; padding: 10px;" class="table_2">

<img src="https://ziomki.info/grafika/start.jpg" alt="Menu" /><br />

czy nic nie muszę tutaj zmieniać?

Sprzedam punkty systemu wymiany linków Gotlink.pl i Seomatik.pl

Wystawiam faktury VAT. Zapraszam do kontaktu d.szwaba@gmail.com

Odnośnik do komentarza
Udostępnij na innych stronach
mrtn Newbie

mrtn

Opublikowano
Opublikowano
Początek mojej strony

<center>

<img src="https://ziomki.info/grafika/logo.jpg" alt="Witaj na stronie Ziomki.info" />

</center>

<table cellpadding="0" cellspacing="0" align="center" style="width: 700; height: 100px;">

<tr valign="top">

<td style="width: 139px; padding: 10px;" class="table_2">

<img src="https://ziomki.info/grafika/start.jpg" alt="Menu" /><br />

czy nic nie muszę tutaj zmieniać?

Raczej wszytsko - jeżeli jesteś początkujący to po co zabrałeś się za wiadomości sprzezd 15 lat ?.

skorzystaj z linków podanych wcze sniej i zacznij od nowa - masz jescze szansę :lol:

Odnośnik do komentarza
Udostępnij na innych stronach
slawek22 Newbie

slawek22

Opublikowano
Opublikowano

Nie szkodzi. Jak masz CMS na tabelach to jeśli już przerabiasz sobie menu - zrob to na DIV a będzie prościej, po co się męczyć z tabelami? Pewnie ma ustaloną szerokość, więc na górze górna część obramowania - razem z rogami, na dole dolna część + rogi, po środku ustaw sobie przezroczystego gifa z liniami bocznymi jako tło i wszystko ok. 3 linijki kodu.

<div id="menutop"></div> - c1

<div id="menu"> ... </div> - c2

<div id="menubottom"></div> -c3

A jak chcesz mieć marginesy "zachodzące" na rogi ramki - to po prostu dzielisz na 2 a nie trzy częśći - część 1 - góra + linie boczne i ustawiasz jako tło dla pojemnika, część 2 - dolne obramowanie ustawiasz jako tło dla tekstu (background-position: 0% 100%).

<div id="menu"> - c1

<span id="content"> ... </span> - c2

</div>

Odnośnik do komentarza
Udostępnij na innych stronach
zielony_gremlinek Newbie

zielony_gremlinek

Opublikowano
Opublikowano

 https://www.kurshtml.boo.pl

Moje staruszki po liftingu, darmowe, zgodne z wytycznymi G, responsywne!

Katalog stron firm Zorb -/- Katalog sklepów Świat Zakupów -/- Katalog firm ProBi. PS Nie łatwo się dodać. ;)

A jeśli lubisz technologię, zwłaszcza bezzałogowce, to w wolnej chwili zajrzyj na InfoDron - info.dron.pl

Odnośnik do komentarza
Udostępnij na innych stronach
k0rnik Newbie

k0rnik

Opublikowano
Opublikowano

Rozwiązanie 'na szybko':

w sekcji <head> wstaw:

<style type="text/css">
#obramowanie { width:118px; display:block; border:solid #b00; border-width:0 2px; }
</style>
<!--[if IE]>
<style type="text/css"> #obramowanie { width:122px; } </style>
<![endif]-->

i obejmij każdą z grup linków oraz reklamy Adsense div'em:

<div id="obramowanie">
-><a href="https://ziomki.info/index.php">Strona Główna</a><br />
-><a href="https://www.forum.ziomki.info/">Forum Miłosne</a><br />
...
...
</div>

<div id="obramowanie">
-><a href="https://ziomki.info/arts.php?c=cat&id=1">Artykuły</a><br />
-><a href="https://ziomki.info/arts.php?c=cat&id=2">Ciekawostki</a><br />
...
...
</div>

itd.

Możesz także dodać ramkę na dole - usunąć z kodu

<img src="https://ziomki.info/grafika/dol.gif" alt="Zakończenie" />

i zamienić 'border-width:0 2px;' na 'border-width:0 2px 2px;'

Pod FF/Operą prawa ramka przy adsense nie będzie widoczna, ponieważ box Adsense ma szer 120px. Poszerz grafiki Milosc/Prace/Reklama/Linki o 4px i zwiększ wartości 'width' w stylach na 122px i 126.

and

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności