Zaloguj się, aby obserwować  
Obserwujący 0
Lurrcio

Webmastering - HTML, PHP, JavaScript, edytory - temat ogólny

Rozpoczęty przez Lurrcio,

1333 postów w tym temacie

Marrbacca    0

Marrbacca
Napisano

Nie nie, nie chodziło mi o układ strony.
Układ strony najlepiej tworzyć na divach, wygląda to zazwyczaj tak samo, ale po przyzwyczajeniu projektuje się łatwiej i wygląda bardziej profesjonalnie ;).
A z drugiej strony są dane w formie tabelarycznej, jakieś zestawienia i tym podobne. W takim przypadku używanie diwów rozmija się z celem, bo do przedstawiania takiego typu danych służą tabelki.
Jeśli chodzi o układy to mogę Ci zaproponować linka takiego: http://www.code-sucks.com/css%20layouts/ :)

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

IsGuiTaRHere    0

IsGuiTaRHere
Napisano
Dnia 11.09.2008 o 14:55, seraphe napisał:

> > Witam.
> >
> > Mógłby mi ktoś napisać schemat stworzenia proste tabelki 4x4 opartej o divy?
Byłbym
> zobowiązany.
> Typowy błąd. Nie musisz wszystkiego opierać na divach. Tabelki są po to, żeby przedstawiać

> na nich dane w formie tabelarycznej. Więc dlaczego z nich nie skorzystać, to nie
jest
> tak, że znacznik <table> jest jakiś przestarzały ;)

To ja już nie rozumiem. Jedni mówią to, drudzy tamto, a trzeci jeszcze co innego. To
w czym najlepiej robić układ strony? Jakiś przykład?


Layouty na strony i jej układ najlepiej robić za pomocą div''ów i odpowiednych stylów. Możesz sobie wówczas wszystko poukładać jak chcesz.
Tabelki wykorzystywać właśnie do przedstawienia jakichś danych, możesz nawet do pól formularza, np.:

<table>
<tr>
<td>Imię:</td><td><input type="text" name="imie" id="imie" /></td>
</tr>
<tr>
<td>Nazwisko:</td><td><input type="text" name="nazwisko" id="nazwisko" /></td>
</tr>
[...]
</table>

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

seraphe    0

seraphe
Napisano

Dobra, to może wyjaśnię od razu o co chodzi i z czym mam problem

Zaznaczone jasnym czerwonym kolorem są komórki z jednego wiersza (<tr>), zielonym - drugiego.

Problem w tym, że <td> z drugiego wiersza wyrównują się względem elementu najniżej wysuniętego z pierwszego wiersza. a chciałbym, aby stanowiły spójną całość, bez tej luki...

Będę bardzo wdzięczny za każdą okazaną pomoc.

20080911180025

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

Marrbacca    0

Marrbacca
Napisano

myślę, że coś takiego byłoby dobrze. Przynajmniej jest podstawą do dalszego kombinowania :)
<body>
<div id="wrapper">
<div id="leftc">
<div id="lefttop"></div>
<div id="leftbottom"></div>
</div>

<div id="centerc">
<div id="centertop"></div>
<div id="centerbottom"></div>
</div>

<div id="rightc">
<div id="righttop"></div>
<div id="rightbottom"></div>
</div>
</div>
</body>

I CSS do tego:
* { padding: 0; margin: 0; }

#wrapper {
margin: 0 auto;
width: 906px;
}
#leftc {
border: 1px solid black;
height: 500px;
width: 300px;
float: left;
}
#centerc {
float: left;
border: 1px solid black;
height: 500px;
width: 300px;
display: inline;
}
#rightc {
border: 1px solid black;
height: 500px;
width: 300px;
float: left;
position: relative;
}
#lefttop {
border: 1px solid black;
height: 100px;
width: 298px;
}
#leftbottom {
border: 1px solid black;
height: 200px;
width: 298px;
}
#centertop {
border: 1px solid black;
height: 200px;
width: 298px;
}
#centerbottom {
border: 1px solid black;
height: 200px;
width: 298px;
}
#righttop {
border: 1px solid black;
height: 150px;
width: 298px;
}
#rightbottom {
border: 1px solid black;
height: 50px;
width: 298px;
}

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

seraphe    0

seraphe
Napisano

Eh a jest inny sposób na to?

Złączam kod...

<table align="center" WIDTH=756 BORDER=0 CELLPADDING=0 CELLSPACING=0 rowspan=0>
<tr><td align="center" class="topek" width="756" height="20" background="obrazki/image1.jpg"><strong>"Pan Mordu zginie, ale przed śmiercią spłodzi legion śmiertelnych potomków, a ślady icj przejścia znaczyć będzie chaos..."</strong>
</td></tr>


<tr><td>
<tabl e BORDER=0 CELLPADDING=0 CELLSPACING=0 rowspan=0><tr>
<td width="240" height="43" class="naforum"></td>
<td width="516" height="43" class="cos"></td>
</tr></table>
</td>
</tr>


<tr>
<td>
<table BORDER=0 CELLPADDING=0 CELLSPACING=0 rowspan=0><tr>
<td width="240" height="143" class="naforumdwa">
fjdsbsdvf<br>
fjhbsdfhsdvf<br>
fsdfhusdg<br >
fsfsd<br>
</td>
<td width="516" height="143" class="cosdwa"></td>
</tr>
</table>
</td>
</tr>

<tr>
<td>
<table BORDER=0 CELLPADDING=0 CELLSPACING=0 rowspan=0>
<tr>
<td>
<table BORDER=0 CELLPADDING=0 CELLSPACING=0 rowspan=0>
<tr>
<td width="240" height="42" class="menu"></td><td width="280" height="67" class="searcher"></td><td width="236" height="90" class="nowosci"></td>
</tr>
<tr>
<td width="240" height="200" class="menudwa"></td><td width="280" height="32" class="searcherdwa"></td>
</tr>
</table>
</td>


</tr>
</table>
</td>
</tr>


</table>
< ;/td>
</tr>
</table>

i CSS

.body{background-image: url("obrazki/background.jpg"); background-repeat: repeat;}
.topek{font-family: tahoma; font-size:10px; color: #FEFEFE;}
.naforum {background-image:url(''obrazki/image2.jpg''); background-repeat: no-repeat;}
.cos {background-image:url(''obrazki/image3.jpg''); background-repeat: no-repeat;}
.naforumdwa {background-image:url(''obrazki/image4.jpg''); background-repeat: no-repeat; font-family: tahoma; font-size:11px; color: #FEFEFE; text-indent:40px;}
.cosdwa {background-image:url(''obrazki/imagex.jpg''); background-repeat: no-repeat;}
.menu {background-image:url(''obrazki/image7.jpg''); background-repeat: no-repeat;}
.searcher {background-image:url(''obrazki/image8.jpg''); background-repeat: no-repeat;}
.nowosci {background-image:url(''obrazki/image9.jpg''); background-repeat: no-repeat;}
.menudwa {background-image:url(''obrazki/image10.jpg''); background-repeat: no-repeat;}
.searcherdwa {background-image:url(''obrazki/image11.jpg''); background-repeat: no-repeat;}

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

bVarador    0

bVarador
Napisano

To co podałeś nie ma żadnego sensu. I nie miałoby nawet gdyby opieranie schematów strony o tabele nie wyszło z mody. Za dużo tu wszystkiego i to co osiągnąłeś tym kodem, można byłoby załatwić bez zagnieżdżania tabel, wykorzystując jedynie scalenia komórek. Co jednak w żaden sposób nie rozwiązałoby twojego problemu, z komórkami o różnej wysokości w jednym wierszu. Więc lepiej byłoby gdybyś np. skorzystał z pomysłu podrzuconego przez Marrbaccę, lub jeśli już rzeczywiście chcesz bawić się w tabele, czego nie polecam, to możesz np. spróbować postawić obok siebie 3 jednokolumnowe tabele (ew. wrzucić dodatkowo je do 3-kolumnowej, 1,2-wierszowej odpowiadającej całej stronie), co może rozwiązać problem jeśli chodzi o kompozycję, bo poprawne to niestety ciągle nie będzie.

A najlepiej dla ciebie i projektu byłoby, gdybyś usiadł na spokojnie, wziął czystą kartkę i ołówek/długopis i zaplanował sobie co chcesz osiągnąć. Potem np. bierzesz kolorowe długopisy/kredki (przydają się nie tylko przedszkolakom, serio :)) i brał w obwódki coraz to większe, związane ze sobą części strony. I potem zaczął to zmieniać na grafikę i (x)html + css, zaczynając od najbardziej ogólnych obwódek i schodząc do coraz bardziej szczegółowych elementów. Jako załącznik masz przykład takiego planu, na którym oparto nie jedną już stronę.

Wiedząc co chcesz zrobić i mając to rozpisane, zakodowanie tego nie stanowi już większego problemu, bo nawet jak nie idzie, wiesz z czym masz problem. A wrzucając taki kawałek kodu jak wyżej, ciężko byłoby pomóc komukolwiek, bo nie wiadomo co chcesz osiągnąć.

edyta.
niby nie jestem kobietą, ani tym bardziej blondynką, a jednak pomyliłem prawą stronę z lewą podpisując obrazek :(

20080913010742

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

Marrbacca    0

Marrbacca
Napisano
Dnia 13.09.2008 o 01:30, seraphe napisał:

Eh dzięki, niestety masz rację i muszę zacząć od początku...

Problem w tym, że mój layout nieco odbiega od Twojego schematu...

No to rozpisujesz od nowa swój lay wg schematu który podał Ci vBoguSv.
Ale cały czas podtrzymuję swoje zdanie, że takie coś znacznie łatwiej zrobić na divach. To co na tabelkach trzeba by rozwiązywać zagnieżdżaniem kolejnych tabel, łączeniem wierszy i kolejnymi niepotrzebnymi wierszami kodu zazwyczaj można rozwiązać kilkoma divami.
Vide swój przykład z tabelką 3x2 i różnymi poziomami wierszy.

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

loli80    0

loli80
Napisano
Dnia 13.09.2008 o 15:38, vBoguSv napisał:

css:

body
{
background: #FFFFFF url(img/tlo.jpg) no-repeat top center;
background-attachment: fixed;
}

Jak mam to wstawić?? Bo tak nie działa:

<html>
<head>
</head>
<body{
background: #FFFFFF url(img/tlo.jpg) no-repeat top center;
background-attachment: fixed;
}>
<img src= gawuneia.jpg>
</body>
</html>

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

bVarador    0

bVarador
Napisano

To co ci podałem to style, nie wrzuca się tego wewnątrz tagów html. W przypiętym poście masz linki do kursów, poczytaj tam o podstawach CSS. A wyglądać to powinno mniej więcej tak:

<html>
<head>
<style type="text/css">
body
{
background: #FFFFFF url(tutaj_wpisz_adres_pliku_tla) no-repeat top center;
background-attachment: fixed;
}
</style>
</head>
<body>
</body>
</html>

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

Marrbacca    0

Marrbacca
Napisano

> background: #FFFFFF url(tutaj_wpisz_adres_pliku_tla) no-repeat top center;
> background-attachment: fixed;
osobiście skoro korzystasz już ze stylów mieszanych to wszystkie wrzucałbym je do jednego atrybutu :). Czyli zamiast powyższych dwóch linijek ja bym to zrobił jedną:
background: #FFFFFF url(tutaj_wpisz_adres_pliku_tla) no-repeat top center fixed;

Edit: wygasła mi sesja najwyraźniej. To jest odpowiedź na posta vBoguSv

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

bVarador    0

bVarador
Napisano

Kwestia, że kolejność chyba ma (?) jakieś znaczenie. A ja już czasu dla html/css nie mam, więc nie zawsze pamiętam, co powinno być po czym, poza takimi oczywistościami jak np. w przypadku tła: kolor, obrazek, powtarzalność i wyrównanie, bo z tego zwykle się korzysta(ło) ;]

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

Marrbacca    0

Marrbacca
Napisano
Dnia 13.09.2008 o 16:26, vBoguSv napisał:

Kwestia, że kolejność chyba ma (?) jakieś znaczenie. A ja już czasu dla html/css nie
mam, więc nie zawsze pamiętam, co powinno być po czym, poza takimi oczywistościami jak
np. w przypadku tła: kolor, obrazek, powtarzalność i wyrównanie, bo z tego zwykle się
korzysta(ło) ;]

A wiesz, że nie wiem, czy ma ;). Ja nigdy żadnej kolejności specjalnie nie zachowuję przy stylach mieszanych i zawsze dobrze wyświetla :D Ale jest oczywiście szansa, że zawsze trafiam dobrze, choć niezbyt by to było prawdopodobne :D

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

ThimGrim    0

ThimGrim
Napisano

Ktoś mi podpowie jak zrobić formularz z opcją załączenia i wysłania pliku na e-mail? Dodam, że w php jestem kompletnie zielony a trzeba wykoncypować w nim skrypt. Korzystam ze spóścizny po bracie (;)) w postaci zwykłego formularza w html wraz z osobnym skryptem w php- z tym, że to jest formularz bez opcji załączenia pliku.

Po dołączeniu lini z kodem wstawiania pliku mój formularz wygląda tak:

<form method="post" action=" http://www.edguy.fr.pl/seendfeedback3.php"

entype="form/multipart-data">
<br>
<P>Od: <br><input type="text" name="sender_name" size=30></P>
<P>Adres e-mail: <br><input type="text" name="sender_email" size=30></P>
<p>Wiadomość:<br>
<textarea name="message" cols=40 rows=10></textarea></p>
<p>Załącz:<br>
<input type="file" name="nazwa pola" size=25>
<input type="submit" value="Wyślij!"></form>

A skrypt seendfeedback3 tak:

<?php
$msg = "Imię i nazwisko wysyłającego: \t$sender_name \n";
$msg .= "Adres e-mail wysyłającego: \t$sender_email \n";
$msg .= "Dodatkowe informacje: \t$message \n \n";

$mailheaders = "From: zatrybWWW \n";
$mailheaders .= "Reply-To: $sender_email \n \n";

mail("grim@fr.pl", "List ze strony", $msg, $mailheaders);

$odpowiedz = "Dziękujemy za wiadomość. <br>Postaramy się odpowiedzieć jak najszybciej.";

if ($sender_email == "") {
$odpowiedz = "Nie wypełniłeś pola z adresem email! \n";
}

if ($message == "") {
$odpowiedz .= "Wiadomość była pusta! \n";
}

echo "<p align=center> $odpowiedz </p>";
?>


Czysty formularz bez:

<p>Załącz:<br>
<input type="file" name="nazwa pola" size=25>

działa i wszystko ładnie wysyła. Natomiast wraz z tą linią kodu formularz również wysyła wiadomość z tym, że bez załącznika. Pewnikiem obstawiam, że coś trzeba dodać do samego skryptu php, bo w takiej postaci to prawa działać nie ma, ale właśnie nie bardzo wiem co. Eny ajdijas?

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

DJ_Danielus    0

DJ_Danielus
Napisano

Jak stworzyć własną wyszukiwarkę, która przeszukiwała by tylko jeden serwis?

Chodzi mi o coś w stylu jaki jest zastosowany na gram.pl - wpisuję treść i szuka mi tylko na forum (na przykład).

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

Utwórz konto lub zaloguj się, aby skomentować

Musisz być użytkownikiem, aby dodać komentarz

Utwórz konto

Zarejestruj nowe konto na forum. To jest łatwe!


Zarejestruj nowe konto

Zaloguj się

Masz już konto? Zaloguj się.


Zaloguj się
Zaloguj się, aby obserwować  
Obserwujący 0
Przejdź do listy tematów Sprzęt i technologie