css - css problemer - Udvikleren.dk - Programmering, webdesign og grafik

Tags: css

Bruger #16353 @ 26.09.11 20:18

Hej

Jeg arbejde lige nu med at få et navn af "Forside" ind på et background billede!,
så det vil sig at billede er som background, og så forside skal være et billede som man kan klik på når det er

http://localhostr.com/files/uwz96KO/capture.png det må gerne være noget i den her still

CSS kode

 #menu-bg {
     width:200px;
     height:200px;
     background:url(img/links/bg.png) bottom no-repeat;
     border:1px solid #000;
     
     border-radius:6px;
     -moz-border-radius:6px;
     -webkit-border-radius:6px;
     
     box-shadow:0px 0px 8px #000;
     -moz-box-shadow:0px 0px 8px #000;
     -webkit-box-shadow:0px 0px 8px #000;
 }
 #menu-bg ul {
     margin:0px;
     padding:0px;
 }
 #menu ul li .forisde {
     background:url(img/links/a-hover.png) no-repeat;
 }

HTML kode

 <div id="menu-bg">
 <ul>
     <li class="forisde"></li>
     <li></li>
     <li></li>
 </ul>
 </div>

Indlæg senest redigeret d. 26.09.2011 20:27 af Bruger #16353

5 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 5 karma

Sorter efter stemmer Sorter efter dato

Bruger #16669 @ 26.09.11 21:00

CSS kode

 #navi {
 margin:0 auto;
 width:500px;
 height:40px;
 color:black;
 }
 .knap1 {
 width:75px;
 height:40px;
 background-image: url('billedet.png');
 }
 .knap2 {
 width:75px;
 height:40px;
 background-image: url('billedet.png');
 }

HTML kode

 <div id="navi">
 <a class="knap1" href="index.php">Forside</a>
 <a class="knap2" href="side2.php">Side 2</a>
 </div>

Det kan laves sådan

jeg har ikke testet det så er ikke 100% sikker på det virker

Og husk lige at stem indlæggende op nu hvor vi sider og hjælper folk

Indlæg senest redigeret d. 26.09.2011 21:00 af Bruger #16669

Bruger #16669 @ 26.09.11 20:42

HTML kode

 <div id="menu-bg">
  <ul>
      <li><a href="index.php">Forside</a></li>
      <li></li>
      <li></li>
  </ul>
  </div>

Går ud fra det er det du mener , men du er ikke god til at forklare dig

Bruger #16353 @ 26.09.11 20:53

-108

jamen hvor kommer billedet så ind henne? som jeg har lavet i png

Bruger #16353 @ 26.09.11 21:03

-108

CSS kode

 #menu-bg {
     width:940px;
     background:url(img/links/bg.png) bottom repeat-x;
     border:1px solid #000;
     overflow:auto;
     
     border-radius:6px;
     -moz-border-radius:6px;
     -webkit-border-radius:6px;
     
     box-shadow:0px 0px 8px #000;
     -moz-box-shadow:0px 0px 8px #000;
     -webkit-box-shadow:0px 0px 8px #000;
 }
 .forisde {
     width:150px;
     height:50px;
     background:url(img/links/a-hover.png) no-repeat;
 }

Har klart det!

Indlæg senest redigeret d. 26.09.2011 21:23 af Bruger #16353

Bruger #16669 @ 26.09.11 23:23

husk at gi os point ... det er respektløst andet..

css problemer

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler