Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS]Problem z wysykością wierszy
Zick4
post 22.12.2007, 00:57:44
Post #1





Grupa: Zarejestrowani
Postów: 39
Pomógł: 0
Dołączył: 12.10.2007

Ostrzeżenie: (0%)
-----


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 smile.gif .
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?

Ten post edytował Zick4 22.12.2007, 00:59:28
Go to the top of the page
+Quote Post
specialized
post 23.12.2007, 02:09:19
Post #2





Grupa: Zarejestrowani
Postów: 36
Pomógł: 0
Dołączył: 17.11.2007

Ostrzeżenie: (0%)
-----


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>
                                 <!-- miejsce na twoje zdjecie czy tam obrazek -->
                             </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
Go to the top of the page
+Quote Post
Zick4
post 27.12.2007, 23:04:17
Post #3





Grupa: Zarejestrowani
Postów: 39
Pomógł: 0
Dołączył: 12.10.2007

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
specialized
post 28.12.2007, 10:54:57
Post #4





Grupa: Zarejestrowani
Postów: 36
Pomógł: 0
Dołączył: 17.11.2007

Ostrzeżenie: (0%)
-----


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>&nbsp;</td>. Tak można zrobić w menu te wykropkowanie, natomiwast w głównym poziomym menu, nie wiem jak chcesz to zrobić.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 13.06.2025 - 03:57