Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
lista odsyłaczy pod obrazkiem
#8
(30-08-2010, 22:04)pudzianex88 napisał(a): to jest cod odpowiedzialny za nawigacje gdzie co zmienić i w prowadzić twoje ustawienia bo mi się rozjeżdża wszystko ??


/* navi*/


#navi {




}
#navi ul {
margin: 0;
padding:15px;
background: url(../images/t%C5%82onavi_y-131_sz135_w1328.png) no-repeat;
height:130px;
}

#navi ul li {

float:left;

width:3px;
margin-top:35px;
margin-left:165px;

display:block;
font: bold 30px tahoma, verdana, arial, helvetica, sans-serif;

}
#navi ul li a {

}

Po pierwsze używaj zawsze reset.css najlepiej w osobnym pliku.

np:

html:

<link href="css/reset.css" media="all" rel="stylesheet" type="text/css" />

css

/*-------------------------------------------------*/
/*-------------------RESET CSS --------------------*/
/*-------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

fieldset{
border:none;
}

ol, ul {
list-style-position:inside;
}
blockquote, q {
quotes: none;
}


/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* additional options by Jaroslaw Krolewski */

*{
margin:0;
padding:0;
}

li {
list-style-type: none;
padding: 0px;
margin: 0px;
list-style-position: outside;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}

.clearfix {
display: inline-block;
}* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}

.clr {
clear: both;
}

.clear {
clear: both;
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
width: 0;
}
reset.css używasz w celu usunięcia domyślnych ustawień przeglądarek. (marginesów itp.).

Jeśli chcesz usunąć tekst z elementu a stosujesz:

#nav ul li a{
display:block;
text-indent:-9000px; /*usuwa tekst*/
cursor:pointer; /*nadaje łapkę w ie 6*/
outline:none; /*usuwa kropkowane obramowanie*/
}

Nie ma innego łatwiejszego sposobu na sporządzenie linka obrazkowego.

Pozdrawiam Smile
Mała poprawka:

Tu masz poprawny (dałem #nav zamiast #navi - czasem ciężko wyłapać takie rzeczy).

#navi ul li a{
display:block;
text-indent:-9000px; /*usuwa tekst*/
cursor:pointer; /*nadaje łapkę w ie 6*/
outline:none; /*usuwa kropkowane obramowanie*/
}
Odpowiedz


Wiadomości w tym wątku
lista odsyłaczy pod obrazkiem - przez pudzianex88 - 29-08-2010, 20:12
RE: lista odsyłaczy pod obrazkiem - przez Dhofca - 29-08-2010, 21:05
RE: lista odsyłaczy pod obrazkiem - przez Pedro84 - 29-08-2010, 21:30
RE: lista odsyłaczy pod obrazkiem - przez Sheken - 30-08-2010, 22:47
RE: lista odsyłaczy pod obrazkiem - przez Sheken - 30-08-2010, 23:50
RE: lista odsyłaczy pod obrazkiem - przez Sheken - 31-08-2010, 02:52
RE: lista odsyłaczy pod obrazkiem - przez szadow - 31-08-2010, 00:30
RE: lista odsyłaczy pod obrazkiem - przez Sheken - 31-08-2010, 15:00

Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  lista dostępnych czcionek camelrafal 11 7,904 22-08-2012, 00:33
Ostatni post: camelrafal
  Rozwijana lista z opcjami, dostepne do wyboru CzanCzan 1 2,119 03-07-2012, 00:42
Ostatni post: Pedro84
  lista "ucieka" z diva. dahel 1 2,012 26-11-2011, 20:53
Ostatni post: Kartofelek
  odstępy w blokach z obrazkiem daniio 6 4,504 26-10-2011, 18:52
Ostatni post: hieroshima
  Lista pozioma w IE stonek89 1 1,849 28-02-2010, 23:38
Ostatni post: ery

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl