PDA

Zobacz pełną wersję : Utworzenie prostego wyglądu "statystyk". Poprawi ktoś ?



Zaxon
20-05-2014, 13:55
Witam,
wiem, że nie lubicie takich tematów, ja zresztą też. Potrzebuje na szybko kodu html tworzącego prostą tabelkę(?) pokazaną w załączniku. Nie jestem programistą webowym, tylko desktopowym i nie mam czasu na naukę html. Kodu potrzebuję tylko jednorazowo, dlatego prosiłbym Was drodzy użytkownicy o utworzenie kodu generującego taki wygląd. Kod będę potem generował we własnym programie i potem dodatkowo parsował, więc zależy mi na jak najmniejszej ilości znaków. Rozumiem, że tutaj wystarczą divy + jakieś tabele ? Jak tak, to mam już mały fragment wygenerowany przeze mnie . Prosiłbym bardzo o uproszczenie go oraz dodanie obrazka po lewej. Obrazek ma być zawsze na lewej górnej części statystyk. W kodzie jest niestety jeden problem. Gdy skopiuje divy, to nie tworzą mi się kolejne statystyki jedna pod drugą tylko nakładają się na siebie.
Prosiłbym moderatora o przenieśienie tematu do innego działu jeśli wybrałem zły.
Dziękuję


<!DOCTYPE html>
<html>
<head>
<style>

divMain
{
position:absolute;
left:0;
right:0;
}

divTop
{
position:absolute;
left:0;
right:0;
border:1px solid #a1a1a1;
padding:0px 10px;
background:#a6caf0;
border-radius:10px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom:none;
margin-bottom:0px;
}

divBottom
{
position:absolute;
left:0;
right:0;
padding:0px 15px;
background:#eeeeee;
border:1px solid #a1a1a1;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top:none
}

</style>
</head>
<body>

<divMain>

<divTop>
<b>teeeest abcdde</b>
</divTop>
<br>

<divBottom
<p>
blahblah<br>
blah new line
</p>
</divBottom>

</divMain>

</body>
</html>