Ciao a Tutti, sono nuovo del forum!
Vi chiedo un piccolo aiuto, per riuscire ad allineare dei links come in questo screenshot
Vorrei che siano allineati in modo seguente e che ci sia spazio di qualche centimetro tra i links orizzontali:
LinkSitoWeb LinkSitoWeb LinkSitoWeb
LinkSitoWeb LinkSitoWeb LinkSitoWeb
LinkSitoWeb LinkSitoWeb LinkSitoWeb
LinkSitoWeb LinkSitoWeb LinkSitoWeb
A colonne di 3 oppure quattro, ho provato a modificare il file index.html, ma i links non rimangono allineati perfettamente come in questo post!:crying:
Ora da come avrete intuito, non sono affatto esperto in materia, e non sono neanche sicuro se basta solamente modificare il file html oppure anche il css, che posto di seguito....Mi date per cortesia un piccola dritta? Grazie 1000.
Vi chiedo un piccolo aiuto, per riuscire ad allineare dei links come in questo screenshot
Vorrei che siano allineati in modo seguente e che ci sia spazio di qualche centimetro tra i links orizzontali:
LinkSitoWeb LinkSitoWeb LinkSitoWeb
LinkSitoWeb LinkSitoWeb LinkSitoWeb
LinkSitoWeb LinkSitoWeb LinkSitoWeb
LinkSitoWeb LinkSitoWeb LinkSitoWeb
A colonne di 3 oppure quattro, ho provato a modificare il file index.html, ma i links non rimangono allineati perfettamente come in questo post!:crying:
Ora da come avrete intuito, non sono affatto esperto in materia, e non sono neanche sicuro se basta solamente modificare il file html oppure anche il css, che posto di seguito....Mi date per cortesia un piccola dritta? Grazie 1000.
Codice:
/* style CSS */
/* reset whitespace */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr {
margin:0;
padding:0;
}
/* text */
#home h1 {
width: 100px;
height: 27px;
overflow: hidden;
text-indent: -5000px;
background: transparent url('../ja/itr.png') no-repeat left top;
margin: 0;
}
#services h1 {
width: 135px;
height: 27px;
overflow: hidden;
text-indent: -5000px;
background: transparent url('../ja/services.gif') no-repeat left top;
margin: 0;
}
h1#tagline {
font-size: 24px;
font-weight: normal;
color: #cf0000;
text-indent: -1000px;
width: 203px;
height: 19px;
background: transparent url('../ja/tagline.gif') no-repeat left top;
margin: 24px 0px 12px 0px;
position: relative;
left: -1px;
}
h2 {
font-size: 14px;
font-weight: normal;
margin: 12px 0px 24px 0px;
}
h3 {
font-size: 11px;
font-weight: bold;
margin: 10px 0px 0px 0px;
}
h3 span.vo2 {
font-weight: normal;
color: #999;
margin-left: 10px;
}
p {
margin: 12px 0px 12px 0px;
}
p.contact {
color: #666;
margin: 0px;
}
p.location {
margin-top: 14px;
}
p.email {
padding-left: 22px;
background: transparent url('../ja/email.gif') no-repeat 1px 5px;
}
p.phone {
padding-left: 22px;
background: transparent url('../ja/phone.gif') no-repeat 0px 2px;
}
p.intro {
width: 370px;
}
p.description {
margin: 0px 0px 0px 0px;
line-height: 17px;
}
p.link {
margin-top: 10px;
color: #999;
}
p.copyright {
margin-top: 22px;
color: #666;
}
ul.services {
list-style-type: none;
margin: 12px 0px 12px 0px;
color: #999;
}
ul.services li {
padding-left: 12px;
background: transparent url('../ja/bullet.gif') no-repeat left 7px;
}
#services p.email {
margin-top: 22px;
}
#services ul.services strong {
color: #000;
font-weight: normal;
margin-right: 4px;
}
p.home {
float: right;
}
img#scroll {
float: right;
margin-top: -10px;
position: relative;
left: 58px;
}
/* layout */
body {
margin:0;
padding:0;
width: 19680px;
color:#333333;
font: 11px Tahoma, Arial, Sans-Serif;
background: #fff;
overflow: visible;
background: transparent url('../ja/bg.jpg') repeat-x left top;
line-height: 18px;
}
#page {
height: 509px;
overflow: visible;
}
#content {
margin: 0px;
float: left;
}
.panel {
margin: 0px;
padding: 44px 40px 0px 40px;
float: left;
width: 400px;
height: 459px;
overflow: visible;
}
.right {
float: right;
}
.left {
float: left;
}
/* quotes */
.quote .top {
height: 10px;
background: transparent url('../ja/quote-top.gif') no-repeat left top;
overflow: hidden;
}
.quote .middle {
padding: 5px 26px 18px 24px;
background: transparent url('../ja/box.gif') repeat-y left top;
}
.quote .bottom {
height: 12px;
background: transparent url('../ja/quote-bottom.gif') no-repeat left top;
overflow: hidden;
}
.quote .middle p {
margin: 0px;
padding: 6px 0px 6px 0px;
font-size: 14px;
line-height: 22px;
}
.quote .middle strong.red {
color: #cf0000;
margin-right: 5px;
}
.quote p.arrowLeft {
margin: 0px;
color: #9a9a9a;
background: transparent url('../ja/bar.gif') no-repeat 38px top;
padding: 16px 0px 40px 24px;
}
.quote p.arrowRight {
margin: 0px;
color: #9a9a9a;
background: transparent url('../ja/bar.gif') no-repeat 320px top;
padding: 16px 24px 40px 24px;
text-align: right;
}
.quote p.arrowLeft strong,
.quote p.arrowRight strong {
color: #000;
margin-right: 10px;
}
/* links */
a img {
border: none;
}
a,
a:visited {
color: #666;
text-decoration: none;
}
a:hover {
color: #bd0a0a;
}
p a,
p a:visited {
border-bottom: solid 1px #e2e2e2;
}
p a:hover {
border-bottom: solid 1px #e7acac;
}
span.vo2 a,
span.vo2 a:visited {
color: #999;
border-bottom: solid 1px #e2e2e2;
}
span.vo2 a:hover {
color: #bd0a0a;
border-bottom: solid 1px #e7acac;
}
a.view,
a.view:visited {
padding-right: 16px;
color: #999;
margin-top: 10px;
background: transparent url('../ja/link.gif') no-repeat right 0px;
border: 0;
}
a.view:hover {
color: #bd0a0a;
border-bottom: solid 1px #e7acac;
background-position: right -20px;
border: 0;
}
p.home a,
p.home a:visited {
padding-left: 16px;
background: transparent url('../ja/arrow-left.gif') no-repeat left 4px;
border-bottom: 0;
}
p.home a:hover {
background-position: left -16px;
border-bottom: 0;
}
a.services,
a.services:visited {
padding-right: 15px;
background: transparent url('../ja/arrow-right.gif') no-repeat right 4px;
border-bottom: 0;
}
a.services:hover {
background-position: right -16px;
border-bottom: 0;
}
#mt,
#mt:visited {
color: #fff;
border: none;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 40px;
background: transparent url('../ja/mt.gif') no-repeat 0px 0px;
text-indent: -1000px;
}
#mt:hover {
color: #999;
background-position: 0px -39px;
text-indent: 0px;
}
Ultima modifica di un moderatore: