Dodanie opisu DIV-a w CSS...

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.

0

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

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>
0

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

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