MyCity » Web dizajn / HTML » Dizajn poremećen...

Dizajn poremećen...

Napisano na dan: 21.10.2012

Dizajn poremećen...
Sledeća strana Pagination

Idi na vrh

Poslao: 21 Okt 2012 15:32
Idi na vrh
offline
  • Pridružio: 05 Maj 2010
  • Poruke: 112

Počeo sam da pravim svoj portfolio, i imam probleme, sve je bilo dobro dok nisam krenuo da postavljam pozdravnu poruku "Welcome to my portfolio", tada se deo "aside" prvobitno se povukao skroz desno, pa sam promenio na right:0px i ispravio se, ali je top deo pobegao ka dole, bukvalno je ceo aside deo potonuo, pokušao sam da podignem preko top:0px; ali ništa

Ovo je prvi sajt gde sam radim dizajn, uglavnom sam programirao php, c#.net(asp).

slika


html kod
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link rel="stylesheet" href="styles/main.css" /> </head> <body> <header> <img src="images/logo.png" width="250" height="100" style="margin-top:3px" /> <nav> <a href="index.php">Home</a> &nbsp; &nbsp; <a href="about.php">About</a> &nbsp; &nbsp; <a href="contact.php">Contact</a> </nav> </header> <section> <div id="welcome"><h1>Welcome to my portfolio</h1></div> <aside> </aside> </section> <footer>   <div id="copyright">     <footer>       <div id="copyright2"> Copyright&copy; 2012 Web developer and designer: Nezic Srdjan. All rights reserved.            </div>       <div id="soc_net"> <img src="images/facebooklogo.png" width="35" height="35" /> <img src="images/twitterlogo.png" width="35" height="35" /> <img src="images/google-plus.png" width="38" height="40" /><img src="images/LinkedInlogo.png" width="35" height="35" style="margin-right:5px;" /></div>     </footer>   </div> </footer> </body> </html>

CSS kod
@charset "utf-8"; /* CSS Document */ html, body{    max-width:1000px;    max-height:548px;    height:549px;    width:100%;    height:100%;    vertical-align:central; } header{    width: 100%;    height:70px;    background-color:#575a6b; } nav{    float:right;    font-family:"Times New Roman", Times, serif;    font-size:22px;    margin-right:0px;    margin-top:40px;    border:1px solid #fff;    border-bottom:none;    border-right:none;    padding-top:5px;    padding-left:10px;    padding-right:10px;    padding-bottom:0px;    color:#FFF;    } a:link{    color:#FFF;    } a:visited{    color:#FFF; } a:hover{    color:#0F0;    } section{    width:100%;    height:530px;    border-left:1px solid #575a6b;    background-color:#F3F3F3; } #welcome{    width:440px;    height:50px;    text-align:center;    border:3px solid #FFF;    border-radius:5px;    position:relative;    top:20px;    left:150px;    background-color:#D9FFD9;    color:#0F0; } aside{    width:254px;    height:100%;    border:1px solid #575a6b;    border-bottom:none;    border-top:none;    position:relative;    top:0px;    right:0px;    float:right;    background-color:#EBEBEB;    overflow:scroll; } footer{    width:100%;    height:30px;    position:relative;    bottom:0px;    background-color:#575a6b;    } #copyright{    color:#CCC;    padding-top:16px; } #soc_net{    float:right;    position:relative;    bottom:33px;    }



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
Poslao: 21 Okt 2012 18:52
Idi na vrh
offline
  • Pridružio: 13 Sep 2012
  • Poruke: 2138

Možeš da ga skratiš kad na height staviš npr 85% a možeš da ga digneš gore kad na asid top staviš -50
Ovako nešto:
aside{     width:254px;     height:85%;     border:1px solid #575a6b;     border-bottom:none;     border-top:none;     position:relative;     top:-50px;     right:0px;     float:right;     background-color:#EBEBEB;     overflow:scroll;  }



Poslao: 21 Okt 2012 19:38
Idi na vrh
offline
  • Pridružio: 05 Maj 2010
  • Poruke: 112

ilovephp ::Možeš da ga skratiš kad na height staviš npr 85% a možeš da ga digneš gore kad na asid top staviš -50
Ovako nešto:
aside{     width:254px;     height:85%;     border:1px solid #575a6b;     border-bottom:none;     border-top:none;     position:relative;     top:-50px;     right:0px;     float:right;     background-color:#EBEBEB;     overflow:scroll;  }

Ziveli Dužnik sam ti Smile Bio sam smanjivao top na -10, ali nisam uočio razliku izgleda, ccc uvek sam bio loš iz likovnog Laughing

Imam još nekih pitanja pošto prvi put nešto ozboljnije radim u DW, je l' normalno da u DW komponente budu u totalnom haosu u odnosu na browser? Meni je sve u totalnom haosu u DW, a u browserima je sve kako treba...

vidi


Takođe pitanje, da li je moguće da overflow nema ovaj horizontalni scrollbar, samo vertikalni???

Poslao: 21 Okt 2012 19:47
Idi na vrh
offline
  • Pridružio: 13 Sep 2012
  • Poruke: 2138

Za DW ne znam, radim u notepad-u ili notepad ++
Ako hoćeš da imaš samo vertikalni stavi umesto scroll na auto i kada popuniš sadržaj samo vertikalno biće samo vertikalni scroll Smile

Poslao: 21 Okt 2012 20:04
Idi na vrh
offline
  • Pridružio: 05 Maj 2010
  • Poruke: 112

ilovephp ::Za DW ne znam, radim u notepad-u ili notepad ++
Ako hoćeš da imaš samo vertikalni stavi umesto scroll na auto i kada popuniš sadržaj samo vertikalno biće samo vertikalni scroll Smile

Ma i ja sam radio u n++ i Visual Studiu, i sad pređoh na dw radi bržeg rada i baš sam se namučio...

Ok, Hvala. Ziveli

MyCity » Web dizajn / HTML » Dizajn poremećen...

Ko je trenutno na forumu
 

Ukupno su 563 korisnika na forumu :: 68 registrovanih, 7 sakrivenih i 488 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 20624 - dana 04 Apr 2026 04:18

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: A.R.Chafee.Jr., ALEXV, Avalon015, Battlehammer, Bobrock1, Bojan198527, Boris90, boromir, bpvl, celik, Chainsaw, Coabelgrade, CrazyDiablo, cvrle312, dane007, Dannyboy, Darth Malak, DeerHunter, deLacy, djboj, DJUNTA, Dolinc, DS01, Dukelander, esko_hz, goran.vvv, GORDI, gregorxix, GveX, Imperator_Aleksandr_lll, ivan979, Jeremiah, Jozo74, Kalu128338, kibihrchak, komsija1, Krusarac, kybonacci, lacko, leopard83, luja, milan47, miodrag, nenooo, neutrino, nixos, Nole, oddsock, picknick, rednap, Regrut Boskica, Roksi, Sevatar, shaja1, sony771, srbijaiznadsvega, Tastatura ratnik, VJ, vojnik švejk, volimpivuvolimrakiju, Vrač, vrgudinac, vuksa72, yrraf, YugoSlav, zax22r, ZetaMan, Zmajac