|
|||||||
|
|
|
 |
|
|
Strumenti |
30-05-2012, 02:03
|
#1 |
|
Senior Member
Iscritto dal: Apr 2008
Città: Genova
Messaggi: 2734
|
Posizionare elementi dentro layout
Ciao a tutti!
Ho creato un layout in senso obliquo antiorario tramite photoshop. Per intenderci volevo fare per prova la struttura di un layout obliquo come ho visto su qualche template in giro e vedere come viene. Ora non so come strutturare la cosa, è tutta la sera che do le varie misure per allineare per bene i vari elementi ma nulla. Se ci riesco alla fine in un browser risulta tutto ok e nell'altro no. Per intenderci dentro questo layout che ho creato devo inserire: - Logo - Foto Gallery - Menu orizzontale - Menu verticale Allego cmq l'html e il css così mi potete dire dove sbaglio e magari darmi qualche suggerimento. HTML Codice:
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="FreeUser" />
<link href="style.css" rel="stylesheet" type="text/css" />
<title>Rainbow</title>
</head>
<body>
<div id="container">
<img src="images/sfondo.gif"/>
<img id="logo" src="images/logo.gif"/>
<div id="gallery"></div>
</div>
</body>
</html>
Codice:
* {
margin: 0;
padding: 0;
}
body {
background-color:
}
#container {
width: 1024px;
height: 768px;
margin: 0 auto;
margin-top: 100px;
}
#logo {
position: relative;
bottom: 750px;
}
#gallery {
width: 600px;
height: 380px;
background-color: black;
margin-top: -820px;
margin-left: 300px;
}
In genere il layout me lo sono sempre fatto io tramite i div, ma volevo provare a fare questo semplice effetto con photoshop. Solo che ora sono un pò incasinato a posizionare i singoli elementi Allego cmq il layout per rendere l'idea: http://img577.imageshack.us/img577/6151/sfondog.gif Come potrei fare?
__________________
Haf X - Asus Tuf Gaming X570-plus - Ryzen 3600 cooling by Arctic Liquid Freezer II 120 - Crucial Ballistix 3000 MHz DDR4 16 GB - Corsair HX850 - Zotac AMP GTX 1660 Super - 840 Evo 120GB S.O. Windows 10 pro X64 - WD Caviar Black 32MB 500GB (DATI) - WD 500GB (Dati) - Seagate Barracuda 2TB (DATI) - LG Super-multi + Bluray LG - Samsung 28" 4K - Logitech G502 |
|
|
|
30-05-2012, 13:01
|
#2 |
|
Senior Member
Iscritto dal: Apr 2008
Città: Genova
Messaggi: 2734
|
Nessuna idea?
Il bello è su firefox che non si allinea. Ma sicuramente c'è un altro modo per allineare gli elementi in modo meno macchinoso.
__________________
Haf X - Asus Tuf Gaming X570-plus - Ryzen 3600 cooling by Arctic Liquid Freezer II 120 - Crucial Ballistix 3000 MHz DDR4 16 GB - Corsair HX850 - Zotac AMP GTX 1660 Super - 840 Evo 120GB S.O. Windows 10 pro X64 - WD Caviar Black 32MB 500GB (DATI) - WD 500GB (Dati) - Seagate Barracuda 2TB (DATI) - LG Super-multi + Bluray LG - Samsung 28" 4K - Logitech G502 |
|
|
|
|
|
| Strumenti | |
|
|
Tutti gli orari sono GMT +1. Ora sono le: 12:05.
