Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Blu Ray ASUS BW-16D1HT

Mai multe canale din grupul Linus...

Problema primire apel Vodafone ca...

De ce TVR nu mai emite pe DVB T2?
 Vrem sa ne reparam/infrumusetam p...

Ce rasa de catei sunt?

Sfat mașina sh

Ledvance nu mai funcționeaza...
 Sa bagam latina, religia la bac -...

Știri și mișcari c...

O chestiune despre "legendara...

ACM lipsa - Motan Start BT
 Sfat cumparare masina noua

Ford Mondeo IV 2.0 TDCI

S10+ amprenta cu folie dubla

FED (US) creste din nou dobanda c...
 

CSS Tabs Problem

- - - - -
Last Updated: Sep 12 2007 13:05, Started by DJAx3L , Jul 28 2007 13:51  
  ·  
  • Please log in to reply
9 replies to this topic

#1
DJAx3L
Posted 28 July 2007 - 13:51

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
Posted 28 July 2007 - 14:48

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
Posted 28 July 2007 - 15:01

DJAx3L

    Junior Member

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

Vizualizare mesajagain, pe Jul 28 2007, 15:48, a scris:

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
Posted 28 July 2007 - 15:28

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
Posted 28 July 2007 - 15:42

DJAx3L

    Junior Member

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

Vizualizare mesajagain, pe Jul 28 2007, 16:28, a scris:

/*- 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
Posted 28 July 2007 - 15:46

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
Posted 28 July 2007 - 15:49

DJAx3L

    Junior Member

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

Vizualizare mesajagain, pe Jul 28 2007, 16:46, a scris:

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
Posted 29 July 2007 - 09:34

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
Posted 12 September 2007 - 12:20

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
Posted 12 September 2007 - 13:05

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

Chirurgia cranio-cerebrală minim invazivă Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

www.neurohope.ro
Back to Markup Languages

▶ 0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

  1. Forumul Softpedia
  2. → Professional Zone
  3. → Programming
  4. → Markup Languages
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