• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Html, tabela

VPS Starter Arubacloud
0 głosów
469 wizyt
pytanie zadane 13 listopada 2018 w HTML i CSS przez Angelika Jakubczak Nowicjusz (220 p.)
zamknięte 13 marca 2019 przez Angelika Jakubczak
xxxxxxxxxxxxxxxxxxxxxxxxxxx
komentarz zamknięcia: rozwiazany

3 odpowiedzi

+3 głosów
odpowiedź 13 listopada 2018 przez smokolisz Mądrala (6,340 p.)

Potrzebujesz znać znaczniki <>:

  1. div
  2. p
  3. ul
  4. li
  5. table
  6. tr
  7. td
  8. sub/sup

 

style:

  1. width
  2. background-color
  3. text-align
  4. float

 

Prosisz o gotowiec, dostajesz adekwatną odpowiedź.

0 głosów
odpowiedź 13 listopada 2018 przez Angelika Jakubczak Nowicjusz (220 p.)
mam już troche zrobione , punkty mniej więcej są gotowe i wyrównane

problem narazie mam z wyrównaniem tekstu do lewej strony bo żadne kody html nie działają

a najbardziej mi chodzi o samą tabelę
komentarz 13 listopada 2018 przez smokolisz Mądrala (6,340 p.)
Wstaw kod, pomożemy
komentarz 13 listopada 2018 przez Angelika Jakubczak Nowicjusz (220 p.)
<html>
    <head>
    <title>Tabela text align=left</title>
    <ul>
    <li>Składa się z: </li>
    <ol>
    <li>11 wierszy</li>
    <li>7 kolumb</li>
    </ol>
    <li>kolejno użyte kolory </li>
    <ol>
    <li>#FF9999</li>
    <li>#9999CC</li>
    <li>#CCFF66</li>
    </ol>
    <li>obramowanie-1</li>
    <li>margines komórki-8</li>
    <li>posiada opis dolny i górny</li>
    <li>jest wyrównany do prawej względem tekstu</li>
    </ul>
    </head>
    <body>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel bibendum sapien massa ac turpis faucibus orci luctus non, consectetuer lobortis quis, varius in, purus. Integer ultrices posuere cubilia Curae, Nulla ipsum dolor lacus, suscipit adipiscing. Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Quisque cursus et, porttitor risus. Aliquam sem. In hendrerit nulla quam nunc, accumsan congue. Lorem ipsum primis in nibh vel risus. Sed vel lectus. Ut sagittis, ipsum dolor quam.
</body>
</html>
1
komentarz 13 listopada 2018 przez smokolisz Mądrala (6,340 p.)

Liste masz w znacznikach <head> -> przenieś ją do <body>

Dodaj strukturę html

style:

.left {
    width: 50%;
    float: left;
}

.right {
    width: 50%;
    float: left;
}

.clear {
    clear: both;
}

html:

<div class="left">
     <!-- TEKST -->
</div>

<div class="right">
     <!-- TABELA -->
</div>
<div class="clear></div>

 

komentarz 13 listopada 2018 przez smokolisz Mądrala (6,340 p.)
komentarz 13 listopada 2018 przez Angelika Jakubczak Nowicjusz (220 p.)
okej, dzięki bardzo
0 głosów
odpowiedź 13 listopada 2018 przez Angelika Jakubczak Nowicjusz (220 p.)
edycja 13 listopada 2018 przez ScriptyChris

DA SIĘ TO JAKOŚ URATOWAĆ JESZCZE

<html lang="pl">
    <head>
    <meta charset="utf-8">
    <title>Tabela</title>
    </head>

    <p>Tabela </p>
    <ul>
    <li>Składa sie z: </li>
    <ol>
    <li>11 wierszy</li>
    <li>7 kolumn</li>
    </ol>
    <li>kolejno użyte kolory </li>
    <ol>
    <li>#FF9999</li>
    <li>#9999CC</li>
    <li>#CCFF66</li>
    </ol>
    <li>obramowanie-1</li>
    <li>margines komórki-8</li>
    <li>posiada opis dolny i górny</li>
    <li>jest wyrównany do prawej względem tekstu</li>
    </ul>
    
    <p text-align="left">Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel bibendum sapien massa ac turpis faucibus orci luctus non, consectetuer lobortis quis, varius in, purus. Integer ultrices posuere cubilia Curae, Nulla ipsum dolor lacus, suscipit adipiscing. Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Quisque cursus et, porttitor risus. Aliquam sem. In hendrerit nulla quam nunc, accumsan congue. Lorem ipsum primis in nibh vel risus. Sed vel lectus. Ut sagittis, ipsum dolor quam. </p>
    
    <table width="50%" style="float:right; " border="1" cellpadding="8" >
     <caption>Jestem tabelką z internetu</caption>
<tr bgcolor=#FF9999>
<th align="center">Klasa</th> <th align="center" >Oświetlenie poziome głownego pola gry (PA)</th><th align="center">Oświetlenie poziome całkowitego pola gry (TA)</th> <th valign="bottom">GR<sub>max</sub></th> <th valign="bottom">Ra</th>
</tr>
<tr bgcolor=#9999CC align="center">
   <td>E<sub>śr.</sub>[1x] </td> <td>E<sub>min</sub>/E<sub>śr.</sub>[1x]</td>
   </tr>
   
<tr bgcolor=#CCFF66 style="text-align:center">
<th align="center"> Boisko na terenie otwartym </th>
</tr>
<tr align="left">
<td>I</td> <td>500</td> <td> 0,7</td> <td> min.75% wymagań dla PA</td> <td>50</td> <td>>60</td>
<td>II</td> <td>300</td> <td> 0,7</td> <td> min.75% wymagań dla PA</td> <td>50</td> <td>>60</td>
<td>III</td> <td>200</td> <td> 0,6</td> <td> min.75% wymagań dla PA</td> <td>55</td> <td>>20</td>
<tr bgcolor=#CCFF66 style="text-align:center">
<th align="center"> Boisko na hali </th>
<td>I</td> <td>700</td> <td> 0,7</td> <td> min.75% wymagań dla PA</td> <td>min.75% wymagań dla PA</td> <td>>60</td>
<td>II</td> <td>500</td> <td> 0,7</td> <td> min.75% wymagań dla PA</td> <td>min.75% wymagań dla PA</td> <td>>60</td>
<td>III</td> <td>300</td> <td> 0,6</td> <td> min.75% wymagań dla PA</td> <td>min.75% wymagań dla PA</td> <td>>20</td>
</tr>
<table>
<caption align="bottom">nie wiadomo co przedstawiam<caption>
</table>
</body>
</html>
komentarz 13 listopada 2018 przez ScriptyChris Mędrzec (190,190 p.)

Angeliko, na przyszłość proszę umieszczać kod w odpowiednich bloczkach. Będzie on czytelniejszy i (akurat w Twoim przypadku) zajmie mniej miejsca.

1
komentarz 13 listopada 2018 przez smokolisz Mądrala (6,340 p.)

Zgubiłaś otwierający tag <body>

Zanim zamykasz starą tabele, otwierasz nową i poprzedniej nie zamykasz

<table width="50%" style="float:right; " border="1" cellpadding="8" >
     ...
<table>
<caption align="bottom">nie wiadomo co przedstawiam<caption>
</table>

Do <p> dodaj width: 50%; (lub mniej, tabela jest bardzo szeroka) oraz float:left;

W tabeli zamień float:right; na float:left;

Jeżeli chcesz, żeby tabela miała float:right; to wtedy w <p> musisz dodać float:right;

 

Podobne pytania

0 głosów
1 odpowiedź 1,658 wizyt
pytanie zadane 8 października 2017 w HTML i CSS przez Highway Nowicjusz (120 p.)
0 głosów
1 odpowiedź 767 wizyt
pytanie zadane 7 lutego 2018 w PHP przez Kshyhoo Użytkownik (750 p.)
0 głosów
3 odpowiedzi 207 wizyt
pytanie zadane 22 maja 2019 w HTML i CSS przez mats19 Nowicjusz (180 p.)

93,078 zapytań

142,041 odpowiedzi

321,445 komentarzy

62,422 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...