Forum PHP.pl > [HTML][CSS]Problem z wysykością wierszy

Zick4

22.12.2007, 00:57:44

Mam taki problem. Na stronie
http://www.fotosik.pl/pokaz_obrazek/pelny/...c42860e73b.html
jest print screen mojego menu, które zrobiłem sobie na tabelkach (musiałem nie pytajcie) i 2 rzeczy są źle.
Po pierwsze:
wiersze takie jak Historia, Zarząd, Referencje są za wysokie. Jednak danie całemu <tr> albo wszystkim <td> na sztywno style="height: 4px;" nie działa. Mój efekt jaki chiałbym osiągnąć to coś takiego jak jest w
http://hartwig.pl
ale niestety tego kodu tam wogóle nie rozumiem

.
Po drugie:
Chciałbym , aby komórka np. O FIRMIE była wielkości obrazka, a nie zwierała jakieś białej przestrzeni ( zaznaczona jest ta przestrzeń czerwoną obwódką). Danie <td> paddingu 0px a img marginu 0px nie działa.

AAaaha właśnie wejdź na stronę firefoxem, bo IE trochę problem 2 rozwiązuje.
Jakieś pomysły?

specialized

23.12.2007, 02:09:19

Kod

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     <html xmlns="http://www.w3.org/1999/xhtml">
     <head>
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
     <title>Untitled Document</title>
     <style type="text/css">
     body {
         background-color:#CCCCCC;
         font-family:Verdana, Arial, Helvetica, sans-serif;
         font-size:11px;
         text-decoration:none;
         color:#FFFFFF;
         }
     .menu_button_first {
         background-color:#FFCC33;
         border:dotted #FFFFFF 1px;
         width:400px;
         color:#333333;
         text-align:center;
         }
     .menu_button {
         background-color:#CC0000;
         border:dotted #FFFFFF 1px;
         width:400px;
         text-align:center;
         }
     .sub_menu_button {
         background-color:#FFCC33;
         border-bottom:dotted #FFFFFF 1px;
         color:#333333;
         width: 150px;
         height: 30px;
         }

     </style>
     </head>

     <body>
         <table width="500" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="#999999">
             <tr>
                 <td>
                     <table width="500" cellpadding="5" cellspacing="5" border="0" align="center">
                         <tr>
                             <td valign="top" class="menu_button_first">
                                 O FIRMIE
                             </td>
                             <td valign="top" class="menu_button">
                                 OFERTA
                             </td>
                             <td valign="top" class="menu_button">
                                 JAKOSC
                             </td>
                             <td valign="top" class="menu_button">
                                 KARIERA
                             </td>
                             <td valign="top" class="menu_button">
                                 KONTAKT
                             </td>
                         </tr>
                     </table>
                 </td>
             </tr>
             <tr>
                 <td>
                     <table width="500" cellpadding="0"  cellspacing="0" border="0" align="center">
                         <tr>
                             <td>
                                 
                             </td>
                             <td>
                                 <table cellpadding="5"  cellspacing="0" border="0" align="right">
                                     <tr>
                                         <td class="sub_menu_button">
                                             &rsaquo; Historia
                                         </td>
                                     </tr>
                                     <tr>
                                         <td class="sub_menu_button">
                                             &rsaquo; Zarzad
                                         </td>
                                     </tr>
                                     <tr>
                                         <td class="sub_menu_button">
                                             &rsaquo; Referencje
                                         </td>
                                     </tr>
                                 </table>
                             </td>
                         </tr>
                 </td>
             </tr>
         </table>
     </body>
     </html>

Jeśli chcesz mieć menu z lewej strony obrazka to zamień <td> miejscami

Zick4

27.12.2007, 23:04:17

No tak, ale to nie do konca mi o to chodziło. Ja mam np. tak, że separatorem miedzy kolejnymi działami jest obrazek przedstawiający wykropkowanie. Natomiast te rozwiązanie to wykropkowanie za pomocą styłów CSS. Dlaczego te rozwiązanie nie może być? Dlatego, że kropki wyglądają zupełnie inaczej oraz dla samej satysfakcji i chęci poznania rozwiązania tak banalnego problemu.

specialized

28.12.2007, 10:54:57

Masz pewnie na myśli border: dotted, wygląda inaczej pewnie dla tego że są mniejsze odstępy między kropkami, czy można to zmienić ? nie wiem.
Jeśli chcesz mieć własne wykropkowanie zrób sobie kropke o wysokości 1px i z jakimś tam odstępem, później wrzuć to w <td> wysokość ustaw na 1 px, daj ten obrazek jako background i ustaw background reapet-x. I zrób tak <td> </td>. Tak można zrobić w menu te wykropkowanie, natomiwast w głównym poziomym menu, nie wiem jak chcesz to zrobić.