Gå til innhold

Noen som kan ta en titt paa dette designet ?


Anbefalte innlegg

Hei noen som har tid ett par min? :)

Jeg trenger litt tilbakemeldinger paa en side jeg holder paa aa lage i html/php, saa visst du kunne tatt en titt og gitt meg tilbakemelding saa hadde det veart kjempe.

 

Jeg har laget dette i full fart for aa proeve meg fram og som du sikkert ser saa er den ikke ferdig enda. (Den vil nok ikke bli xhtml validert enda)

 

Jeg synes selv det litt mye rot allerede naa, saa visst det er noen designer sjeler som kunne gitt meg noen tips paa hvordan jeg kan vise siden litt mer ryddig uten aa redesigne hele siden.

 

Link

Lenke til kommentar
Videoannonse
Annonse
vanskelig å si noe når det er så tomt, det eneste jeg ser nå du kanskje kan prøve annerledes er å ha enten hvit eller en veldig dus gråfarge i midten der...

 

Ja jeg er enig.

Men synes du ikke det er for mye mikkmakk paa menykantene ?

Jeg synes selv det ser litt kaotisk ut men jeg finner ikke ut hvordan jeg skal faa det til aa bli mer "ryddig" :)

Lenke til kommentar

så litt mer på kodene nå, og ser at der kan det meste skrives om for å gjøre det litt mer gjennomtenkt

 

på den sia trenger du f.eks ingen tabeller

 

skriv heller noe som dette:

xhtml -->


<?xml version="1.0" encoding="ISO-8859-1"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">



<head>

 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

 <title></title>

 <link rel="stylesheet" type="text/css" media="screen" href="style.css" />

</head>



<body>



<div class="top">her legger du det som skal øverst</div>

<div class="main">

<div class="leftbar">venstre sia</div>

<div class="content">midten</div>

<div class="rightbar">høyre sia</div>

</div>

</body>

</html>

 

css -->


/* --- Block elements --- */



body {

       margin: 0px;

}



/* --- Inline  --- */

a:link {

}

a:visited {

}

a:hover {

}

a:active {

}



img {

}



/* Classes */



.top {  

       width: 60%;

       left: 20%;

       right: 20%;   

       height: 50em;

       top: 10em;

       z-index: 1;

}



.left {

       position: absolute;

       z-index: 1;

       top: 60em;

       width: 20%;

       height: 100em;

       float: left; 

       border: 1px black solid;   

}



.right {

       position: absolute;

       z-index: 1;

       top: 60em;

       width: 20%;

       height: 100em;

       float: right;

       border: 1px black solid;   

}



.main {

       height: 300em;

       width: 60%;

       left: 20%;

       right: 20%;

}



.content {

       position: absolute;

       z-index: 1;

       left: 20%;

       right: auto;

       width: 60%;   

       border: 1px black solid;

}

.content p {

       text-align: left;

       padding-left: 3em;

       padding-right: 3em;

}

 

skrevet on-the-fly så ikke sikkert alt stemmer helt, og du må jo fylle inn "innmaten" selv...

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...