Html, tabela

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

odpowiedź 13 listopada 2018 przez smokolisz Mądrala (6,340 p.)

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>

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.)

Tabela HTML

komentarz 13 listopada 2018 przez Angelika Jakubczak Nowicjusz (220 p.)

okej, dzięki bardzo

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.

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;