|
|
 | Opsætning af webside
Fra :  2100  | Vist : 710 gange
50 point
Dato : 24-05-06 18:34 |
|
Bruger Dreamweaver 8
Vil gerne vide hvor man opretter en side hvor der er kanter til begge sider og passer til diverse skærmstørrelse. Et eks. af billede som jeg ønsker det skal ud kan ses på dette link.
http://home1.stofanet.dk/duo2/aa1/
| |
 | Kommentar
Fra : peque  |
Dato : 24-05-06 18:42 |
|
Det kan gøres på flere måder.
Den kiksede:
Ved brug af frames (nybegynder) hvor man opretter et frameset hvor man så delewr siden op i 3sider.
Eller du kan bygge det op i en tabel, som du centrerer og derefter inde i den bygger videre op med tabeller og lag(div)
| |
| Kommentar
Fra : 2100 |
Dato : 24-05-06 18:47 |
|
Kender frames, men bruger det ikke mere. Bruger tabel.
Det som jeg mener kan også ses her på Kandu skærmbillede, hvor selve siden ikke fylder hele skærmnen ud, det er sådan jeg mener.
| |
| Kommentar
Fra : peque |
Dato : 24-05-06 19:02 |
|
Jamen der starter du med at lave en tabel
<table width="900" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr>
Bygger alle de tabbeler som du vil bygge din side med
</tr>
</table>
Dermed har du en table til at starte med som er centreret i midten og alt efter hvad du sætter width til - bestemmer hvor meget der bliver vist.
Du kan også udbygge dette på flere måder - med css styleshets med det vil jeg anbefale dig at gå ind på www.html.dk og gennemgå de kurser de har der . (en god ide under alle omstændigheder)
Der kan du få de svar og øvelser mm.
PS Kandu side er ikke optimalt opbygget da den hænger i højre side og ikke i midten - da der ikke er overholdt standarter for browsere.
| |
| Kommentar
Fra : peque |
Dato : 24-05-06 19:03 |
|
Jamen der starter du med at lave en tabel
<table width="900" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr>
Bygger alle de tabbeler som du vil bygge din side med
</tr>
</table>
Dermed har du en table til at starte med som er centreret i midten og alt efter hvad du sætter width til - bestemmer hvor meget der bliver vist.
Du kan også udbygge dette på flere måder - med css styleshets med det vil jeg anbefale dig at gå ind på www.html.dk og gennemgå de kurser de har der . (en god ide under alle omstændigheder)
Der kan du få de svar og øvelser mm.
PS Kandu side er ikke optimalt opbygget da den hænger i højre side og ikke i midten - da der ikke er overholdt standarter for browsere.
| |
| Kommentar
Fra : peque |
Dato : 24-05-06 19:04 |
|
Og den er fandme ikke optimel i sin hastighed og fryser enormt tit ????
Det var lidt til admingrupen.
(håber I kan ta det)
| |
| Kommentar
Fra : 2100 |
Dato : 24-05-06 19:06 |
| | |
| Kommentar
Fra : peque |
Dato : 24-05-06 19:15 |
|
border="0"
Der er den kun synligt i selve DW men hvis du trykker F12 for at se dit resultat i en browser - er den der ikke
| |
| Kommentar
Fra : peque |
Dato : 24-05-06 19:20 |
|
Tja - Jeg tror ikke jeg ville sætte den i procwenter men i forudbestemte pixels (px) og dermed bruge det
Men hvis du trykker --> vis - kildekode i din browser !! kan du se hvordan andre har lavet deres kode . Ikke fordi jeg vil opfordre dig til at stjæle andre kode -- men brug det i de tilfælde hvor du er nysgerrig efter hvordan andre ghar lavet forskellige ting.
F.eks kandu kildekode
<table style="width: 100%;">
<tr>
<td style="text-align: center;" align="center">
<table style="width: 790px; height: 800px; border: solid 1px black; background-color: White">
<tr>
<td colspan='2'>
<table width="100%">
<tr class="TopHeader">
<td class="HeaderLogo"><a href="/default.aspx" title="Til forsiden"><img id="ctl00_imgLogo" src="App_Themes/Normal/images/master/logo.gif" style="border-width:0px;" /></a></td>
<td valign="middle" align="right"
| |
 | Kommentar
Fra : bentjuul |
Dato : 24-05-06 19:37 |
|
Marker din tabel i dreamveawer, når den er markeret kan du nede i Properties sætte border til 0
//bentjuul
| |
| Kommentar
Fra : peque |
Dato : 24-05-06 19:41 |
|
Jamen kan godt se på linket
Men hvis du går over i kildekoden i dreamweaver kan du også se at den tabel der er , er borderen sat til 1 - ændrer denne til 0 og du kan ikke se den
| |
| Kommentar
Fra : bentjuul |
Dato : 24-05-06 19:43 |
|
Ulempen ved at bruge % til tabellen er, at du ikke har fuld kontrol over hvordan siden ser ud hos brugerne. Jeg ville sætte tabellen f.eks. til 800 px istedet for 80% så vil siden se ens ud uanset brugerens skærmopløsning.
//bentjuul
| |
| Kommentar
Fra : 2100 |
Dato : 24-05-06 19:44 |
| | |
| Kommentar
Fra : peque |
Dato : 24-05-06 19:48 |
|
cellpadding="0" cellspacing="0"
sætter du ind der under kode hvor du også kan se border fra tidligere - længere op kan den så ikke komme
| |
 | Kommentar
Fra : e.c  |
Dato : 24-05-06 19:48 |
|
Her ser du en tabel uden synlige rammer i 90% og centreret.
http://www.hirsenet.dk/dreamtest.htm (ligger her kun et par dage)
Tryk på firkanten oppe ved krydset så siden bliver mindre.
Tag fat nede i højre hjørne og skub siden sammen - sådan vil den opføre sig på mindre skærme og andre opløsninger.
H-klik på siden > vis kilde > kopier > og gem indholdet, så du kan bruge det i Dreamweaver.
Siden er lavet i Dreamweaver MX 2004
| |
| Kommentar
Fra : peque |
Dato : 24-05-06 19:50 |
|
Du kan samtidigt sætte følgende ind
align="top"
| |
| Accepteret svar
Fra : bentjuul | 
Modtaget 50 point
Dato : 24-05-06 20:01 |
|
Du kan sagtens få tabellen højere op i Dreamveawer. Det ændrer du ved at trykke på "Page Properties" ned i Properties - så får du en ny boks frem - marker her "Appearance" og nu kan du ændre værdien i top margin der sikkert står til 0. Prøv at skriv -10 og klik OK.
Nu er din boks flyttet op i kanten.
//bentjuul
| |
| Kommentar
Fra : e.c |
Dato : 24-05-06 20:05 |
| | |
| Kommentar
Fra : peque |
Dato : 24-05-06 20:16 |
|
Men det er helt op til toppen???
MEn ulempen ved at bruge procenter er så alligevel, hvis man bruger forskellige billeder mm så bliver hele siden rykket rundt alt efter størrelser plads owsv.
Officielt er standarten 800*600, men uofficielt tror jeg ikke mere at der er nogle mennesker der stadig bruger denne opløsning på skrivebordet. tror 85 eller mere af verdens PC står til 1024*768 (linux er det efterhånden standart ved installation)
Det er bare windåse og deres magtsyge monopolske ideer der ikke kan finde fordele ved at lave OG følge en fællesstandart! Men det er ny en helt anden diskussion.
Personligt er min mening at DW laver (hvis man bruger deres indbyggede metoder) generl en masse slamkodning - som ender med at en side lige pludselig fylder vildt meget - istedet for at bruge de muligheder importet ved hjælp af css! Men generel og at hele ens css opsætning ligger i toppen(head) inden man kommer ned til den mere gense kode !
| |
| Kommentar
Fra : e.c |
Dato : 24-05-06 20:19 |
| | |
| Kommentar
Fra : 2100 |
Dato : 24-05-06 20:31 |
|
Jeg takker for alle de gode svar som hver især er kommet med. Jeg har i denne omgang fået løst mit problem, men kan desværre kun give point til en.
Forsat en god aften til alle.
| |
| Godkendelse af svar
Fra : 2100 |
Dato : 24-05-06 20:32 |
| | |
| Kommentar
Fra : e.c |
Dato : 24-05-06 20:39 |
| | |
| Kommentar
Fra : bentjuul |
Dato : 24-05-06 20:42 |
|
Tak selv 2100, sluttelig vil jeg lige sige om
Kode
cellpadding="0" cellspacing="0" |
at det intet har at gøre med tabellens placering, men styrer dine elementer i forhold til cellens kant sam den indbyrdes afstand mellem cellerne.
Du kan bare vende tilbage hvis der er mere.
//bentjuul
| |
 | Du har følgende muligheder | |
|
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.
Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
| |
|
|