Forum PHP.pl > [HTML][CSS] Strona na Divach, cellpadding

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS] Strona na Divach, cellpadding

maly_pirat

4.07.2008, 11:44:48

Cześć.

Robie www klanową (cms: webspell) na divach. Jestem przy menu, ale
zrobił mi się efekt: cellpadding , lub cellspacing (ten parametr, co dodaje się przy <table>)
I taki efekt mam, http://www.iv.pl/image/208903.jpeg a to spokjnie sie wszystko powinno zmieścić w 1 linii, bo robiłem juz to za pomocą <table> i było ok

Plik odpowiadający za te menu to #MENU;

Kod

#MENU {
    width: 930px;
    height: 33px;
    border: 0px;
    padding: 0px;
}

W jaki sposób uzyskać normalny efekt?

zuvik

4.07.2008, 13:17:09

float: left;

w div? zawierające poszczególne przyciski menu.

maly_pirat

4.07.2008, 14:52:32

Pomogło, ale nadal jest odstęp.

Taki kod zastosowałem w index.php

Kod

http://www.iv.pl/image/209079.jpeg

Pablo1900

4.07.2008, 18:41:14

Cytat(maly_pirat @ 4.07.2008, 15:52:32 )

Pomogło, ale nadal jest odstęp.

Taki kod zastosowałem w index.php

Kod

http://www.iv.pl/image/209079.jpeg

Jeżeli definiujesz już wygląd w pliku CSS, raczej staraj się unikać dodawania stylu przy podawaniu parametru <div>. Przy większych stronach i ewentualnych poprawkach, będziesz miał problem ze znalezieniem błędu. Jeżeli kiedyś będziesz robił zmiany, będziesz mógł wszystko zmianiać w pliku css nie edytując strony.

Co do odstępów, spróbuj dopisać polecenie :
border-collapse:collapse;
Jeżeli to nie pomoże to usuń odstępy pomiędzy znacznikiem <a> a <img> niektóre przeglądarki mogą to interpretować jako spacje.

maly_pirat

4.07.2008, 19:19:42

Zrobiłem tak jak piszesz, ale nic z tego.

Pod taką postacią wszystko jest ok,

Kod

Czekam na inne pomysły. A jeśli nie będzie to jakoś zostane przy tej tabelce.

zuvik

7.07.2008, 08:08:16

a może nadaj klasę dla <a href....

Kod

a do css wpisz takie cudo

Kod

.przycisk
{
display: block;
}

możesz jeszcze pokombinować z dodaniem do tej klasy borderów, marginesów, float left

TroYan

7.07.2008, 09:51:35

ale wpisałeś do tej tableki:

[HTML] pobierz, plaintext 
<div id="menu">
<table style="border-collapse: collapse;" ...>menu</table></div>
[HTML] pobierz, plaintext

/ew. dodaj klase na tabelke i wpisz w arkuszu styli

minolone

7.07.2008, 10:20:12

w laczeniu linkow z obrazkami bardzo czesto wlasnie tak sie robi ze powstaja odstepy wystarczy dawac linki z obrazkami bez enterow wszystko w jednej linijce.
wlasnie to przetestowalem i dziala

[PHP] pobierz, plaintext 
<?php
<head>
<style type="text/css">
 
#menu {
width: 930px;
height: 33px;
padding: 0px;
margin: 0px;
}
 
</style>
 
</head>
 
<div id="menu">
	<a href="index.php?site=news"><img src="img/informacje.jpg" width="157" height="33" border="0"></a><a href="index.php?site=history"><img src="img/historia.jpg" width="155" height="33" border="0"></a><a href="index.php?site=clanwars"><img src="img/mecze.jpg" width="155" height="33" border="0"></a><a href="index.php?site=members"><img src="img/sklad.jpg" width="155" height="33" border="0"></a><a href="index.php?site=server"><img src="img/serwer-menu.jpg" width="155" height="33" border="0"></a><a href="index.php?site=forum"><img src="img/forum.jpg" width="153" height="33" border="0"></a>
   </div>
?>
[PHP] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.