Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: laczenie ramek
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
y3ti
Witam,

Mam dwa bloki <div>

  1. <div> pierwszy blok </div>
  2. <div> drugi blok </div>


<div> ma nastepujacy styl

  1. div {
  2. border: 1px black solid;
  3. }


Problem polega na tym ze wtedy ramka robi sie taka (w duzym uproszczeniu)

Kod
| pierwszy blok
+-------------------+
+-------------------+
| drugi blok


A ja chcem aby srodkowy border nie mial 2px tylko jeden, czyli tak:

Kod
| pierwszy blok
+-----------------------
| drugi blok
yavaho
  1. div {
  2. border-left: 1px solid #000000;
  3. border-right: 1px solid #000000;
  4. border-top: 1px solid #000000;
  5. border-bottom: 0px;
  6. }
albo
  1. div {
  2. margin-bottom: -1px;
  3. }
y3ti
Pierwsze rozwiazanie nie wchodzi w gre, ale drugie jest ciekawe. Dzieki za pomoc

PS. Gdzies czytalem, ze za pomoca CSS mozna zrobic tak, aby przegladarka rozpoznala czy obok siebie sa dwie ramki i jesli tak, to zeby je polaczyla w jedna...
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.