Hur skall jag göra ?

Avdelningen för webbrelaterad programmering och grafisk design.
Post Reply
User avatar
forcevision
Posts: 418
Joined: 2007-06-17 11:21:44
Location: Göteborg

Hur skall jag göra ?

Post by forcevision »

Hejsan !

Sitter här och funderar på hur jag skall lättas bygga upp min hemsida. Hoppas ni kan hjälpa mig.

Skall ha en meny rad på vänster sida ett fönster i mitten där information finns m.m. Sedan skall jag ha en rullande text på höger sidan. Då funderar jag på frames men är det ett bra sätt eller finns det bättre sätt? Har även provat div men då måste jag ju uppdatera alla sidorna varje gång jag gör en ändring på meny sidan tex. Sedan skall det vara snyggt så det ser ut som allt hänger ihop och jag har för mig att det är svårt att få det att hänga ihop om man använder sig av frames?

Mvh Force
User avatar
Spixx
Posts: 1613
Joined: 2004-03-20 16:47:34
Contact:

Post by Spixx »

Jag gör såhär:
(det jag gör är att hämta en fil (för alla dokument) till menyn kallad menu.php (det krävs att du har index.php och php installerat) resten är ganska simpelt.

Code: Select all

<html>
 <head>
  <title>Site</title>
 </head>
 <body>
  <div id="menu">
  <?php include('menu.php'); ?>
  </div>
  <div id="content">
   content
  </div>
  <div class="clear"> </div>
 </body>
</html>

css:

#menu {
float: left;
width: din bredd här;
}

#content {
float: left;
width: din bredd här;
}

#clear {
clear: both;
}

Har du fler frågor skicka via pm! (om det gäller detta exempel :) )
User avatar
ADiS
Posts: 5732
Joined: 2003-04-04 22:24:03
Location: Gävle
Contact:

Post by ADiS »

Andra alternativet om man nu inte vill köra php, AJAX och låta den uppdatera datan i valda divar.
http://www.buildlog.eu - Din egna bygglogg på nätet
User avatar
forcevision
Posts: 418
Joined: 2007-06-17 11:21:44
Location: Göteborg

Post by forcevision »

SpiXx^Orginalet wrote:Jag gör såhär:
(det jag gör är att hämta en fil (för alla dokument) till menyn kallad menu.php (det krävs att du har index.php och php installerat) resten är ganska simpelt.

Code: Select all

<html>
 <head>
  <title>Site</title>
 </head>
 <body>
  <div id="menu">
  <?php include('menu.php'); ?>
  </div>
  <div id="content">
   content
  </div>
  <div class="clear"> </div>
 </body>
</html>

css:

#menu {
float: left;
width: din bredd här;
}

#content {
float: left;
width: din bredd här;
}

#clear {
clear: both;
}

Har du fler frågor skicka via pm! (om det gäller detta exempel :) )
Detta skall jag verkligen kolla in återkommer säkert med frågor om detta ? :)

En annan sak som jag kan fråga er när jag ändå har er på tråden (om man får skämta till det :) ) Är vilken upplösning bör man använda sig av idag när man visar en hemsida ?
User avatar
Spixx
Posts: 1613
Joined: 2004-03-20 16:47:34
Contact:

Post by Spixx »

1024x768 men ett tips är att skaffa google analytics och kolla vad dina användare har för grejjer :P
User avatar
Peter Wall
Hedersbit
Posts: 7026
Joined: 2002-03-08 0:52:56
Location: Stockholm
Contact:

Post by Peter Wall »

Eller om man nu vill lära sig så kan man koda sin sida att klara av alla sorters upplösningar.
Diplomerad webbutvecklare
Microsoft Certified Professional Windows 2003
Microsoft Certified Technology Specialist Windows Vista
"Did you know kidneys and applesauce are a delicacy in Sweden? I'm gonna get my applesauce back!"
User avatar
forcevision
Posts: 418
Joined: 2007-06-17 11:21:44
Location: Göteborg

Post by forcevision »

Peter Wall wrote:Eller om man nu vill lära sig så kan man koda sin sida att klara av alla sorters upplösningar.
Okej men hur kodar man det i php ? :)

google analytics verkar vara intresant skall kolla upp detta. Tackar!
Kniv
Posts: 27
Joined: 2008-05-09 0:56:53

Post by Kniv »

Man kan säkert kolla användarens inställningar och sånt med php/javascript och sedan byta ut sin css-fil baserat på användarens skärmupplösning låter som en halvbra lösning. Men jag rekommenderar att göra en "flytande design" alltså där bredden inte är "pixelbestämd".

Google analytics?, är inte det bajs? betyder inte det att massa information måste skickas till dem varje gång nån besöker en av mina sidor och att det "går söligare" för dem? + att google samlar på sig inf med info.
User avatar
ADiS
Posts: 5732
Joined: 2003-04-04 22:24:03
Location: Gävle
Contact:

Post by ADiS »

Man gör i så fall en sidan som anpassas efter fönstrets storlek. Detta forum gör det, prova ändra storleken i brädd så ser du att sidan följer med.
http://www.buildlog.eu - Din egna bygglogg på nätet
User avatar
Spixx
Posts: 1613
Joined: 2004-03-20 16:47:34
Contact:

Post by Spixx »

men det är så att om du förminskar detta forum för mycket så kommer det att bryta tillslut :P men det är bra med flytande design :P
User avatar
ADiS
Posts: 5732
Joined: 2003-04-04 22:24:03
Location: Gävle
Contact:

Post by ADiS »

om jag inte minns fel, så kan man sätta ett minsta width värde? osäker.
http://www.buildlog.eu - Din egna bygglogg på nätet
User avatar
Spixx
Posts: 1613
Joined: 2004-03-20 16:47:34
Contact:

Post by Spixx »

funkar bara i vissa webbläsare (gissa vilka =) ) min-widht: 400px; föv :D
User avatar
ADiS
Posts: 5732
Joined: 2003-04-04 22:24:03
Location: Gävle
Contact:

Post by ADiS »

precis, funkar bara i IE, w3c skriver väl sig hes om man har det där i css filen.
http://www.buildlog.eu - Din egna bygglogg på nätet
User avatar
madr
Posts: 998
Joined: 2004-08-24 11:12:39
Contact:

Post by madr »

ADiS wrote:precis, funkar bara i IE, w3c skriver väl sig hes om man har det där i css filen.
Faktiskt precis tvärtom.
Min-width och min-height har varit w3c-rekommendation sedan 1998.

IE6 stödjer inte min-width alls.
IE7 stödjer det, men är buggig.

Resten (även de förutom firefox) stödjer det sedan länge.

För IE6 kan man dock utnyttja buggen med att blockelement expanderar, samt CSS expressions. Eller använda tabeller istället för semantisk HTML, och det är ju bara till det bättre... eller?
antlion: 3,2 GHz i7 | 32GB | 180GB+120GB SSD SATA III | 2TB SATA III | Dell u2410 | GF 5600ti Arch linux + Win 7
Kniv
Posts: 27
Joined: 2008-05-09 0:56:53

Post by Kniv »

madr wrote:IE7 stödjer det, men är buggig.
Fasiken då :[ nånstans bak hjärnan trodde jag dom hade fixat det nu.

btw, min-height walkarounds som du pratar om är väll de som beskrivs här:
http://www.greywyvern.com/code/min-height-hack.html

Se länken överst för den med !important.

Vad är vanligast kör folk med tabeller fortfarande för "det funkar".

Code: Select all

<table height="100%">
<tr><td>Hej</td></tr>
</table>
vs

Code: Select all

body {
margin: 0;
padding: 0;
height: 100%;
}
#content {
min-height: 100%;
}
Är det va?, sry om det vart lite ot nu. Om det blir väll lika om man kör med width?
User avatar
Spixx
Posts: 1613
Joined: 2004-03-20 16:47:34
Contact:

Post by Spixx »

det går att hacka min width bara att sätta tex:
<div id="content">
<div style="width: 400px; height: 1px;"></div>
content som går öööööver 400px men min width blir ändock 400!!!! :P
</div>
Kniv
Posts: 27
Joined: 2008-05-09 0:56:53

Post by Kniv »

SpiXx^Orginalet wrote:det går att hacka min width bara att sätta tex:
<div id="content">
<div style="width: 400px; height: 1px;"></div>
content som går öööööver 400px men min width blir ändock 400!!!! :P
</div>

Ja det är ju det det står om på länken jag skrev, fast deras exempel är med höjd. Men som jag sa det blir samma sak med bredden. Och det var det madr menade med: "blockelement expanderar" _tror jag_.
Ubermaskin från soptippen: 933MHz, 256 RAM, Dell OptiPlex GX150
User avatar
Spixx
Posts: 1613
Joined: 2004-03-20 16:47:34
Contact:

Post by Spixx »

Jo men varför inte bara enkelt beskriva detta i posten (som jag gjorde) istället för att slänga upp massa länkar? Är inte ett mördande svårt fulhaxx?
User avatar
ADiS
Posts: 5732
Joined: 2003-04-04 22:24:03
Location: Gävle
Contact:

Post by ADiS »

tyckte jag fick validation error när jag hade min-width i XHTML 1.0, kanske minns fel.
http://www.buildlog.eu - Din egna bygglogg på nätet
Kniv
Posts: 27
Joined: 2008-05-09 0:56:53

Post by Kniv »

ADiS wrote:tyckte jag fick validation error när jag hade min-width i XHTML 1.0, kanske minns fel.
Valid CSS information
.t {
min-width : 100px;
}

Om du inte kör på CSS 1, vad har XHTML med saken att göra validera med CSS validatorn: http://jigsaw.w3.org/css-validator/
Ubermaskin från soptippen: 933MHz, 256 RAM, Dell OptiPlex GX150
User avatar
ADiS
Posts: 5732
Joined: 2003-04-04 22:24:03
Location: Gävle
Contact:

Post by ADiS »

ahh, menade css 2.1
http://www.buildlog.eu - Din egna bygglogg på nätet
Post Reply