Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Intrerupator cu N - doza doar cu ...

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
 

Creeare site html css cu width automat

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

#19
life190

life190

    Junior Member

  • Grup: Members
  • Posts: 132
  • Înscris: 13.02.2012
Am rezolvat:)

Singura problema care mai e, e ca atunci cand fac browserul mai mic in latime, meniul, "cade" mai jos chiar daca toate astea 2 div-uri le-am pus intr-un alt div cu min-width

#20
life190

life190

    Junior Member

  • Grup: Members
  • Posts: 132
  • Înscris: 13.02.2012
Saurian ?

#21
w3room

w3room

    Senior Member

  • Grup: Senior Members
  • Posts: 2,085
  • Înscris: 22.09.2010

View Postlife190, on 4th April 2012, 09:43, said:

Saurian ?
E pe altă arie. Strigă-l mai tare că nu te aude :P

Vrei să pui tot codul tău aici, și te ajut eu ?

#22
life190

life190

    Junior Member

  • Grup: Members
  • Posts: 132
  • Înscris: 13.02.2012
Mersi:D . Uite:
<style type="text/css">
.top{min-width:1000px;
width:100%; }
.stanga{float:left;margin-left::50px;}
.dreapta{float:right; margin-top:30px; margin-right:50px;}
</style>
<body><div class="top">
<div class="stanga">
<img src="imagine.jpg" /></div>
<div class="dreapta">
<div id="meniu">
<ul>
<li><a href="#" >home</a>
</li>
  <li><a href="#">contact</a> </li>
   </ul>
</div>
</div></div>
</body>
</html>

#23
w3room

w3room

    Senior Member

  • Grup: Senior Members
  • Posts: 2,085
  • Înscris: 22.09.2010
Așa ceva vrei să faci ?

<style type="text/css">
#header {width:100%; min-width:1000px; color:white;}
#header td{padding:5px 10px;}
#header td.logo{background:red; width:150px;}
#header td.menu{background:blue; text-align:right;}
#header td.menu a{display:inline-block; color:white; margin:5px 10px;}
</style>

<table cellspacing="0" cellpadding="0" id="header">
<tr>

<td valign="top" class="logo">
<a href=""><img src="http://forum.softpedia.com/forumheader/sp_forum_logo.gif" /></a>
</td>

<td valign="top" class="menu">
<a href="#">Pagina</a>
<a href="#">Pagina</a>
<a href="#">Pagina</a>
<a href="#">Pagina</a>
<a href="#">Pagina</a>
<a href="#">Pagina</a>
</td>

</tr>
</table>

Edited by w3room, 05 April 2012 - 15:11.


#24
life190

life190

    Junior Member

  • Grup: Members
  • Posts: 132
  • Înscris: 13.02.2012
da, mersi :)

dar cu divuri nu se poate face?

#25
life190

life190

    Junior Member

  • Grup: Members
  • Posts: 132
  • Înscris: 13.02.2012
Adica nu poti sa ii faci ceva codului care l-am postat eu? imi merge numai ca atunci cand reizez fereastra "pica" meniul in jos.

#26
w3room

w3room

    Senior Member

  • Grup: Senior Members
  • Posts: 2,085
  • Înscris: 22.09.2010
Așa ?

<style type="text/css">
#header {width:100%; min-width:1000px; color:white;}
#header div{padding:5px 1%; height:50px;}
#header div.logo{background:red; width:14%; float:left; text-align:center;}
#header div.menu{background:blue; text-align:right; float:right; width:82%;}
#header div.menu a{display:inline-block; color:white; margin:5px 10px;}
</style>

<div id="header">

<div class="logo">
<a href=""><img src="http://forum.softpedia.com/forumheader/sp_forum_logo.gif" /></a>
</div>

<div class="menu">
<a href="#">Pagina</a>
<a href="#">Pagina</a>
<a href="#">Pagina</a>
<a href="#">Pagina</a>
<a href="#">Pagina</a>
<a href="#">Pagina</a>
</div>

</div>


#27
life190

life190

    Junior Member

  • Grup: Members
  • Posts: 132
  • Înscris: 13.02.2012
da, mersi

#28
life190

life190

    Junior Member

  • Grup: Members
  • Posts: 132
  • Înscris: 13.02.2012
DAR, mai e o problema: Faza e ca eu am un meniu adevarat cu java etc (nu am link-uri)si l-am pus intr-un div spre dreapta dar nu vrea sa se duca in drapta cu nimic, ce ii fac?

s-a rezolvat, nu trebuia width-ul cu %

Si asa tot nu merge bine, pentru ca atunci candfac browserul mai mic meniul cade in jos... Nu cade doar daca pun width cu % si atunci cand pun procente nu imi merge sa aplic nici un css lui nu se aliniaza deloc....

Edited by life190, 06 April 2012 - 17:10.


#29
w3room

w3room

    Senior Member

  • Grup: Senior Members
  • Posts: 2,085
  • Înscris: 22.09.2010
Pune-ți site-ul online și dă link către el.

#30
life190

life190

    Junior Member

  • Grup: Members
  • Posts: 132
  • Înscris: 13.02.2012
E exact ce am postat mai sus. numai cu css-ul pentru meniul respectiv care e cam lung:
<style type="text/css">
.top{min-width:1000px;
width:100%; }
.stanga{float:left;margin-left::50px;}
.dreapta{float:right; margin-top:30px; margin-right:50px;}
</style>
<body><div class="top">
<div class="stanga">
<img src="imagine.jpg" /></div>
<div class="dreapta">
<div id="meniu">
<ul>
<li><a href="#" >home</a>
</li>
<li><a href="#">contact</a> </li>
</ul>
</div>
</div></div>
</body>
</html>

#31
w3room

w3room

    Senior Member

  • Grup: Senior Members
  • Posts: 2,085
  • Înscris: 22.09.2010
Mă depășește problema ta. Ți-am dat bucăți de cod exact pentru ce vroiai, și ai rămas tot la al tău, că nu se muta nu știu ce. Nici nu vreau să te mai întreb de ce nu intri un pic pe w3schools să le iei de la cap la coadă.

Cred că de asta a și fugit Saurian :D

Baftă în ce faci acolo.

#32
life190

life190

    Junior Member

  • Grup: Members
  • Posts: 132
  • Înscris: 13.02.2012
mi-ai dat cod cu un meniu care e format doar din <a>-uri ... in fine...

#33
w3room

w3room

    Senior Member

  • Grup: Senior Members
  • Posts: 2,085
  • Înscris: 22.09.2010

View Postlife190, on 6th April 2012, 21:24, said:

mi-ai dat cod cu un meniu care e format doar din <a>-uri ... in fine...
Și știi ce înseamnă asta ? Că știu css. Mulțumesc :D

Dacă știi css, nu mai ai nevoie de ul, de li și de alte tag-uri care îți îngreunează munca ! Te folosești, cel mult, de clase pentru "a".

#34
life190

life190

    Junior Member

  • Grup: Members
  • Posts: 132
  • Înscris: 13.02.2012
Am un meniu mai complex cu multe dropdownuri si nu am cum sa fac altfel..

#35
w3room

w3room

    Senior Member

  • Grup: Senior Members
  • Posts: 2,085
  • Înscris: 22.09.2010

View Postlife190, on 6th April 2012, 21:54, said:

Am un meniu mai complex cu multe dropdownuri si nu am cum sa fac altfel..
Eu am făcut pe un site, meniu cu dropdow doar din css. Fără efecte, într-adevăr.

Oricum, n-am văzut să fi zis ceva de dropdown.

#36
Tiberiu_Alexander

Tiberiu_Alexander

    Member

  • Grup: Members
  • Posts: 338
  • Înscris: 05.01.2010

View Postw3room, on 6th April 2012, 22:39, said:

Și știi ce înseamnă asta ? Că știu css. Mulțumesc :D

Dacă știi css, nu mai ai nevoie de ul, de li și de alte tag-uri care îți îngreunează munca ! Te folosești, cel mult, de clase pentru "a".

Un meniu reprezintă o listă de linkuri, deci dpdv semantic este corect să le incluzi într-o listă neordonată. În plus, nu mai e nevoie să dai fiecărui link câte o clasă, ci doar folosești clasa pentru lista neordonată și apoi îi "stilizezi" descendenții (în cazul de față linkurile).

View Postw3room, on 6th April 2012, 23:08, said:

Eu am făcut pe un site, meniu cu dropdow doar din css. Fără efecte, într-adevăr.

Eu fac pe fiecare site dropdownul din CSS. Așa mi se pare normal, este cel mai ușor. Bineînțeles, efectele le adaug folosind Javascript (deși se poate și cu CSS3 => http://www.screenr.com/no18 )

Cât despre problema ta life190, ai nevoie de una din astea (alegerea e a ta):

-YAMB (demo aici)
-Skeleton
-Fluid Baseling Grid

Fiecare dispune de o documentație destul de detaliată, deci cu puțină răbdare vei învăța să folosești una din ele. Toate sunt compatibile cu IE7+ (poate chiar și cu IE6), deci compatibilitatea nu va fi o problemă.

Edited by Tiberiu_Alexander, 11 April 2012 - 01:59.


Anunturi

Chirurgia endoscopică a hipofizei Chirurgia endoscopică a hipofizei

"Standardul de aur" în chirurgia hipofizară îl reprezintă endoscopia transnazală transsfenoidală.

Echipa NeuroHope este antrenată în unul din cele mai mari centre de chirurgie a hipofizei din Europa, Spitalul Foch din Paris, centrul în care a fost introdus pentru prima dată endoscopul în chirurgia transnazală a hipofizei, de către neurochirurgul francez Guiot. Pe lângă tumorile cu origine hipofizară, prin tehnicile endoscopice transnazale pot fi abordate numeroase alte patologii neurochirurgicale.

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