Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Info Coronavirus/Vaccinare vs Fake News

Panouri PV - TVA de 5%, dar nu pt...

Inca doua zile libere in ianuarie

vt-x not support acer predator
 Furt intre soti

Casa verde fara injectare in retea

huawei p20 & p20 pro

Comanda de grup Signal Stick
 Recomandare becuri LED

Pot inchide un abonament de telef...

Lista firme austriece in Romania

Toyota bZ3, noul sedan electric
 Recomandare melodii in genul asta

Ce capacitor trebuie micsorat sa ...

Alegere Corecta Boxe/Amplificator

Franciza 5 to go
 

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

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