Dodanie opisu DIV-a w CSS...

Odpowiedz Nowy wątek
2011-07-18 12:21
0

Witam,

Czy jest możliwość dodania do DIV-a opisu na wzór załącznika ? Mam DIV-a, któremu ustawię border: 1px solid black dla przykładu, mogę oczywiście na sztywno ustawić drugiego DIV-a zawierającego wyraz "projekty" w odpowiednim miejscu (wzdłuż górnej linii ramki) ale musiałbym jednocześnie usunąć ten odcinek ramki w miejscu, gdzie wstawiłbym wyraz ale może jest jakiś sensowniejszy sposób?

--
Pozdr.

  • wzor.jpg (0,02 MB) - ściągnięć: 46

Pozostało 580 znaków

2011-07-18 14:51
0

http://w3schools.com/html5/tag_fieldset.asp

Ale to nie jest w CSS :D - Patryk27 2011-07-18 15:07

Pozostało 580 znaków

2011-07-18 19:28
0

Spróbowałem zrobić to bez użycia tagu fieldset. Co ciekawe, działa nawet pod IE8 w trybie kompatybilności z IE7, także nie jest to jakieś cudeńko :)

<!DOCTYPE html>
<html>
<head>
  <style>
    body, div, span {
      margin: 0; padding: 0; font-size: 1em;
    }
 
    body {
      width: 50%;
      margin: 0 auto;
    }
 
    div.fieldset > span.legend {
      position: relative;
      top: 0.5em; left: 1em;
      border: 1px solid #000;
      background: #fff;
      padding: 0.2em;
    }
 
    div.fieldset > div {
      padding: 1.1em;
      border: 1px solid #000;
    }
  </style>
</head>
<body>
  <div class="fieldset">
    <span class="legend">Projekt</span>
    <div>Lorem ipsum dolor sit amet......</div>
  </div>
</body>
</html>

Hey ho!
no nie przesadzaj, IE7 już jako tako daje rade - lepiej powiedz o IE6 - unikalna_nazwa 2011-07-18 20:34

Pozostało 580 znaków

2011-07-18 20:38
0

ale jeśli fieldset semantycznie pasuje do tego co próbujesz zrobić to właśnie z niego powinieneś skorzystać


Pół giga extra na dropboxie? Pół giga extra na dropboxie! Tyle wygrać! >>Klik here<<

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0