Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Incalzire casa fara gaz/lemne

Incalzire in pardoseala etapizata

Suprataxa card energie?!

Cum era nivelul de trai cam din a...
 probleme cu ochelarii

Impozite pe proprietati de anul v...

teava rezistenta panou apa calda

Acces in Curte din Drum National
 Sub mobila de bucatarie si sub fr...

Rezultat RMN

Numar circuite IPAT si prindere t...

Pareri brgimportchina.ro - teapa ...
 Lucruri inaintea vremurilor lor

Discuții despre TVR Sport HD.

Cost abonament clinica privata

Tremura toata, dar nu de la ro...
 

CSS Tabs Problem

- - - - -
  • Please log in to reply
9 replies to this topic

#1
DJAx3L

DJAx3L

    Junior Member

  • Grup: Members
  • Posts: 170
  • Înscris: 18.11.2005
am facut aceste tab`uri css , aceste categorii

<!-- CSS Tabs -->
<li><a href="Home.html"><span>Home</span></a></li>
<li id="current"><a href="About.html"><span>About</span></a></li>
<li><a href="Contact.html"><span>Contact</span></a></li>

ei .. problema mea e cand intru pe index mi le arata in partea stanga si eu vreau sa fie pe centru, am tot bagat pe acol <center> dar tot nu a mers, nu le prea am cu tab`urile,css,stiu doar putin html dar tot nu am reusit, pliz un help

#2
again

again

    WEB DUDE

  • Grup: Senior Members
  • Posts: 7,068
  • Înscris: 21.10.2005
arata-ne unde ruleaza
ce ne-ai dat e o lista (si aia incompleta)

#3
DJAx3L

DJAx3L

    Junior Member

  • Grup: Members
  • Posts: 170
  • Înscris: 18.11.2005

View Postagain, on Jul 28 2007, 15:48, said:

arata-ne unde ruleaza
ce ne-ai dat e o lista (si aia incompleta)
pai am zis ca alea sunt categoriile numa care le am ..  

here it goes codul :


------------------------------------------------------------------------
-----------------------------------------------------


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml">
                <head>
                        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                        <title>x</title>
                        <style type="text/css">
<!--
    body {
        margin:0;
        padding:0;
        font: bold 11px/1.5em Verdana;
}

h2 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

/*- Menu Tabs H--------------------------- */

    #tabsH {
      float:left;
      width:100%;
      background:#000;
      font-size:93%;
      line-height:normal;
      }
    #tabsH ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
      float:left;
      background:url("tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url("tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#FFF;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }

        #tabsH #current a {
                background-position:0% -42px;
        }
        #tabsH #current a span {
                background-position:100% -42px;
        }
-->
</style>
                </head>

                <body>
                        <div id="tabsH">
                                <ul>
                                        <!-- CSS Tabs -->

                  
  
<li><a href="Aboutme.html"><span>About Me</span></a></li>
<li id="current"><a href="Home.html"><span>Home</span></a></li>
<li><a href="Contact.html"><span>Contact</span></a></li>

                                </ul>
                        </div>







                </body>
</html>



-----------------------------------------------------------
------------------------------------------------------------------------

va rog ajutati`ma sa`mi fie pe centru  :cursing: ca pe google tot ce gasesc nu reusesc sa fac sa mearga

#4
again

again

    WEB DUDE

  • Grup: Senior Members
  • Posts: 7,068
  • Înscris: 21.10.2005
/*- Menu Tabs H--------------------------- */

#tabsH {
float:left;
width:100%;
background:#000;
font-size:93%;
line-height:normal;
}

scoate float:left; de aici

#5
DJAx3L

DJAx3L

    Junior Member

  • Grup: Members
  • Posts: 170
  • Înscris: 18.11.2005

View Postagain, on Jul 28 2007, 16:28, said:

/*- Menu Tabs H--------------------------- */

#tabsH {
float:left;
width:100%;
background:#000;
font-size:93%;
line-height:normal;
}

scoate float:left; de aici


am scos .. si tot nu merge sa fie pe centrul paginii, doar putin se muta la o distanta de vreo 100 de pixeli de marginea din stanga, nici nu stiu cum sa explic

am bagat si float:center ma gandeam ca poate merge dar fara succes..

LE:   am pus aici atasament poate are careva inima mare si `mi face el codul .. si apoi sa`mi zica si care o fo chestia ca sa invat .. mersi anticipat

Attached Files


Edited by DJAx3L, 28 July 2007 - 15:46.


#6
again

again

    WEB DUDE

  • Grup: Senior Members
  • Posts: 7,068
  • Înscris: 21.10.2005
atunci in afara de scos float:left mai adauga si margin:0 auto;

#7
DJAx3L

DJAx3L

    Junior Member

  • Grup: Members
  • Posts: 170
  • Înscris: 18.11.2005

View Postagain, on Jul 28 2007, 16:46, said:

atunci in afara de scos float:left mai adauga si margin:0 auto;

nu merge nici asa, in plus daca bag margin:0 auto; mi se muta ca si cand scot float:left.. adica doar putin, vezi ca ti`am atasat mai sus ca sa`ti fie mai usor, oricum mersi de ajutor

#8
xnoise

xnoise

    Active Member

  • Grup: Members
  • Posts: 1,310
  • Înscris: 08.02.2007
copii... vbiti de o lista acolo, nu de un div. se comporta diferit. singura solutie ar fi cea implementata aici: http://www.lakeandalpinehomes.com - la meniu. Pentru ul se foloseste display:table si pt li se foloseste display:table-cell.

ATENTIE: In IE nu merg niciuna nici alta (asa ca o sa trebuiasca fie un cond-comm cu un tabel inauntru), fie sa gasiti o solutie care merge si pe IE (ceea ce va fi cam greu).

#9
Jumping Jack

Jumping Jack

    Member

  • Grup: Members
  • Posts: 622
  • Înscris: 12.09.2007
Salut. Daca inteleg eu bine, cam asta se dorea?  Merge in ie6, ff si opera. In altele nu am incercat, dar cred ca merge in safari. Pentru ie mai jos de 6 nu ma mai obosesc.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>tabbed nav</title>
<style type="text/css">

* {margin:0;padding:0}
ul, li {list-style:none}
body {font: bold 11px/1.5em Verdana;}
ul#tabs{
float:left;
background:#000;
padding:3px 0;
width:100%;
text-align:center
}
ul#tabs li {display:inline;margin:0 -1px}
ul#tabs a {padding:2px 6px;background:#ddd url(on.gif) repeat-x;text-decoration:none;color:#fff}
ul#tabs a:hover {background:#eee url(off.gif) repeat-x}
</style>
</head>
<body>
<ul id="tabs">
<li><a href="Aboutme.html">About Me</a></li>
<li id="current"><a href="Home.html">Home</a></li>
<li><a href="Contact.html">link2</a></li>
<li><a href="Contact.html">link3</a></li>
<li><a href="Contact.html">link4</a></li>
<li><a href="Contact.html">link5</a></li>
</ul>
</body>
</html>

#10
gupi

gupi

    Active Member

  • Grup: Members
  • Posts: 1,316
  • Înscris: 15.04.2005
Un foarte bun tutorial, plin de exemple, se gaseste la adresa css.maxdesign.com.au

Anunturi

Neurochirurgie minim invazivă Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate