Clicky

Skocz do zawartości


Zdjęcie
* * * * * 1 głosy

Jak zapobiec przesuwaniu elementów na WEB

4 odpowiedzi w tym temacie
css margin html padding

  • Zaloguj się, aby dodać odpowiedź

#1 commandor.koty@gmail.com

commandor.koty@gmail.com

    Początkujący

  • Użytkownik
  • Pip
  • 3 postów

Napisano 05 styczeń 2017 - 02:20

<a href=https://zapodaj.net/...stronea.jpg</a>

 

Hej 

 

Próbowałem wszystkiego z 

Paddingiem 

marginem 

float

overflow

position

object-position

 

I nadal nic...

Jak widać login rozszerza się na całość

Menu zamiast u góry na środku jest po lewej lub przy innej konfiguracji jest na środku z tym że nie jest chude a rozszerza się w dół, przy zmiażdżeniu strony....

 

Chce aby elementy były nieruchome. Tak jak u góry obrazek mam to w divach, Pomimo 3 godzin konfiguracji nadal są ruchome widać na załączonym zdjęciu, ew. tu link podaje ( https://zapodaj.net/...46cf1e.jpg.html )

 

Używam Login menu z bootstrapa.. Także może ktoś coś komuś coś to mówi.. 

Please Help :( 
Jestem strasznie zmęczony...



#2 mck

mck

    Jestę Blogerę

  • Admin
  • 1544 postów

Napisano 05 styczeń 2017 - 08:28

Podrzuć linka. Inaczej ciężko będzie zgadnąć :)



#3 commandor.koty@gmail.com

commandor.koty@gmail.com

    Początkujący

  • Użytkownik
  • Pip
  • 3 postów

Napisano 05 styczeń 2017 - 18:54

Linka do czego ? do kodu  ? czy do tego zmiażdżania https://zapodaj.net/...46cf1e.jpg.html )



#4 mck

mck

    Jestę Blogerę

  • Admin
  • 1544 postów

Napisano 05 styczeń 2017 - 21:22

Do kodu oczywiście.
Jeśli nie chcesz pokazywać strony, to wrzuć próbkę na jsfiddle.net, jsbin.com albo codepen.io



#5 commandor.koty@gmail.com

commandor.koty@gmail.com

    Początkujący

  • Użytkownik
  • Pip
  • 3 postów

Napisano 05 styczeń 2017 - 22:37

HALOS
}

Powyżej kod CSS:

Poniżej kod HTML 5:


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Koty_Code_Portfolio</title>
<meta name="description" content="Interactive web site">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
        <div class="header">
            <h1> Koty Code </h1>
            <a href="index.html"> <img class="logo" src="gallery/blacCat.jpg" alt="Cat logo"/></a>
        </div>  
        <nav class="navbar navbar-inverse">
        <div class="container-fluid">
        <ul class="nav navbar-nav">
            <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">MENU <span class="caret"></span></a>
                <ul class="dropdown-menu">
                    <li><a href="login.html">Login</a></li>
                    <li><a href="register.html">Register</a></li>
                    <li><a href="userlist.html">User List</a></li>
                </ul>
            <li class="active"><a href="index.html">Home</a></li>
            </li>
            <li><a href="worklist.html">Work List</a></li>
            <li><a href="chat.html">Chat</a></li>
            <li><a href="cvcard.html">Cv-Card</a></li>
            <li><a href="photo.html">Photo</a></li>
            <li><a href="aboutme.html">About me</a></li>
            <li><a href="Concact.html">Contact</a></li>
        </ul>
        </div>
        </nav>
        <div class="container">
            <h2 class="cvdes">Register Form</h2>
<div class="register-view">
        <div class="row centered-form">
        <div class="col-xs-12 col-sm-8 col-md-4 col-sm-offset-2 col-md-offset-4">
        <div class="panel panel-default">
        <div class="panel-heading">
    <h3 class="panel-title">Sign Up<small>_It's free!</small></h3>
</div>
<div class="panel-body">
    <form role="form">
    <div class="row">
    <div class="col-xs-6 col-sm-6 col-md-6">
    <div class="form-group">
               <input type="text" name="first_name" id="first_name" class="form-control input-sm floatlabel" placeholder="First Name" required>
    </div>
    </div>
    <div class="col-xs-6 col-sm-6 col-md-6">
    <div class="form-group">
    <input type="text" name="last_name" id="last_name" class="form-control input-sm" placeholder="Last Name" required>
    </div>
    </div>
    </div>

    <div class="form-group">
    <input type="email" name="email" id="email" class="form-control input-sm" placeholder="Email Address" required>
    </div>

    <div class="row">
    <div class="col-xs-6 col-sm-6 col-md-6">
    <div class="form-group">
    <input type="password" name="password" id="password" class="form-control input-sm" placeholder="Password" required>
    </div>
    </div>
    <div class="col-xs-6 col-sm-6 col-md-6">
    <div class="form-group">
    <input type="password" name="password_confirmation" id="password_confirmation" class="form-control input-sm" placeholder="Confirm Password" required>
    </div>
    </div>
    </div>
   
    <input type="submit" value="Register" class="btn btn-info btn-block">
   
    </form>
    </div>
    </div>
    </div>
    </div>
    </div>
        </div> 
    </body>
</html> 

Pominięto sekcje html 

 

A tu poniżej zdjęcia 

 

3 a tu już widać rozsypkę

<a href=https://zapodaj.net/...48e9ca.png.html>2017-01-05 (4).png</a>

<a href=https://zapodaj.net/...2b7323.png.html>2017-01-05 (5).png</a>

 

Update 1 post. Testowałem różnie, Obecnie css jest do sformatowania. No ale może coś mi poradzisz... Logo div nie rusza się jest i pozostaje jak ma być. Ustawiając css na wszystkie elementy tak jak ten logo div - nie przyniosło rezultatu. Ciągle strona się zgina i zgniata... 






Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych